A2
T19
Graphics Creation
Vector vs Bitmap properties and formats (SVG/AI/EPS vs BMP/JPEG/PNG/GIF/TIFF), Colour systems (RGB/CMYK/HSL/CMS), Compression (Lossy/Lossless), Resolution/Colour depth/File size.
Lesson List
33 bài1
19.1 Vector vs Bitmap, Colour Systems, File Formats
○ Chưa học
2
Giới thiệu và tổng quan: Vector graphics definition
○ Chưa học
3
19.2 Compression, Colour Models, and File Size Calculations
○ Chưa học
4
19.2 Colour Systems and File Formats
○ Chưa học
5
Khái niệm cốt lõi: Bitmap/raster graphics definition
○ Chưa học
6
19.3 Image Editing Techniques and Tools
○ Chưa học
7
19.3 Paper 4 Task 2 — Graphics Practical Guide
○ Chưa học
8
Phân tích chuyên sâu: SVG format
○ Chưa học
9
19.4 Compression and Colour Depth
○ Chưa học
10
Ví dụ thực tế: AI and EPS formats
○ Chưa học
11
P4.0 Paper 4 Overview — Task Structure and Exam Strategy
○ Chưa học
12
So sánh và đánh giá: BMP format
○ Chưa học
13
P4.1 Bitmap Graphics — Theory, Colour Models, and File Size
○ Chưa học
14
Kỹ thuật làm bài thi: JPEG compression
○ Chưa học
15
P4.2 Vector Graphics — Concepts, SVG Structure, and Pathfinder
○ Chưa học
16
Sơ đồ và hình vẽ: PNG format and transparency
○ Chưa học
17
P4.3 Adobe Photoshop — NightScene Workflow and Layer Blend Modes
○ Chưa học
18
Câu hỏi từ bài thi thật: GIF format and animation
○ Chưa học
19
Luyện tập có hướng dẫn: TIFF format
○ Chưa học
20
Các lỗi thường gặp: RGB colour model
○ Chưa học
21
19.4 W23 Paper 4 Task 1 — 3-Layer Image Composition (GIMP/Photoshop)
○ Chưa học
22
Từ khóa và định nghĩa: CMYK colour model
○ Chưa học
23
19.5 W24 Night Bay Scene — Photoshop Step-by-Step Guide
○ Chưa học
24
Liên kết các chủ đề: HSL colour model
○ Chưa học
25
19.6 W25 Apple Vector — Adobe Illustrator Step-by-Step Guide
○ Chưa học
26
Câu hỏi mức độ cao hơn (AO3): Colour management system CMS
○ Chưa học
27
Ôn tập nhanh: Lossy compression effects
○ Chưa học
28
Áp dụng thuật toán / mã giả: Lossless compression methods
○ Chưa học
29
Tình huống đánh giá: Image resolution PPI/DPI
○ Chưa học
30
Cấu trúc câu trả lời (PEEL): Colour depth and file size
○ Chưa học
31
Thực hành Paper 2 / 4: Resampling and resizing
○ Chưa học
32
Tổng kết chương: Vector vs bitmap comparison
○ Chưa học
33
Kiểm tra hiểu biết: Practical graphics creation in P4
○ Chưa học
📖 Nội dung lý thuyết — T19: Graphics Creation
Xem bài học chi tiết trong tab Bài học phía trên. Mỗi bài giảng bao gồm:
- ✅ Cambridge-standard term definitions
- ✅ Comparison tables & worked examples
- ✅ Exam tips — how to answer Paper 1/3 questions
- ✅ Common mistakes to avoid
- ✅ Sơ đồ & diagram khi cần thiết
Nhấn để xem đáp án
Đáp án
Thi thử Paper 1/3 — Graphics Creation
T19 — Graphics Creation Quiz
Quiz bài học — Graphics Creation
Mock Exam — Graphics Creation
T19/20 — Graphics & Animation Theory Test
Kiểm tra ôn tập — Graphics Creation
Chapter 19: Graphics Creation - SVG Diagram Quiz
Kho đề thi Cambridge theo chương này. Chọn đề để luyện tập có đếm giờ.
📂
Chưa có tài liệu. Giáo viên sẽ bổ sung.
method
Mnemonic học thuộc: Vector graphics definition
Dùng kỹ thuật mnemonic để ghi nhớ các bước / danh sách trong chủ đề này. Viết ra thẻ flashcard và tự kiểm tra mỗi ngày. [Chủ đề: Vector graphics definition, T19]
method
Cornell Notes: Bitmap/raster graphics definition
Áp dụng Cornell Note-taking: cột gợi ý (trái 30%) và cột ghi chú. Viết câu hỏi chủ chốt vào cột gợi ý khi học chủ đề này. [Chủ đề: Bitmap/raster graphics definition, T19]
method
Kỹ thuật Feynman: SVG format
Giải thích chủ đề này bằng ngôn ngữ đơn giản như đang dạy cho học sinh lớp 9. Nếu khó giải thích, đó là điểm cần học lại. [Chủ đề: SVG format, T19]
method
Kết nối với thực tế: JPEG compression
Liên kết chủ đề này với một công nghệ bạn dùng hàng ngày. Sự liên kết ngữ cảnh giúp ghi nhớ lâu dài hơn. [Chủ đề: JPEG compression, T19]
method
Teach Back (dạy lại): PNG format and transparency
Sau khi học, đóng sách và giải thích to trong 2 phút. Tự ghi âm nếu có thể, sau đó nghe lại và tìm điểm còn thiếu. [Chủ đề: PNG format and transparency, T19]
method
Active Recall: CMYK colour model
Sau khi đọc, đóng tài liệu lại. Viết ra mọi thứ bạn nhớ được. Kiểm tra lại và thêm phần bị thiếu bằng màu khác. [Chủ đề: CMYK colour model, T19]
method
Peer Teaching: HSL colour model
Ghép đôi và kiểm tra nhau về chủ đề này. Người giải thích sẽ hiểu sâu hơn — cách học tốt nhất là dạy người khác. [Chủ đề: HSL colour model, T19]
method
Ví dụ cụ thể: Colour depth and file size
Với mỗi khái niệm trong chủ đề này, viết 1 ví dụ thực tế cụ thể. Giám khảo cho điểm cao hơn với câu trả lời có ví dụ liên quan. [Chủ đề: Colour depth and file size, T19]
memorize
Colour Depth — File Size and Appearance Effects (MJ2026 Q9)
🎨 Colour Depth — Key Formulas and Effects
File size formula:
File size (bits) = Width × Height × Colour depth (bits per pixel)
| Colour depth | Colours available | File size (500×500px) |
|---|---|---|
| 1-bit | 2 (black & white) | 31 KB |
| 4-bit | 16 | 125 KB |
| 8-bit | 256 | 250 KB |
| 16-bit | 65,536 | 500 KB |
| 24-bit (True colour) | 16.7 million | 750 KB (uncompressed) |
Effect on appearance (Cambridge mark points):
- Reduced colour depth → colour banding / posterisation — smooth gradients show distinct bands instead of smooth transitions
- Very low depth (1-bit) → only black & white; 4-bit → cartoon-like, fine tonal detail lost
- Higher depth (24-bit) → photorealistic; human eye cannot distinguish individual colour steps
Cambridge exam tip — always state the direction:
"Doubling the colour depth (e.g. 8-bit to 16-bit) doubles the file size, assuming the same image dimensions." Always include a specific number example.
memorize
Flashcard kỹ thuật số: AI and EPS formats
Tạo flashcard kỹ thuật số với spaced repetition: mặt trước = thuật ngữ, mặt sau = định nghĩa + ví dụ. Ôn lại mỗi ngày trong 7 ngày liên tiếp. [Chủ đề: AI and EPS formats, T19]
memorize
Mind map từ trí nhớ: BMP format
Vẽ mind map chủ đề từ trí nhớ, rồi so sánh với ghi chú. Thêm nhánh còn thiếu bằng màu khác để đánh dấu khoảng trống. [Chủ đề: BMP format, T19]
memorize
Vẽ sơ đồ từ trí nhớ: Image resolution PPI/DPI
Vẽ sơ đồ / lưu đồ chủ chốt của chủ đề từ trí nhớ 3 lần. Sơ đồ đúng giúp ghi điểm dễ trong Paper 1 và 3. [Chủ đề: Image resolution PPI/DPI, T19]
memorize
Spaced Repetition: Resampling and resizing
Dùng spaced repetition: ôn lại sau 1 ngày, 3 ngày, 1 tuần, 2 tuần, 1 tháng. Phương pháp này ngăn quên trước khi thi. [Chủ đề: Resampling and resizing, T19]
exam_technique
Task 2 Bitmap — Adobe Photoshop Critical Settings
🎨 Photoshop — Key Settings Cambridge Tests
| What Cambridge Tests | Where to Set It | Common Error |
|---|---|---|
| Layer opacity (e.g. 40%) | Layers panel → Opacity slider | Leaving at 100% — lose mark |
| Blend mode (e.g. Screen) | Layers panel → Blend mode dropdown | Leaving as Normal |
| Content-Aware Fill | Edit → Fill → Content-Aware | Using Clone Stamp only — not quite right |
| Layer name | Double-click layer name to rename | Not renaming — mark often lost |
| Gradient direction | Gradient Tool → drag start to end | Reversed gradient (black at bottom) |
| Canvas Size vs Image Size | Image → Canvas Size (NOT Image Size) | Using Image Size resamples — wrong |
| RGB vs CMYK mode | Image → Mode | Staying in Greyscale after desaturation |
| Outer Glow (halo) | Layer → Layer Style → Outer Glow | Inner Glow instead — wrong effect |
⚠️ Layer order rule (W23 — 3-layer image):
Layers are stacked BOTTOM to TOP: SkyLayer → OceanLayer → CastleLayer. If order is wrong, composited image looks wrong and you lose 4 marks.
exam_technique
Task 2 Vector — Adobe Illustrator Critical Techniques
✏️ Illustrator — What Cambridge Tests in Vector Tasks
Core techniques (mark each):
| Technique | How to do it | Marks at risk |
|---|---|---|
| Add anchor points | Right-click Pen Tool → Add Anchor Point Tool (+) | 2 marks for adding exactly N nodes |
| Reshape path with Bezier handles | Direct Selection Tool (A) → drag nodes; drag handles for curves | 3 marks for recognisable shape |
| Draw perfect circle | Ellipse Tool (L) + hold SHIFT while dragging | 1 mark — MUST constrain with Shift |
| Radial gradient | Window → Gradient → Type: Radial → set centre & edge colour stops | 4 marks (type + 2 colours + applied) |
| CMYK fill | Window → Color → options → CMYK → enter C, M, Y, K values | 2 marks |
| Hex fill | Double-click Fill swatch → type hex code in # field | 1–2 marks |
| Pathfinder Minus Front (bite) | Select two shapes → Window → Pathfinder → Minus Front | Key technique for bite/cutout shapes |
| Group shapes | Select all → Ctrl+G → rename in Layers panel | 1 mark group + 1 mark correct name |
| Save as SVG | File → Save As → Format: SVG | 2 marks — format AND filename |
exam_technique
Bitmap vs Vector — Analysis Framework for 8-Mark Questions
📊 Vector vs Bitmap — Analyse for Website (MJ2026 Q12 — 8 marks)
| Property | Vector (SVG, AI) | Bitmap (JPEG, PNG, GIF) |
|---|---|---|
| Storage method | Mathematical paths and equations | Grid of pixels (colour values per pixel) |
| Scaling | Scales to ANY size losslessly — recalculates mathematically | Pixelates/blurs when enlarged beyond original resolution |
| File size | Small for simple shapes (logos, icons) | Large — proportional to width × height × colour depth |
| Best for | Logos, icons, diagrams, text | Photographs, complex real-world images, gradients |
| Editability | Individual elements/paths editable | Pixel-level editing only |
| Formats | SVG, AI, EPS | JPEG, PNG, GIF, BMP, TIFF |
| Transparency | Native (SVG supports alpha) | PNG = full; GIF = binary; JPEG = none |
For website analysis (logos/icons = VECTOR; photos = BITMAP):
Logos appear at many sizes (favicon to banner) → vector scales without quality loss → bitmap logos would pixelate when enlarged. Product photos contain millions of colours and gradients → only bitmap can store this level of detail → JPEG achieves good quality at manageable file sizes for web delivery.
Level 3 (7–8 marks): Must analyse BOTH types with specific links to the website context — NOT just describe in isolation.
exam_technique
PEEL cho câu dài: GIF format and animation
Với câu hỏi mở rộng: dùng cấu trúc PEEL — Point, Evidence, Explain, Link. Luyện viết 1 đoạn PEEL trong 5 phút. [Chủ đề: GIF format and animation, T19]
exam_technique
Từ lệnh Cambridge: TIFF format
Ghi nhớ: State = 1 từ/cụm, Describe = đặc điểm/cách hoạt động, Explain = lý do/vì sao, Discuss = ưu + nhược + đánh giá. [Chủ đề: TIFF format, T19]
exam_technique
Bảng so sánh 2 cột: RGB colour model
Tạo bảng so sánh 2 cột: ưu vs nhược, phương pháp A vs B. Đây chính là dạng câu hỏi thi phổ biến nhất của Cambridge. [Chủ đề: RGB colour model, T19]
exam_technique
Kiểm tra syllabus Cambridge: Lossy compression effects
Luôn đối chiếu mã syllabus Cambridge 9626 cho chủ đề này. Biết chính xác AO1/AO2/AO3 nào được áp dụng. [Chủ đề: Lossy compression effects, T19]
exam_technique
Phân tích mark scheme: Lossless compression methods
Phân tích 3 mark scheme đề thi thật cho chủ đề này. Tô sáng từ vựng Cambridge dùng để cho điểm rồi chép lại vào ghi chú. [Chủ đề: Lossless compression methods, T19]
time_management
Luyện có thời gian: Colour management system CMS
Luyện trả lời câu hỏi theo thời gian: 1 điểm = 1 phút. Câu 6 điểm = tối đa 7 phút. Tập kỷ luật thời gian từ bây giờ. [Chủ đề: Colour management system CMS, T19]
time_management
Lịch ôn tập cá nhân: Practical graphics creation in P4
Tạo lịch ôn tập cá nhân cho chủ đề này. Dành nhiều thời gian hơn cho các phần bạn tự kiểm tra dưới 70% điểm. [Chủ đề: Practical graphics creation in P4, T19]
practical_skill
Chú thích hình vẽ: Vector vs bitmap comparison
Luyện gắn nhãn và chú thích sơ đồ cho chủ đề này. Cambridge cho điểm với sơ đồ được chú thích đúng, không chỉ mô tả bằng lời. [Chủ đề: Vector vs bitmap comparison, T19]