|
CodeHub
Chuẩn Chương trình GDPT 2018 — Sách Chuyên đề học tập Tin học 11 KNTT

Chuyên Đề Tin Học 11 — Tin Học Ứng Dụng (ICT)

Làm chủ các công cụ đồ họa và hoạt hình số hiện đại: Thiết kế đồ họa vector với Inkscape, Sản xuất phim hoạt hình 2D/3D với Toontastic, Biên tập ảnh động chuyên sâu với GIMP và Tích hợp dự án sáng tạo ấn phẩm số học đường.

16 Bài học
Thực hành chuẩn SGK
64 Trắc nghiệm
Chấm điểm tức thì
3 Phần mềm
Inkscape, Toon, GIMP
1 Capstone Project
Ấn phẩm & Hoạt hình
Chuyển nhanh đến: CĐ1: Inkscape (5 bài) CĐ2: Hoạt hình Toontastic (5 bài) CĐ3: Ảnh động GIMP (5 bài) Dự án Capstone (Bài 16)
Chuyên đề 1 • 5 bài học

Chuyên đề 1: Thực hành sử dụng phần mềm vẽ trang trí (Inkscape)

Khám phá thế giới đồ họa Vector: Giao diện và công cụ Inkscape; Thao tác hình khối cơ bản; Vẽ và uốn nắn đường cong Bezier qua điểm neo; Các phép toán cắt ghép Boolean (Union, Difference); Uốn chữ nghệ thuật Put on Path và thiết kế sản phẩm trang trí hoàn chỉnh (Logo, nhãn vở, thiệp chúc mừng).

Bài 1 Đồ họa Vector
Thời lượng: 45 phút thực hành

Bài 1: Giới thiệu phần mềm vẽ trang trí

Chuyên đề 1: Phần mềm vẽ trang trí (Inkscape)

Mục tiêu cần đạt

  • Hiểu rõ bản chất khác biệt giữa đồ họa vector (Vector Graphics) và đồ họa điểm ảnh (Raster/Bitmap).
  • Nhận diện giao diện chuẩn của Inkscape: Thanh thực đơn, Hộp công cụ (Toolbox), Bảng màu (Color Palette), Vùng vẽ (Canvas) và Vùng điều khiển thuộc tính (Tool Controls Bar).
  • Thực hiện thành thạo các thao tác tệp cơ bản: Khởi tạo trang vẽ mới, thiết lập kích thước trang chuẩn A4/Custom, lưu tệp định dạng gốc .SVG.
  • Sử dụng linh hoạt các công cụ điều hướng: Công cụ chọn (Select Tool - F1), phóng to/thu nhỏ (Zoom Tool - Z) và cuộn xoay khung nhìn.

1. Kiến thức trọng tâm & Kỹ thuật cốt lõi

Đồ họa Vector vs Bitmap

  • Vector (SVG): Xây dựng từ các phương trình toán học (điểm, đường cong, vector). Phóng to vô hạn không vỡ hình, dung lượng nhẹ, lý tưởng làm logo, biểu tượng, hoa văn.
  • Bitmap/Raster (JPG, PNG): Cấu thành từ lưới điểm ảnh (pixel). Phóng to bị vỡ hạt (răng cưa), thích hợp lưu ảnh chụp thực tế.

Không gian làm việc Inkscape

  • Toolbox (Bên trái): Chứa đầy đủ các công cụ vẽ hình khối, đường bút, văn bản.
  • Tool Controls Bar (Phía trên): Hiển thị các thông số chi tiết (tọa độ X, Y, W, H) tương ứng công cụ đang chọn.
  • Color Palette (Phía dưới): Chọn nhanh màu tô cho đối tượng chỉ với 1 cú click chuột.

2. Hướng dẫn thực hành từng bước chi tiết

Bước 1: Khởi động và thiết lập trang vẽ

Mở Inkscape -> Chọn menu File -> Document Properties (Ctrl + Shift + D) -> Tại thẻ Page, chọn Display units: mm hoặc px -> Chọn khổ giấy A4, hướng ngang (Landscape).

Bước 2: Sử dụng công cụ vẽ cơ bản và bảng màu

Chọn công cụ hình chữ nhật (phím R), kéo thả một hình trên canvas -> Nhấp chuột trái vào dải màu bên dưới để đổi màu tô (Fill) -> Giữ phím Shift và nhấp vào màu để đổi màu đường viền (Stroke).

Bước 3: Lưu sản phẩm thiết kế chuẩn đồ họa

Vào File -> Save As (Ctrl + S) -> Lưu tệp với phần mở rộng chuẩn .svg (Inkscape SVG) để giữ nguyên cấu trúc vector có thể biên tập tiếp tục.

3. Nhiệm vụ tự luyện / Vận dụng sáng tạo

Khởi tạo một trang vẽ Inkscape kích thước chuẩn 1920x1080 px. Sử dụng các công cụ hình cơ bản và bảng màu để vẽ phác thảo một lá cờ trang trí với màu nền tự chọn và viền nét sắc nét.

4. Câu hỏi củng cố & Luyện tập nhanh

4 câu trắc nghiệm

Câu 1 Ưu điểm cốt lõi lớn nhất của ảnh đồ họa vector (Vector Graphics) so với ảnh Bitmap là gì?

Câu 2 Phần mở rộng mặc định của tệp thiết kế đồ họa trong phần mềm Inkscape là gì?

Câu 3 Trong Inkscape, để đổi màu đường viền (Stroke) của đối tượng bằng bảng màu dưới đáy màn hình, bạn thực hiện thao tác nào?

Câu 4 Phím tắt để kích hoạt công cụ Chọn và Chuyển dạng đối tượng (Select and Transform Objects) trong Inkscape là gì?

Bài 2 Shapes & Geometries
Thời lượng: 45 phút thực hành

Bài 2: Làm việc với đối tượng hình khối

Chuyên đề 1: Phần mềm vẽ trang trí (Inkscape)

Mục tiêu cần đạt

  • Sử dụng thành thạo các công cụ hình học cơ bản: Hình chữ nhật/hình vuông (R), Hình elip/hình tròn (E), Hình đa giác/ngôi sao (*).
  • Hiểu và điều khiển các tay nắm thuộc tính (Handles) để bo tròn góc hình chữ nhật, tạo hình nan quạt (Arc/Chord) từ hình tròn.
  • Thiết lập chi tiết màu tô và kiểu đường nét trong bảng điều khiển Fill and Stroke (Ctrl + Shift + F).
  • Áp dụng độ mờ (Opacity) và dải chuyển màu mượt mà (Linear/Radial Gradient) vào tác phẩm trang trí.

1. Kiến thức trọng tâm & Kỹ thuật cốt lõi

Công cụ hình học & Tay nắm đặc biệt

  • Rectangle (R): Giữ Ctrl để vẽ hình vuông hoàn hảo. Kéo tay nắm hình tròn ở góc trên bên phải để bo góc mượt mà.
  • Circles/Ellipses (E): Giữ Ctrl để vẽ hình tròn. Kéo tay nắm tròn để tạo góc cắt quạt hoặc cung elip.
  • Stars and Polygons (*): Thay đổi số đỉnh (Corners), tỷ lệ bán kính (Spoke ratio) và góc bo (Rounded) trên Tool Controls Bar.

Bảng điều khiển Fill & Stroke (Ctrl+Shift+F)

  • Fill tab: Không tô (None), Tô đơn sắc (Flat color), Tô chuyển màu tuyến tính (Linear Gradient), Tô xuyên tâm (Radial Gradient).
  • Stroke paint & style: Độ dày nét (Width), kiểu nét đứt (Dashes), kiểu đầu nối bo góc (Join/Cap).
  • Blur & Opacity: Tạo độ nhòe bóng đổ (Blur) và độ trong suốt nghệ thuật.

2. Hướng dẫn thực hành từng bước chi tiết

Bước 1: Vẽ ngôi sao trang trí 5 cánh hoàn hảo

Chọn công cụ Create stars and polygons (*) -> Trên thanh điều khiển thuộc tính, chọn biểu tượng Ngôi sao, nhập Corners: 5, Spoke ratio: 0.382 -> Nhấn giữ chuột và kéo trên trang vẽ để tạo ngôi sao vàng.

Bước 2: Mở bảng Fill and Stroke và phối dải màu Gradient

Nhấn Ctrl + Shift + F -> Thẻ Fill chọn biểu tượng Linear Gradient -> Chọn công cụ Create and edit gradients (G) để kéo định hướng ánh sáng từ vàng kim sang cam đỏ nổi bật.

Bước 3: Tinh chỉnh đường viền nét và bóng đổ mềm

Chuyển sang thẻ Stroke style, đặt độ dày viền 1.5 px -> Chỉnh thanh trượt Blur: 1.0% để tạo độ nổi bật 3D nhẹ nhàng.

3. Nhiệm vụ tự luyện / Vận dụng sáng tạo

Thiết kế một huy hiệu học tập hình tròn có viền bánh răng hoặc hình đa giác 8 cạnh, phối dải màu chuyển tiếp Radial Gradient cùng một ngôi sao vàng rực rỡ ở chính giữa.

4. Câu hỏi củng cố & Luyện tập nhanh

4 câu trắc nghiệm

Câu 1 Phím tắt để mở nhanh bảng hội thoại quản lý Màu tô và Đường viền (Fill and Stroke) trong Inkscape là gì?

Câu 2 Khi đang sử dụng công cụ vẽ hình chữ nhật (Rectangle Tool), muốn bo tròn các góc của hình chữ nhật, bạn cần thao tác gì?

Câu 3 Để vẽ được một hình vuông hoặc hình tròn hoàn hảo không bị méo lệch, bạn phải giữ phím nào trong lúc kéo rê chuột?

Câu 4 Chế độ tô màu chuyển tiếp dạng tỏa tròn từ tâm ra các phía gọi là gì?

Bài 3 Paths & Bezier Curves
Thời lượng: 45 phút thực hành

Bài 3: Làm việc với đối tượng đường

Chuyên đề 1: Phần mềm vẽ trang trí (Inkscape)

Mục tiêu cần đạt

  • Hiểu rõ khái niệm đường nét (Path) trong đồ họa vector gồm các điểm neo (Nodes) và đoạn nối (Segments).
  • Làm chủ công cụ vẽ đường cong Bezier và đường thẳng (Draw Bezier curves and straight lines - B).
  • Sử dụng công cụ chỉnh sửa điểm nút (Edit paths by nodes - N / F2) để uốn nắn đường cong tiếp tuyến.
  • Chuyển đổi đối tượng hình khối thông thường thành đường cong tự do thông qua lệnh Path -> Object to Path (Ctrl + Shift + C).

1. Kiến thức trọng tâm & Kỹ thuật cốt lõi

Đường cong Bezier & Các loại điểm neo

  • Cusp node (Nút góc): Hai tay nắm tiếp tuyến độc lập, tạo thành các góc nhọn gấp khúc.
  • Smooth node (Nút trơn): Hai tay nắm luôn nằm trên cùng một đường thẳng đối xứng hướng, tạo đường cong mượt.
  • Symmetric node (Nút đối xứng): Hai tay nắm vừa cùng đường thẳng vừa có độ dài bằng nhau hoàn hảo.

Kỹ thuật vẽ bằng bút Bezier (B)

  • Vẽ đường thẳng: Nhấp chuột tại điểm đầu, di chuyển rồi nhấp tại điểm kế tiếp.
  • Vẽ đường cong: Nhấp và kéo rê chuột (drag) để mở rộng hai cần điều khiển tiếp tuyến.
  • Khép kín đường: Nhấp chuột vào điểm nút đầu tiên xuất hiện hình vuông màu đỏ để tạo thành hình khép kín có thể tô màu Fill.

2. Hướng dẫn thực hành từng bước chi tiết

Bước 1: Vẽ phác thảo hình chiếc lá bằng bút Bezier

Chọn công cụ Draw Bezier curves (B) -> Nhấp chuột tạo cuống lá -> Nhấp và kéo chuột tại đỉnh lá để tạo đường cong mềm -> Nhấp trở lại điểm cuống lá để khép kín hình.

Bước 2: Tinh chỉnh đường cong với Node Tool (N)

Chọn công cụ Edit paths by nodes (N) -> Nhấp vào mép viền để kéo trực tiếp đường cong uốn lượn tự nhiên, hoặc nhấp vào điểm nút để xoay cần gạt tiếp tuyến.

Bước 3: Thêm điểm nút mới và chuyển đổi kiểu nút

Nhấp đúp chuột lên bất kỳ vị trí nào trên đường nét để thêm điểm neo mới -> Trên thanh Tool Controls Bar, nhấp vào biểu tượng Make selected nodes smooth để làm mượt hoàn hảo.

3. Nhiệm vụ tự luyện / Vận dụng sáng tạo

Sử dụng công cụ Bezier (B) và Node Tool (N) để vẽ một nhành hoa hoặc một quả táo hoàn chỉnh có cuống và lá xanh mượt mà, sau đó tô màu đổ bóng nghệ thuật.

4. Câu hỏi củng cố & Luyện tập nhanh

4 câu trắc nghiệm

Câu 1 Phím tắt để kích hoạt công cụ vẽ đường cong Bezier và đường thẳng trong Inkscape là gì?

Câu 2 Để biến một hình học chuẩn (như hình chữ nhật, hình tròn) thành đường cong tự do (Path) nhằm can thiệp từng điểm neo, ta dùng lệnh nào?

Câu 3 Công cụ Node Tool (phím N hoặc F2) có chức năng chính là gì?

Câu 4 Điểm neo loại 'Smooth node' (Nút trơn) có đặc điểm vật lý nào dưới đây?

Bài 4 Boolean Operations & Align
Thời lượng: 45 phút thực hành

Bài 4: Chỉnh sửa, ghép nối, kết nối các đối tượng đồ họa

Chuyên đề 1: Phần mềm vẽ trang trí (Inkscape)

Mục tiêu cần đạt

  • Thực hiện thành thạo các phép toán hình học Boolean (Path Operations): Phép hợp (Union), Hiệu (Difference), Giao (Intersection), Loại trừ (Exclusion), Phân chia (Division).
  • Hiểu rõ thứ tự lớp trên/lớp dưới (Z-Order) ảnh hưởng trực tiếp đến kết quả phép cắt hình Difference.
  • Sắp xếp, căn lề và phân phối đối tượng chuẩn xác tới từng pixel thông qua bảng Align and Distribute (Ctrl + Shift + A).
  • Nhóm các đối tượng (Group - Ctrl + G) và rã nhóm (Ungroup - Ctrl + Shift + G) để quản lý bản thiết kế phức tạp.

1. Kiến thức trọng tâm & Kỹ thuật cốt lõi

Các phép toán cắt ghép Boolean (Menu Path)

  • Union (Ctrl + +): Hợp nhất tất cả các đối tượng được chọn thành một hình khối duy nhất.
  • Difference (Ctrl + -): Lấy đối tượng nằm trên cắt bỏ phần giao nhau khỏi đối tượng nằm dưới (tạo hình trăng khuyết, lỗ khoét).
  • Intersection (Ctrl + *): Giữ lại duy nhất phần chung nhau của các hình.
  • Division (Ctrl + /): Dùng đối tượng trên làm 'dao cắt' đối tượng dưới thành các mảnh rời.

Bảng Align & Distribute (Ctrl+Shift+A)

  • Relative to: Căn lề so với Last selected (đối tượng chọn sau cùng), First selected, Page (trang giấy), hoặc Biggest item.
  • Align buttons: Căn thẳng mép trái, căn giữa theo chiều dọc/ngang, căn thẳng mép trên/dưới.
  • Distribute: Phân bổ khoảng cách đều nhau giữa các phần tử trang trí.

2. Hướng dẫn thực hành từng bước chi tiết

Bước 1: Tạo hình mặt trăng khuyết bằng phép Difference

Vẽ 2 hình tròn màu vàng lồng một phần vào nhau -> Chọn hình tròn thứ hai và nhấn phím Page Up để đưa lên trên -> Chọn cả 2 hình -> Vào Path -> Difference (Ctrl + -) để tạo hình mặt trăng lưỡi liềm.

Bước 2: Căn lề các chi tiết đối xứng tuyệt đối

Chọn các đối tượng trang trí -> Nhấn Ctrl + Shift + A -> Mục Relative to chọn Page -> Nhấp biểu tượng Center on vertical axis và Center on horizontal axis.

Bước 3: Nhóm khối đối tượng cố định

Quét chọn toàn bộ các chi tiết hoàn thiện -> Nhấn Ctrl + G để đóng gói nhóm, giúp di chuyển hoặc phóng to thu nhỏ mà không làm xô lệch bố cục.

3. Nhiệm vụ tự luyện / Vận dụng sáng tạo

Vẽ biểu tượng biểu trưng (Logo) hình đám mây trời bằng cách ghép nối 4 hình tròn với 1 hình chữ nhật, sau đó áp dụng lệnh Path -> Union để hợp nhất thành một khối duy nhất.

4. Câu hỏi củng cố & Luyện tập nhanh

4 câu trắc nghiệm

Câu 1 Phép toán nào trong menu Path dùng để lấy đối tượng nằm ở lớp trên 'khoét rỗng' hoặc cắt bỏ phần giao nhau khỏi đối tượng nằm ở lớp dưới?

Câu 2 Tổ hợp phím tắt để mở bảng điều khiển Căn lề và Phân phối đối tượng (Align and Distribute) là gì?

Câu 3 Muốn hợp nhất 5 hình đa giác khác nhau đang nằm đè lên nhau thành một khối đối tượng liền mạch duy nhất, ta áp dụng lệnh nào?

Câu 4 Để nhóm nhiều đối tượng rời rạc thành một khối thống nhất nhằm tránh thất lạc khi di chuyển, ta dùng phím tắt nào?

Bài 5 Product Design & Export
Thời lượng: 45 phút thực hành

Bài 5: Thiết kế sản phẩm trang trí hoàn chỉnh

Chuyên đề 1: Phần mềm vẽ trang trí (Inkscape)

Mục tiêu cần đạt

  • Vận dụng tổng hợp các kỹ năng vẽ hình khối, uốn đường nét Bezier, dải màu gradient và cắt ghép Boolean để tạo sản phẩm thực tế.
  • Thiết kế các ấn phẩm trang trí học đường: Nhãn vở học sinh, Logo câu lạc bộ, Thiệp chúc mừng ngày Nhà giáo Việt Nam 20-11.
  • Làm việc với công cụ văn bản (Text Tool - T), uốn chữ uốn lượn theo đường dẫn cong (Text -> Put on Path).
  • Xuất bản sản phẩm đầu ra chuẩn: Tệp SVG cho in ấn chất lượng cao và tệp hình ảnh PNG trong suốt (Transparent Background) qua bảng Export (Ctrl + Shift + E).

1. Kiến thức trọng tâm & Kỹ thuật cốt lõi

Kỹ thuật uốn chữ theo đường dẫn (Put on Path)

  • Nhập văn bản (T): Gõ dòng chữ thương hiệu hoặc khẩu hiệu (ví dụ: 'ĐOÀN TNCS HỒ CHÍ MINH').
  • Tạo đường cong dẫn: Vẽ một đường cung tròn hoặc đường lượn sóng Bezier.
  • Áp chữ lên đường: Chọn đồng thời cả chữ và đường dẫn -> Vào menu Text -> Put on Path.

Xuất bản ấn phẩm (Ctrl+Shift+E)

  • Export Document/Page: Xuất toàn bộ kích thước trang giấy in.
  • Export Selection: Chỉ xuất riêng phần biểu tượng logo đang chọn, nền trong suốt.
  • DPI tiêu chuẩn: Chọn 300 DPI cho ấn phẩm in ấn vật lý (băng rôn, thiệp in); 96 DPI cho hiển thị web.

2. Hướng dẫn thực hành từng bước chi tiết

Bước 1: Thiết kế khung nền nhãn vở học sinh

Tạo hình chữ nhật kích thước 85x55 mm -> Bo góc tròn nhẹ 4 mm -> Tô dải màu pastel trang nhã -> Thêm hoa văn trang trí góc bằng các đường lượn sóng.

Bước 2: Bố trí các trường thông tin nhãn vở

Dùng công cụ Text (T) tạo các nhãn: Trường, Lớp, Môn học, Họ và tên, Năm học -> Kẻ các đường chấm chấm ngay ngắn bằng công cụ vẽ nét đứt trong Stroke Style.

Bước 3: Xuất file hình ảnh chất lượng cao

Nhấn Ctrl + Shift + E để mở hộp thoại Export -> Chọn định dạng PNG image (*.png) -> Đặt độ phân giải 300 dpi -> Nhấp nút Export.

3. Nhiệm vụ tự luyện / Vận dụng sáng tạo

Thiết kế một mẫu Logo hoàn chỉnh cho Câu lạc bộ Tin học của trường em, kết hợp chữ lượn theo hình tròn (Put on Path), biểu tượng chiếc laptop hoặc bánh răng công nghệ và xuất ra tệp PNG nền trong suốt.

4. Câu hỏi củng cố & Luyện tập nhanh

4 câu trắc nghiệm

Câu 1 Muốn gắn một đoạn văn bản uốn lượn chạy cong theo một đường tròn hoặc đường cong uốn lượn có sẵn, ta dùng tính năng nào?

Câu 2 Tổ hợp phím tắt để mở hộp thoại xuất tệp đồ họa Export trong Inkscape là gì?

Câu 3 Khi xuất tệp đồ họa để gửi đi in ấn tem nhãn vật lý sắc nét, độ phân giải DPI chuẩn được khuyến nghị là bao nhiêu?

Câu 4 Định dạng ảnh nào hỗ trợ nền trong suốt (không có nền trắng đục đằng sau logo)?

Chuyên đề 2 • 5 bài học

Chuyên đề 2: Thực hành sử dụng phần mềm làm phim hoạt hình (Toontastic)

Quy trình sản xuất phim hoạt hình chuẩn; Cấu trúc 3 hồi (Beginning - Middle - End); Thiết kế và tạo hình nhân vật độc quyền bằng tính năng 'Draw Your Own'; Đạo diễn diễn xuất tương tác theo thời gian thực; Thu âm lồng tiếng, phối nhạc nền cảm xúc và xuất bản video MP4 chuẩn trình chiếu.

Bài 6 Animation Pipeline
Thời lượng: 45 phút thực hành

Bài 6: Làm quen với phần mềm làm phim hoạt hình

Chuyên đề 2: Phần mềm làm phim hoạt hình (Toontastic)

Mục tiêu cần đạt

  • Nắm vững quy trình sản xuất một bộ phim hoạt hình hoàn chỉnh: Ý tưởng -> Kịch bản -> Kịch bản phân cảnh (Storyboard) -> Thiết kế nhân vật/bối cảnh -> Diễn hoạt (Animation) -> Hậu kỳ (Âm thanh/Kỹ xảo) -> Xuất bản.
  • Làm quen với giao diện và nguyên lý hoạt động của phần mềm làm phim hoạt hình 2D/3D trực quan Toontastic 3D.
  • Hiểu rõ cấu trúc một cốt truyện hoạt hình kinh điển theo cấu trúc 3 hồi (Short Story) hoặc 5 hồi (Classic Story): Đầu câu chuyện (Beginning), Thắt nút/Cao trào (Middle), Mở nút/Kết thúc (End).
  • Khởi tạo dự án phim hoạt hình đầu tiên, tìm hiểu các thao tác chọn bối cảnh không gian có sẵn.

1. Kiến thức trọng tâm & Kỹ thuật cốt lõi

6 Bước sản xuất phim hoạt hình chuẩn

  1. Idea & Script: Xây dựng thông điệp, kịch bản văn học chi tiết từng lời thoại.
  2. Storyboard: Vẽ phác thảo các khung cảnh chính (góc quay, vị trí diễn viên).
  3. Asset Design: Tạo hình nhân vật, phục trang, đạo cụ và khung cảnh nền.
  4. Animation: Diễn hoạt chuyển động cơ thể, bước đi, cử chỉ và biểu cảm.
  5. Audio & Music: Lồng tiếng nhân vật, hiệu ứng tiếng động foley và nhạc nền.
  6. Rendering: Kết xuất video thành phẩm MP4 độ nét cao.

Cấu trúc hồi kịch bản Toontastic

  • Short Story (3 phần): Beginning (Giới thiệu bối cảnh, nhân vật) -> Middle (Xảy ra xung đột, tình huống thử thách) -> End (Giải quyết vấn đề, bài học rút ra).
  • Classic Story (5 phần): Setup -> Conflict -> Challenge -> Climax -> Resolution. Phù hợp cho cốt truyện dài kịch tính.
  • Science Report: Dành riêng cho thuyết trình đề tài khoa học kỹ thuật.

2. Hướng dẫn thực hành từng bước chi tiết

Bước 1: Khởi động phần mềm và tạo dự án mới

Mở Toontastic -> Nhấp vào biểu tượng dấu cộng (+) to ở chính giữa để bắt đầu dự án hoạt hình mới.

Bước 2: Lựa chọn thể loại cấu trúc câu chuyện

Chọn cấu trúc Short Story (3 Parts) để bắt đầu làm quen với câu chuyện ngắn gồm 3 phân đoạn rõ ràng.

Bước 3: Chọn bối cảnh cho hồi đầu tiên (Beginning)

Nhấp vào phân đoạn Beginning -> Chọn bối cảnh yêu thích từ thư viện (ví dụ: Trường học - School, Rừng xanh - Woods, Trạm vũ trụ - Space).

3. Nhiệm vụ tự luyện / Vận dụng sáng tạo

Hãy viết kịch bản phân cảnh 3 phần ngắn (khoảng 150 chữ) cho một câu chuyện hoạt hình mang thông điệp bảo vệ môi trường trường học (Nhặt rác bỏ vào thùng).

4. Câu hỏi củng cố & Luyện tập nhanh

4 câu trắc nghiệm

Câu 1 Kịch bản phân cảnh (Storyboard) trong quy trình sản xuất phim hoạt hình đóng vai trò quan trọng gì?

Câu 2 Trong cấu trúc câu chuyện 3 hồi kinh điển (Short Story), thứ tự tuần tự của 3 phân đoạn là gì?

Câu 3 Giai đoạn nào trong quy trình làm phim đảm nhận việc tạo chuyển động cơ thể, bước đi và biểu cảm cho các nhân vật?

Câu 4 Phần mềm Toontastic được thiết kế bởi Google hỗ trợ học sinh thực hiện điều gì vượt trội nhất?

Bài 7 Character Design
Thời lượng: 45 phút thực hành

Bài 7: Thiết kế nhân vật hoạt hình

Chuyên đề 2: Phần mềm làm phim hoạt hình (Toontastic)

Mục tiêu cần đạt

  • Khám phá thư viện nhân vật phong phú trong phần mềm hoạt hình và các đặc trưng tính cách hình thể.
  • Tùy biến nhân vật có sẵn: Thay đổi màu da, màu áo, phụ kiện và biểu cảm khuôn mặt sinh động.
  • Sử dụng công cụ cọ vẽ tự do (Draw Your Own) để tự thiết kế nhân vật hoạt hình mang đậm phong cách cá nhân.
  • Hiểu về cấu trúc khớp xương (Rigging) cơ bản giúp nhân vật có thể cử động linh hoạt tay chân và đầu cổ.

1. Kiến thức trọng tâm & Kỹ thuật cốt lõi

Nguyên tắc tạo hình nhân vật (Character Design)

  • Hình khối tâm lý: Hình tròn (thân thiện, hiền lành, dễ thương); Hình vuông/chữ nhật (vững chãi, đáng tin cậy, mạnh mẽ); Hình tam giác nhọn (nhanh nhẹn hoặc phản diện, nguy hiểm).
  • Bảng màu đặc trưng: Nhân vật chính diện thường mang gam màu sáng, ấm áp; nhân vật bí ẩn mang màu sẫm lạnh.

Công cụ 'Draw Your Own'

  • Brush & Fill Tool: Vẽ nét viền và đổ màu mảng da, quần áo.
  • Tạo hình 3D tự động: Phần mềm sẽ tự động đùn khối (extrude) hình vẽ 2D thành nhân vật 3D có chiều sâu thể tích.
  • Gán khớp chuyển động: Hệ thống tự động nhận diện khớp nối để nhân vật có thể đi lại, nhảy nhót.

2. Hướng dẫn thực hành từng bước chi tiết

Bước 1: Chọn nhân vật từ thư viện hoặc tạo mới

Tại màn hình chọn diễn viên (Cast), chọn nhân vật có sẵn -> Nhấp vào biểu tượng cây cọ vẽ (Paintbrush) để tùy biến màu sắc.

Bước 2: Tự vẽ nhân vật độc quyền (Draw your own)

Nhấp vào ô Draw Your Own -> Sử dụng bút vẽ phác thảo đầu, thân, tay chân -> Dùng thùng sơn đổ màu trang phục theo ý muốn.

Bước 3: Hoàn tất mô hình 3D cho nhân vật

Nhấn nút Next (Mũi tên xanh) -> Điều chỉnh thanh trượt độ dày khối 3D -> Đặt tên cho nhân vật và nhấn nút V để đưa vào phim trường.

3. Nhiệm vụ tự luyện / Vận dụng sáng tạo

Thiết kế một nhân vật bạn siêu nhân hoặc một chú robot bảo vệ môi trường bằng tính năng 'Draw Your Own', phối màu hài hòa và thử nghiệm chuyển động tay chân của nhân vật.

4. Câu hỏi củng cố & Luyện tập nhanh

4 câu trắc nghiệm

Câu 1 Trong nghệ thuật thiết kế nhân vật hoạt hình, hình khối tròn (Circle) thường truyền tải tính cách gì?

Câu 2 Tính năng 'Draw Your Own' trong Toontastic cho phép học sinh làm gì?

Câu 3 Để thay đổi màu tóc hoặc trang phục của một nhân vật có sẵn trong danh mục, ta nhấp vào biểu tượng nào?

Câu 4 Kỹ thuật gắn các điểm xoay bản lề mô phỏng xương và khớp cho nhân vật trong hoạt hình kỹ thuật số được gọi là gì?

Bài 8 Acting & Directing
Thời lượng: 45 phút thực hành

Bài 8: Thực hành sản xuất phim hoạt hình

Chuyên đề 2: Phần mềm làm phim hoạt hình (Toontastic)

Mục tiêu cần đạt

  • Bố trí sân khấu và vị trí xuất hiện của các diễn viên nhân vật theo đúng kịch bản phân cảnh.
  • Thực hiện kỹ thuật đạo diễn tương tác: Chạm giữ và di chuyển nhân vật trực tiếp trên màn hình theo thời gian thực.
  • Kích hoạt các hoạt cảnh cử động đặc thù (Gestures/Actions) của từng nhân vật chỉ bằng 1 cú chạm nhẹ (Tap).
  • Khám phá các yếu tố tương tác ẩn trong bối cảnh nền sân khấu (Interactive Background Assets).

1. Kiến thức trọng tâm & Kỹ thuật cốt lõi

Điều khiển diễn xuất nhân vật (Puppeteering)

  • Chạm và kéo (Drag): Giúp nhân vật bước đi, chạy nhảy, bay lượn trên sân khấu.
  • Chạm nhẹ (Tap): Làm nhân vật vẫy tay, cười lớn, ngạc nhiên, tung cú đấm hoặc biến hình.
  • Kẹp hai ngón tay (Pinch to Zoom): Thu phóng góc máy quay toàn cảnh hoặc cận cảnh kịch tính.

Tương tác với bối cảnh sân khấu

  • Nhiều bối cảnh có sẵn các công tắc bí mật: Bấm vào đèn để bật/tắt, bấm vào cửa sổ tàu vũ trụ để mở cửa, bấm vào núi lửa để phun dung nham.
  • Đạo cụ đạo diễn: Xe hơi có thể chở nhân vật, tàu ngầm có thể lặn dưới đáy đại dương.

2. Hướng dẫn thực hành từng bước chi tiết

Bước 1: Sắp đặt đội hình xuất phát

Kéo các nhân vật vào các vị trí ban đầu phía cánh gà hoặc góc sân khấu theo đúng ý đồ kịch bản.

Bước 2: Bấm nút ghi hình 'Start' và đếm ngược

Nhấn nút đỏ Start trên cùng màn hình -> Hệ thống đếm ngược 3... 2... 1... Action! -> Bắt đầu quá trình diễn xuất.

Bước 3: Điều khiển chuyển động và kết thúc cảnh

Vừa di chuyển nhân vật vừa diễn hoạt các hành động tương tác phù hợp -> Khi diễn xong cảnh, nhấn nút đỏ hình tròn Stop ở góc trên bên phải.

3. Nhiệm vụ tự luyện / Vận dụng sáng tạo

Thực hành ghi lại một cảnh diễn hoạt 20 giây: Một nhân vật đi từ cửa lớp vào bàn học, gặp bạn và vẫy tay chào hỏi vui vẻ.

4. Câu hỏi củng cố & Luyện tập nhanh

4 câu trắc nghiệm

Câu 1 Trong phần mềm Toontastic, thao tác nào làm cho nhân vật thực hiện một hành động biểu cảm cụ thể (như cười, nhảy, vẫy tay)?

Câu 2 Nút lệnh nào kích hoạt quá trình ghi hình và diễn hoạt thời gian thực của cảnh phim?

Câu 3 Khi cần di chuyển nhân vật từ vị trí này sang vị trí khác trên sân khấu, thao tác chuẩn là gì?

Câu 4 Khi kết thúc một cảnh diễn xuất hoạt hình, bạn nhấn vào nút nào để lưu cảnh?

Bài 9 Audio & Assets
Thời lượng: 45 phút thực hành

Bài 9: Tạo các nguồn dữ liệu khác nhau cho phim hoạt hình

Chuyên đề 2: Phần mềm làm phim hoạt hình (Toontastic)

Mục tiêu cần đạt

  • Hiểu tầm quan trọng mang tính quyết định của âm thanh, giọng nói và nhạc nền đối với cảm xúc khán giả.
  • Kỹ thuật thu âm lồng tiếng (Voice Acting): Điều chỉnh ngữ điệu, âm lượng, tốc độ nói theo tâm trạng nhân vật.
  • Lựa chọn và phối nhạc nền theo trạng thái cảm xúc (Mood Music): Hồi hộp (Suspenseful), Vui nhộn (Happy), Buồn bã (Melancholy), Hùng tráng (Triumphant).
  • Khai thác và tích hợp các nguồn ảnh nền tùy chỉnh (Custom Backdrops) do học sinh tự vẽ hoặc chụp thực tế.

1. Kiến thức trọng tâm & Kỹ thuật cốt lõi

Nghệ thuật lồng tiếng (Voice Acting)

  • Khoảng cách micro: Đặt micro cách miệng 15-20 cm, tránh phả hơi gió tạo tiếng rè 'pop'.
  • Hóa thân nhân vật: Giọng nhân vật nhí nhảnh cần cao giọng, giọng robot cần đều và ngắt nhịp dứt khoát.
  • Khớp khẩu hình và chuyển động: Lời thoại cất lên đồng bộ với hành động nhảy múa hoặc gật đầu của nhân vật.

Nhạc nền theo cảm xúc (Mood Music)

  • Toontastic tích hợp thanh trượt cảm xúc: Energetic (Năng động), Spooky (Ma quái/Bí hiểm), Heartwarming (Ấm áp).
  • Kéo thanh trượt để thử nghiệm cường độ giai điệu sao cho ăn khớp hoàn hảo với diễn biến kịch bản.

2. Hướng dẫn thực hành từng bước chi tiết

Bước 1: Bật cấp quyền Micro và thu âm khi diễn hoạt

Khi bắt đầu bấm Start, micro tích hợp sẽ tự động thu âm giọng nói của bạn tương ứng với các hành động của nhân vật trên màn hình.

Bước 2: Lựa chọn phong cách nhạc nền (Mood Selector)

Sau khi bấm Stop, màn hình Pick a Soundtrack xuất hiện -> Nhấp vào các thẻ cảm xúc (Happy, Spooky, Intense, Fun) để nghe thử.

Bước 3: Cân đối âm lượng nhạc nền và lời thoại

Sử dụng thanh gạt âm lượng bên dưới để chỉnh nhạc nền nền nã, tránh lấn át tiếng nói của nhân vật.

3. Nhiệm vụ tự luyện / Vận dụng sáng tạo

Thực hành lồng tiếng cho một đoạn hội thoại giữa 2 nhân vật (ví dụ: Bạn học sinh quên mang vở và được bạn thân cho mượn), sau đó chọn bản nhạc nền mang sắc thái 'Heartwarming/Happy'.

4. Câu hỏi củng cố & Luyện tập nhanh

4 câu trắc nghiệm

Câu 1 Yếu tố nào giúp người xem thấu hiểu được tính cách, suy nghĩ và cảm xúc nội tâm của nhân vật hoạt hình một cách trực tiếp nhất?

Câu 2 Nếu một cảnh phim hoạt hình miêu tả cảnh nhân vật đi lạc vào lâu đài cổ hoang vắng lúc nửa đêm, bản nhạc nền nào là phù hợp nhất?

Câu 3 Trong Toontastic, quá trình thu âm giọng nói của học sinh diễn ra vào thời điểm nào?

Câu 4 Để lời thoại nhân vật nghe rõ ràng nhất, ta nên điều chỉnh âm lượng nhạc nền như thế nào?

Bài 10 Post-production & Showcase
Thời lượng: 45 phút thực hành

Bài 10: Ra mắt phim hoạt hình của em

Chuyên đề 2: Phần mềm làm phim hoạt hình (Toontastic)

Mục tiêu cần đạt

  • Hoàn thiện các phân cảnh còn lại của câu chuyện (Beginning, Middle, End) tạo thành mạch phim logic liền mạch.
  • Thêm tiêu đề đầu phim (Title), tên đạo diễn, họa sĩ tạo hình và danh đề kết thúc (Credits).
  • Kết xuất (Export) dự án phim ra tệp video chuẩn MP4 lưu trữ vào thư viện thiết bị.
  • Tổ chức buổi công chiếu phim ngắn trong nhóm/lớp học, trình bày ý tưởng sáng tạo và tiếp thu nhận xét đánh giá.

1. Kiến thức trọng tâm & Kỹ thuật cốt lõi

Danh đề đoàn làm phim (Credits)

  • Title Screen: Tên bộ phim ấn tượng, phông chữ phù hợp thể loại (hài hước, phiêu lưu, viễn tưởng).
  • Directed by: Ghi rõ họ tên đạo diễn (học sinh/nhóm tác giả thực hiện).
  • Credits: Tri ân người hướng dẫn, cảm ơn khán giả và thông điệp gửi gắm.

Xuất bản & Đánh giá Rubrics

  • Export Video: Nhấn nút Finish -> Nhập tên phim -> Chọn Export để máy kết xuất tệp MP4.
  • Tiêu chí đánh giá sản phẩm: Ý tưởng sáng tạo (30%), Diễn xuất mượt mà (30%), Âm thanh lời thoại rõ ràng (25%), Tính thẩm mỹ & hợp tác nhóm (15%).

2. Hướng dẫn thực hành từng bước chi tiết

Bước 1: Rà soát toàn bộ chuỗi các phân cảnh

Xem lại toàn bộ 3 phân đoạn trên thanh Storyboard -> Nếu phân cảnh nào chưa ưng ý có thể nhấp chọn để ghi hình lại (Re-record).

Bước 2: Nhấn Finish và đặt tên phim

Nhấp vào nút Finish màu xanh ở góc trên -> Nhập Title (Tên phim) và Director (Tên đạo diễn).

Bước 3: Xuất file video MP4 ra thư viện

Nhấn nút Export -> Chờ máy tính kết xuất video hoàn chỉnh vào mục Photos/Videos -> Sẵn sàng chiếu trên máy chiếu của lớp.

3. Nhiệm vụ tự luyện / Vận dụng sáng tạo

Hoàn tất việc kết xuất một bộ phim hoạt hình ngắn 3 phân cảnh với chủ đề 'Ước mơ nghề nghiệp tương lai của em', chuẩn bị lời giới thiệu 1 phút trước cả lớp.

4. Câu hỏi củng cố & Luyện tập nhanh

4 câu trắc nghiệm

Câu 1 Để hoàn tất toàn bộ các phân cảnh và tiến hành xuất bản bộ phim hoạt hình trong Toontastic, ta nhấn vào nút nào?

Câu 2 Định dạng video thành phẩm phổ biến nhất sau khi xuất bản phim để có thể phát mượt mà trên mọi thiết bị điện thoại, máy tính là gì?

Câu 3 Mục 'Director' trong phần thông tin mở đầu phim thể hiện điều gì?

Câu 4 Khi đánh giá chất lượng một bộ phim hoạt hình học đường, tiêu chí nào thể hiện rõ nhất thông điệp giáo dục?

Chuyên đề 3 • 5 bài học

Chuyên đề 3: Thực hành sử dụng phần mềm chỉnh sửa ảnh & Ảnh động (GIMP)

Làm chủ khái niệm Lớp ảnh (Layers) và Mặt nạ lớp (Layer Mask); Nguyên lý tạo ảnh động Frame-by-Frame; Thiết lập thời gian trễ (ms) và chế độ thay thế (replace) / chồng đè (combine); Tự động hóa hiệu ứng với bộ lọc Animation (Blend, Spinning Globe) và tối ưu hóa dung lượng GIF chuẩn web.

Bài 11 Layers & Masks
Thời lượng: 45 phút thực hành

Bài 11: Thao tác với các lớp ảnh

Chuyên đề 3: Phần mềm chỉnh sửa ảnh & Ảnh động (GIMP)

Mục tiêu cần đạt

  • Hiểu sâu sắc khái niệm lớp ảnh (Layer) – 'linh hồn' của mọi phần mềm xử lý ảnh chuyên nghiệp.
  • Thực hiện thành thạo các thao tác lớp trong bảng điều khiển Layers (Ctrl + L): Tạo lớp mới, nhân đôi lớp (Duplicate), xóa lớp, đổi tên và sắp xếp thứ tự hiển thị.
  • Làm chủ độ trong suốt (Opacity) và các chế độ hòa trộn màu (Blend Modes): Normal, Multiply, Screen, Overlay.
  • Ứng dụng mặt nạ lớp (Layer Mask) để tẩy xóa, hòa trộn các chi tiết hình ảnh mà không phá hủy ảnh gốc.

1. Kiến thức trọng tâm & Kỹ thuật cốt lõi

Bản chất của Lớp ảnh (Layers)

  • Tưởng tượng mỗi layer như một tấm kính trong suốt xếp chồng lên nhau. Nội dung ở layer trên sẽ che khuất nội dung ở layer dưới cùng vị trí.
  • Biểu tượng Con mắt: Bật/tắt hiển thị layer trên màn hình.
  • Biểu tượng Khóa: Khóa layer tránh vô tình chỉnh sửa.

Mặt nạ lớp (Layer Mask)

  • Màu Trắng: Vùng ảnh hiển thị rõ ràng 100%.
  • Màu Đen: Vùng ảnh bị che giấu/trong suốt.
  • Màu Xám: Vùng ảnh mờ ảo nửa kín nửa hở, giúp ghép ảnh mượt mà không lộ mép cắt.

2. Hướng dẫn thực hành từng bước chi tiết

Bước 1: Mở tệp ảnh và bật bảng quản lý Layers

Mở GIMP -> Nhấn Ctrl + O mở ảnh gốc -> Nếu chưa thấy bảng Layers bên tay phải, nhấn Ctrl + L.

Bước 2: Thêm lớp mới và đổi chế độ hòa trộn

Nhấp vào biểu tượng Create a new layer ở đáy bảng Layers -> Đổi tên lớp -> Vẽ chi tiết ánh sáng -> Chọn Mode: Overlay hoặc Screen để tạo hiệu ứng phát sáng.

Bước 3: Ghép 2 ảnh mượt mà với Layer Mask

Nhấp chuột phải vào layer trên -> Chọn Add Layer Mask (White) -> Dùng cọ vẽ mềm màu đen tô lên vùng cần làm mờ chuyển tiếp.

3. Nhiệm vụ tự luyện / Vận dụng sáng tạo

Mở 2 bức ảnh: Một ảnh phong cảnh thiên nhiên và một ảnh chân dung của em. Sử dụng kỹ thuật Layer Mask để ghép bức ảnh chân dung lồng hòa quyện vào phong cảnh nghệ thuật.

4. Câu hỏi củng cố & Luyện tập nhanh

4 câu trắc nghiệm

Câu 1 Phím tắt để mở nhanh bảng quản lý Lớp ảnh (Layers Dialog) trong GIMP là gì?

Câu 2 Khi sử dụng mặt nạ lớp (Layer Mask), việc dùng cọ vẽ màu ĐEN tô lên mặt nạ sẽ gây ra hiệu ứng gì?

Câu 3 Chế độ hòa trộn (Blend Mode) nào thường được sử dụng để làm sáng ảnh và lọc bỏ các mảng màu đen?

Câu 4 Để tạm thời ẩn một lớp ảnh mà không cần phải xóa nó, ta nhấp vào biểu tượng nào trên dòng của lớp đó?

Bài 12 Animated GIF Basics
Thời lượng: 45 phút thực hành

Bài 12: Tạo ảnh động

Chuyên đề 3: Phần mềm chỉnh sửa ảnh & Ảnh động (GIMP)

Mục tiêu cần đạt

  • Hiểu nguyên lý thị giác lưu ảnh trên võng mạc (Persistence of Vision) tạo nên cảm giác chuyển động từ chuỗi ảnh tĩnh.
  • Nắm vững cơ chế tạo ảnh động trong GIMP: Mỗi một Lớp ảnh (Layer) đại diện cho một Khung hình (Frame) chuyển động.
  • Sử dụng công cụ phát thử ảnh động tích hợp trong GIMP (Filters -> Animation -> Playback).
  • Thực hành xuất bản tệp ảnh động định dạng GIF tiêu chuẩn với tùy chọn 'As Animation'.

1. Kiến thức trọng tâm & Kỹ thuật cốt lõi

Nguyên lý Frame-by-Frame trong GIMP

  • Thứ tự phát: GIMP đọc khung hình từ dưới lên trên (Bottom layer = Frame 1, Top layer = Final frame).
  • Định dạng GIF: Giới hạn tối đa 256 màu, rất tối ưu cho ảnh đồ họa, meme, banner mạng xã hội và sticker vui nhộn.

Xem thử hoạt ảnh (Animation Playback)

  • Menu: Filters -> Animation -> Playback...
  • Hộp thoại cho phép: Play, Stop, Bước từng frame (Step), điều chỉnh tốc độ phát (Playback speed: 0.5x, 1x, 2x).

2. Hướng dẫn thực hành từng bước chi tiết

Bước 1: Tạo các lớp đại diện cho từng khung hình

Tạo tệp mới 400x400 px -> Vẽ một quả bóng ở vị trí cao trên Layer 1 -> Nhân đôi layer (Duplicate Layer) -> Dùng công cụ Move dịch chuyển quả bóng rơi dần xuống trên Layer 2, Layer 3, Layer 4.

Bước 2: Xem trước hoạt ảnh chuyển động

Vào menu Filters -> Animation -> Playback... -> Nhấp nút Play để quan sát quả bóng nảy tưng tưng.

Bước 3: Xuất khẩu tệp ảnh động GIF

Vào File -> Export As (Shift + Ctrl + E) -> Đặt tên tệp có đuôi .gif -> Tích chọn ô kiểm As animation -> Nhấn Export.

3. Nhiệm vụ tự luyện / Vận dụng sáng tạo

Tạo một ảnh động GIF đơn giản gồm 4 khung hình mô tả đèn tín hiệu giao thông lần lượt chuyển màu từ Đỏ -> Vàng -> Xanh và xem trước qua công cụ Playback.

4. Câu hỏi củng cố & Luyện tập nhanh

4 câu trắc nghiệm

Câu 1 Trong phần mềm GIMP, yếu tố nào đóng vai trò tương ứng là một khung hình (Frame) của ảnh động?

Câu 2 Thứ tự phát các khung hình ảnh động mặc định trong GIMP diễn ra theo chiều nào?

Câu 3 Menu nào trong GIMP cung cấp tính năng phát thử (Playback) hoạt cảnh ảnh động trước khi xuất file?

Câu 4 Khi lưu hoặc xuất tệp ảnh động GIF từ GIMP, tùy chọn bắt buộc nào phải được tích chọn để ảnh chuyển động được?

Bài 13 Frame Delay & Kinetic Typography
Thời lượng: 45 phút thực hành

Bài 13: Điều chỉnh thời gian trễ và tạo chữ động

Chuyên đề 3: Phần mềm chỉnh sửa ảnh & Ảnh động (GIMP)

Mục tiêu cần đạt

  • Hiểu rõ khái niệm thời gian trễ khung hình (Frame Delay tính bằng mili-giây, ms) và tầm ảnh hưởng đến nhịp điệu ảnh động.
  • Thiết lập thời gian trễ riêng cho từng khung hình bằng cách đổi tên Layer với cú pháp chuẩn: `Tên_Lớp (xxx ms)`.
  • Phân biệt hai chế độ xử lý khung hình (Frame Disposal): Chế độ thay thế `(replace)` và Chế độ kết hợp chồng đè `(combine)`.
  • Thiết kế hiệu ứng chữ nhấp nháy hoặc chữ chuyển màu sinh động cho các banner quảng cáo sự kiện.

1. Kiến thức trọng tâm & Kỹ thuật cốt lõi

Cú pháp đặt tên Layer chuyên nghiệp

  • Ví dụ: Frame 1 (500ms) (replace) -> Khung hình dừng lại đúng 0.5 giây rồi xóa hẳn để hiển thị khung hình sau.
  • 1 giây = 1000 ms. Thời gian trễ càng nhỏ thì chuyển động càng nhanh; thời gian trễ lớn tạo điểm dừng cho mắt đọc chữ.

Replace vs Combine Mode

  • (replace): Khung hình mới thay thế hoàn toàn khung hình trước (không để lại tàn tích).
  • (combine): Khung hình mới vẽ đè lên khung hình cũ (rất phù hợp với hiệu ứng chữ xuất hiện dần từng từ một mà không cần vẽ lại nền).

2. Hướng dẫn thực hành từng bước chi tiết

Bước 1: Tạo các khung hình chứa nội dung văn bản tăng dần

Tạo layer nền tĩnh -> Tạo Layer 'CHÀO MỪNG' -> Duplicate thêm Layer 'CHÀO MỪNG BẠN' -> Duplicate thêm Layer 'CHÀO MỪNG BẠN ĐẾN VỚI CODEHUB'.

Bước 2: Cài đặt thời gian dừng đọc cho từng dòng chữ

Nhấp đúp chuột vào tên các layer để sửa: Đặt tên Frame 1 (400ms) (combine), Frame 2 (400ms) (combine) và khung cuối cùng Frame 3 (1500ms) (replace) để người xem đọc kịp câu khẩu hiệu.

Bước 3: Xuất GIF và kiểm tra nhịp điệu

Vào File -> Export As -> Chọn GIF -> Mục Frame disposal chọn One frame per layer (replace) -> Xuất tệp.

3. Nhiệm vụ tự luyện / Vận dụng sáng tạo

Tạo một ảnh động banner GIF kích thước 600x150 px với dòng chữ 'HỘI KHỎE PHÙ ĐỔNG 2026' nhấp nháy đổi màu 3 sắc thái (Đỏ, Vàng, Xanh lá) với thời gian trễ mỗi nhịp là 300 ms.

4. Câu hỏi củng cố & Luyện tập nhanh

4 câu trắc nghiệm

Câu 1 Cú pháp chuẩn trong tên lớp của GIMP để quy định khung hình dừng lại hiển thị trong 1 giây trước khi chuyển tiếp là gì?

Câu 2 Chế độ khung hình '(replace)' có ý nghĩa gì đối với chuyển động ảnh động?

Câu 3 1 giây tương đương với bao nhiêu mili-giây (ms)?

Câu 4 Khi thiết kế ảnh động chữ xuất hiện dần từng chữ một (Typewriter effect) trên nền tranh tĩnh, chế độ xử lý khung hình nào tiện lợi nhất?

Bài 14 Animation Filters & VFX
Thời lượng: 45 phút thực hành

Bài 14: Tạo hiệu ứng cho ảnh động

Chuyên đề 3: Phần mềm chỉnh sửa ảnh & Ảnh động (GIMP)

Mục tiêu cần đạt

  • Khám phá sức mạnh tự động hóa của các bộ lọc hoạt ảnh tích hợp sẵn trong menu Filters -> Animation của GIMP.
  • Sử dụng bộ lọc Blend để tự động tạo các khung hình chuyển màu hoặc biến hình mờ dần (Crossfade / Morphing) mượt mà.
  • Ứng dụng bộ lọc Burn-In tạo hiệu ứng chữ cháy sáng rực rỡ và Ripple tạo sóng nước dập dềnh cho ảnh động.
  • Tạo quả địa cầu quay 3D từ ảnh bản đồ phẳng thông qua bộ lọc Spinning Globe.

1. Kiến thức trọng tâm & Kỹ thuật cốt lõi

Các bộ lọc Animation kỳ diệu trong GIMP

  • Blend: Tự động tính toán và sinh ra N khung hình trung gian chuyển tiếp mềm giữa các layer.
  • Spinning Globe: Cuộn một tấm ảnh phẳng thành quả cầu 3D đang tự quay quanh trục với số khung hình tùy chọn.
  • Ripples: Tạo hiệu ứng gợn sóng lan tỏa như giọt nước rơi xuống mặt hồ phẳng.
  • Burn-In: Hiệu ứng chữ bị đốt cháy phát sáng điện ảnh.

Tự động hóa sinh Frame

  • Bạn chỉ cần vẽ 2 layer khởi đầu và kết thúc, bộ lọc sẽ tự động sinh ra hàng chục layer trung gian chuẩn xác tới từng độ sáng pixel.
  • Sau khi chạy bộ lọc, GIMP sẽ tự động mở ra một cửa sổ tệp mới chứa toàn bộ các frame đã được tính toán sẵn thời gian trễ.

2. Hướng dẫn thực hành từng bước chi tiết

Bước 1: Chuẩn bị 2 lớp hình ảnh đối lập

Mở 2 ảnh có cùng kích thước, đặt ở 2 layer khác nhau (ví dụ: Layer 1 là cảnh ban ngày, Layer 2 là cảnh hoàng hôn).

Bước 2: Chạy bộ lọc biến hình mềm Blend

Vào menu Filters -> Animation -> Blend... -> Nhập Intermediate frames: 5 (số khung hình trung gian) -> Bấm OK.

Bước 3: Thưởng thức và xuất bản

Quan sát cửa sổ mới được tạo ra gồm chuỗi frame chuyển mờ ảo diệu -> Vào Filters -> Animation -> Playback để xem thử -> Xuất ra file GIF.

3. Nhiệm vụ tự luyện / Vận dụng sáng tạo

Sử dụng bộ lọc Filters -> Animation -> Spinning Globe để biến một tấm ảnh bản đồ thế giới phẳng thành quả địa cầu quay 3D mượt mà gồm 16 khung hình.

4. Câu hỏi củng cố & Luyện tập nhanh

4 câu trắc nghiệm

Câu 1 Bộ lọc nào trong menu Filters -> Animation tự động tạo ra các khung hình trung gian hòa tan mờ dần giữa các lớp ảnh?

Câu 2 Bộ lọc 'Spinning Globe' biến một bức tranh phẳng thành hiệu ứng gì?

Câu 3 Sau khi thực thi một bộ lọc Animation trong GIMP, kết quả thường xuất hiện ở đâu?

Câu 4 Khi tăng số lượng 'Intermediate frames' (khung hình trung gian) trong bộ lọc Blend lên cao, kết quả sẽ như thế nào?

Bài 15 Optimization & Final Product
Thời lượng: 45 phút thực hành

Bài 15: Thực hành biên tập ảnh động

Chuyên đề 3: Phần mềm chỉnh sửa ảnh & Ảnh động (GIMP)

Mục tiêu cần đạt

  • Vận dụng toàn diện các kỹ năng layer, chữ động, thời gian trễ và bộ lọc để tạo sản phẩm ảnh động hoàn chỉnh phục vụ thực tế.
  • Tối ưu hóa dung lượng tệp ảnh động GIF thông qua công cụ Optimize (for GIF) giúp tệp nhẹ, tải nhanh trên website học đường.
  • Biết cách cắt gọt kích thước (Crop Tool) và thu nhỏ kích cỡ tệp ảnh phù hợp tiêu chuẩn hiển thị trang web hoặc mạng xã hội.
  • Thiết kế trọn gói: Một nhãn dán Sticker biểu cảm học đường hoặc Banner quảng bá Hội thi Tin học trẻ.

1. Kiến thức trọng tâm & Kỹ thuật cốt lõi

Kỹ thuật tối ưu hóa ảnh động (Optimize for GIF)

  • Lệnh: Filters -> Animation -> Optimize (for GIF).
  • Nguyên lý thông minh: GIMP sẽ quét và chỉ lưu lại những pixel có sự thay đổi giữa các frame liên tiếp; những vùng ảnh tĩnh giống nhau sẽ được cắt bỏ hoặc thay bằng vùng trong suốt.
  • Kết quả: Giảm dung lượng tệp từ 40% đến 70% mà mắt thường không nhận thấy sự suy giảm chất lượng.

Tiêu chuẩn xuất bản Web & Mạng xã hội

  • Dung lượng khuyến nghị cho banner web học đường: Dưới 1MB - 2MB.
  • Tùy chọn Loop forever: Đảm bảo ảnh động lặp lại tuần hoàn vô tận không bị dừng sau lần chạy đầu tiên.

2. Hướng dẫn thực hành từng bước chi tiết

Bước 1: Thiết kế chuỗi các khung hình hoàn chỉnh

Bố cục banner kích thước 468x60 px hoặc sticker 300x300 px -> Sắp xếp các layer chuyển động logic với thời gian trễ hợp lý.

Bước 2: Tối ưu dung lượng bằng bộ lọc chuyên dụng

Vào menu Filters -> Animation -> Optimize (for GIF) -> Hệ thống sẽ tính toán và sinh ra bản nén tối ưu.

Bước 3: Xuất khẩu sản phẩm cuối cùng

Chọn File -> Export As -> Chọn GIF image -> Đảm bảo tích chọn As animation và Loop forever -> Bấm Export.

3. Nhiệm vụ tự luyện / Vận dụng sáng tạo

Thiết kế một bộ Sticker động GIF 3 khung hình diễn tả biểu cảm chúc mừng sinh nhật hoặc cổ vũ thi đua học tốt ('Cố lên nhé!', '10 điểm!', 'Xuất sắc!') và tối ưu dung lượng dưới 500 KB.

4. Câu hỏi củng cố & Luyện tập nhanh

4 câu trắc nghiệm

Câu 1 Lệnh nào trong GIMP giúp giảm mạnh dung lượng tệp ảnh động GIF bằng cách loại bỏ các pixel trùng lặp giữa các khung hình?

Câu 2 Tùy chọn 'Loop forever' trong hộp thoại xuất tệp GIF có ý nghĩa gì?

Câu 3 Đâu là giải pháp hiệu quả nhất để giảm dung lượng của một tệp ảnh động GIF khi tệp quá nặng?

Câu 4 Ứng dụng thực tế phổ biến nhất của ảnh động GIF hiện nay trên Internet là gì?

Dự án tổng hợp • 1 bài học

Dự án học tập: Sáng tạo ấn phẩm số & Chiến dịch truyền thông học đường

Dự án tích hợp liên hoàn 3 công cụ: Thiết kế Logo nhận diện vector trên Inkscape, Sản xuất phim hoạt hình giáo dục trên Toontastic, Thiết kế Banner động quảng bá sự kiện trên GIMP; Báo cáo dự án và đánh giá năng lực theo tiêu chuẩn Rubrics.

Bài 16 Capstone Project
Thời lượng: 45 phút thực hành

Bài 16: Dự án sáng tạo số: Xây dựng bộ nhận diện, Phim hoạt hình giáo dục & Banner động truyền thông

Dự án tổng hợp: Sáng tạo ấn phẩm số học đường

Mục tiêu cần đạt

  • Tích hợp liên hoàn chuỗi công cụ đồ họa số: Inkscape (Vẽ vector) + Toontastic (Hoạt hình 3D) + GIMP (Biên tập ảnh động).
  • Triển khai dự án truyền thông học đường theo nhóm: Lựa chọn chủ đề xã hội (An toàn giao thông, Phòng chống bạo lực học đường, Bảo vệ môi trường xanh, Chuyển đổi số).
  • Sản xuất trọn gói 3 sản phẩm số: Logo/Sticker vector (Inkscape), Phim hoạt hình ngắn 1 phút (Toontastic), Banner động quảng bá sự kiện (GIMP).
  • Thuyết trình báo cáo dự án trước hội đồng lớp học và đánh giá chéo theo bảng tiêu chí Rubrics chuyên nghiệp.

1. Kiến thức trọng tâm & Kỹ thuật cốt lõi

Bộ sản phẩm bàn giao (Deliverables)

  • Sản phẩm 1 (Inkscape): Logo biểu trưng chiến dịch (Vector SVG + PNG trong suốt 300 DPI).
  • Sản phẩm 2 (Toontastic): Phim hoạt hình ngắn 3 hồi kể một tình huống thực tế truyền cảm hứng (Tệp MP4 HD).
  • Sản phẩm 3 (GIMP): Banner GIF động kích thước 728x90 px hoặc 300x250 px quảng bá cho buổi ra mắt phim.

Tiêu chuẩn đánh giá Rubrics (100 điểm)

  • Tính thẩm mỹ & kỹ thuật Inkscape (25đ): Nét vẽ chuẩn xác, phối màu hài hòa, chữ uốn lượn đúng kỹ thuật.
  • Nội dung hoạt hình & diễn hoạt Toontastic (35đ): Cốt truyện chặt chẽ, diễn xuất tự nhiên, lồng tiếng cảm xúc.
  • Kỹ thuật biên tập & tối ưu GIF trong GIMP (20đ): Chuyển động mượt mà, thời gian trễ hợp lý, tệp nhẹ dưới 1MB.
  • Kỹ năng báo cáo & làm việc nhóm (20đ): Thuyết trình tự tin, phân công nhiệm vụ công bằng, đúng hạn.

2. Hướng dẫn thực hành từng bước chi tiết

Giai đoạn 1: Lập kế hoạch và thiết kế Logo nhận diện (Inkscape)

Họp nhóm chọn đề tài -> Phác thảo ý tưởng biểu trưng trên giấy -> Vẽ vector trong Inkscape -> Xuất file SVG gốc và PNG nền trong suốt.

Giai đoạn 2: Sản xuất phim hoạt hình tuyên truyền (Toontastic)

Viết kịch bản chi tiết 3 hồi -> Tạo hình nhân vật bằng công cụ Draw Your Own -> Ghi hình diễn hoạt và lồng tiếng trực tiếp -> Phối nhạc nền cảm xúc -> Xuất video MP4.

Giai đoạn 3: Biên tập Banner động và Báo cáo tổng kết (GIMP)

Mở GIMP, tạo banner động chèn Logo từ Inkscape và các khung hình cắt từ phim hoạt hình -> Áp dụng hiệu ứng chữ nhấp nháy -> Tối ưu hóa dung lượng (Optimize for GIF) -> Trình chiếu báo cáo trước lớp.

3. Nhiệm vụ tự luyện / Vận dụng sáng tạo

Theo nhóm 3-4 học sinh, thực hiện hoàn chỉnh Dự án số học đường theo 3 sản phẩm trên, đóng gói toàn bộ tệp nguồn vào một thư mục chung và chuẩn bị slide thuyết trình 5 phút.

4. Câu hỏi củng cố & Luyện tập nhanh

4 câu trắc nghiệm

Câu 1 Dự án học tập tích hợp Tin học ứng dụng lớp 11 kết hợp sức mạnh của 3 công cụ nào?

Câu 2 Trong quy trình phối hợp giữa Inkscape và GIMP, định dạng tệp nào là cầu nối lý tưởng nhất để chèn logo từ Inkscape vào ảnh động GIMP mà không bị vệt nền trắng xấu xí?

Câu 3 Bảng tiêu chí đánh giá Rubrics trong dự án học tập mang lại lợi ích gì cho học sinh?

Câu 4 Yếu tố cốt lõi nào tạo nên sức lan tỏa thành công của một chiến dịch truyền thông học đường số?