Giải Tin Học 10 trang 64
Lời giải chi tiết SGK Lớp 10 · Môn Tin Há»c · Trang 64–69
Bài 12: Phần Mềm Thiết Kế Đồ Hoạ
🔍 Kiến thức cần nhớ
1. Thiết kế đồ hoạ là gì?
- Thiết kế đồ hoạ (graphic design): Quá trình thiết kế các thông điệp truyền thông bằng hình ảnh, giải quyết vấn đề thông qua sự kết hợp giữa hình ảnh, kiểu chữ với ý tưởng để truyền tải thông tin đến người xem.
2. Hai loại đồ hoạ cơ bản
| Tiêu chí | Đồ hoạ điểm ảnh (Bitmap) | Đồ hoạ vector |
|---|---|---|
| Định nghĩa | Bằng tập điểm ảnh (pixel) | Bằng phương trình toán học |
| Phù hợp | Chỉnh sửa ảnh nhiều chi tiết, màu sắc liền mạch, chân thực | Tạo logo, minh hoạ, bản vẽ kỹ thuật |
| Phóng to | Ảnh hưởng chất lượng (bị vỡ hình) | Không bị vỡ hình |
| Kích thước file | Ảnh lớn = file lớn | Không thay đổi theo kích thước in |
| Chuyển đổi | Không thể chuyển sang vector giữ nguyên chất lượng | Dễ dàng chuyển sang bitmap |
3. Phần mềm đồ hoạ
- Phần mềm vector: Adobe Illustrator, CorelDRAW, Inkscape
- Phần mềm bitmap: Adobe Photoshop, GIMP
- Inkscape và GIMP: Phần mềm miễn phí
4. Giao diện Inkscape
- Thanh bảng chọn (Menu bar): Chứa các lệnh thường dùng
- Hộp công cụ (Toolbox): Chứa các công cụ vẽ chính
- Thanh điều khiển thuộc tính (Tool control bar): Chứa thuộc tính của đối tượng đang chọn
- Vùng làm việc (Canvas): Nơi thực hiện vẽ hình
- Bảng màu (Color Palette): Chọn màu tô và màu vẽ
- Thanh trạng thái (Status bar): Hiển thị thông tin
5. Thao tác cơ bản
- Tạo file mới: File → New hoặc Ctrl + N
- Lưu file: File → Save hoặc Ctrl + S (định dạng .svg)
- Chọn màu tô (Fill): Nhấy chuột vào màu trên bảng màu
- Chọn màu vẽ (Stroke): Giữ Shift + nhấy chuột vào màu
⚙️ Bài tập
Hoạt động 1: So sánh giữa ảnh chụp và hình vẽ
Đề bài: Thảo luận về sự khác nhau giữa ảnh chụp và hình vẽ bằng phần mềm.
Cách 1 — Phân tích theo đặc điểm
Sự khác nhau:
| Tiêu chí | Ảnh chụp | Hình vẽ bằng phần mềm |
|---|---|---|
| Bản chất | Đồ hoạ điểm ảnh (bitmap) | Đồ hoạ vector |
| Màu sắc | Đa dạng, nhiều chi tiết, màu sắc liền mạch | Số màu ít hơn, màu sắc rõ ràng |
| Chi tiết | Độ chi tiết cao, chân thực | Đơn giản, tổ hợp từ các hình khối cơ bản |
| Khi phóng to | Bị nhòe, vỡ hình | Giữ nguyên độ nét |
| Kích thước file | Thường lớn | Thường nhỏ hơn |
Cách 2 — Phân tích theo nguyên lý lưu trữ
- Ảnh chụp: Lưu trữ thông tin từng điểm ảnh (pixel), mỗi pixel có màu riêng → khi phóng to, các pixel được phóng lớn nên nhìn thấy rõ từng ô vuông (vỡ hình)
- Hình vẽ: Lưu trữ công thức toán học mô tả đường nét → khi phóng to, phần mềm tính lại toạ độ nên hình luôn mượt
🎯 Ghi nhớ: Ảnh chụp = bitmap = có thể vỡ khi phóng to. Hình vẽ vector = không vỡ khi phóng to.
Câu hỏi sau phần 1
Câu 1: Ảnh chụp là loại đồ hoạ nào?
Đề bài: Ảnh chụp là loại đồ hoạ nào?
Cách 1 — Dựa vào định nghĩa
Ảnh chụp được tạo thành từ các điểm ảnh (pixel), mỗi điểm ảnh có màu riêng. Đây chính là đặc điểm của đồ hoạ điểm ảnh.
Đáp án: Ảnh chụp là đồ hoạ điểm ảnh (bitmap).
Cách 2 — Dựa vào tính chất khi phóng to
Khi phóng to ảnh chụp, hình ảnh bị vỡ, nhòe → đây là đặc điểm của bitmap, không phải vector.
Đáp án: Đồ hoạ điểm ảnh (bitmap)
Câu 2: Tại sao dùng đồ hoạ vector phù hợp hơn dùng đồ hoạ điểm ảnh khi thiết kế logo?
Đề bài: Tại sao dùng đồ hoạ vector phù hợp hơn dùng đồ hoạ điểm ảnh khi thiết kế logo?
Cách 1 — Phân tích theo yêu cầu sử dụng logo
Logo cần được sử dụng ở nhiều kích thước khác nhau:
- In nhỏ: Trên danh thiếp, bút bi
- In lớn: Trên biển quảng cáo, banner
Nếu dùng đồ hoạ điểm ảnh:
- Phóng to sẽ bị vỡ, nhòe hình
- Cần tạo nhiều file với các kích thước khác nhau
Nếu dùng đồ hoạ vector:
- Có thể co dãn tùy ý mà không bị vỡ hình
- Chỉ cần 1 file duy nhất cho mọi kích thước
Kết luận: Đồ hoạ vector phù hợp hơn vì có thể tạo bản in với kích thước tuỳ ý mà độ lớn của file không thay đổi và không bị vỡ hình.
Cách 2 — So sánh ưu nhược điểm
| Yếu tố | Vector | Bitmap |
|---|---|---|
| Thay đổi kích thước | ✓ Không vỡ | ✗ Bị vỡ |
| Chỉnh sửa màu sắc | ✓ Dễ dàng | ✗ Khó khăn |
| Kích thước file | ✓ Nhỏ | ✗ Lớn khi chất lượng cao |
Kết luận: Vector vượt trội ở mọi yếu tố quan trọng khi thiết kế logo.
💡 Mẹo nhớ: Logo = Vector vì "Logo cần Linh hoạt" (chữ L)
⚠️ Lưu ý thi: Câu hỏi về lý do chọn vector cho logo rất hay xuất hiện. Nhớ từ khoá: "co dãn không vỡ hình"
Hoạt động 2: Phần mềm đồ hoạ
Đề bài: Minh muốn thiết kế logo cho câu lạc bộ bóng đá của trường nhưng bạn ấy không biết bắt đầu từ đâu. Theo em Minh cần những gì?
Cách 1 — Liệt kê theo thứ tự
Minh cần chuẩn bị:
- Phần mềm thiết kế đồ hoạ vector (vì thiết kế logo)
- Khuyên dùng: Inkscape (miễn phí)
- Hoặc: Adobe Illustrator, CorelDRAW (có phí)
- Máy tính đã cài đặt phần mềm
- Ý tưởng thiết kế:
- Hình ảnh liên quan đến bóng đá (quả bóng, cầu thủ, sân cỏ...)
- Tên câu lạc bộ
- Màu sắc đại diện
- Kiến thức cơ bản về sử dụng phần mềm
Cách 2 — Phân loại theo phần cứng và phần mềm
Phần cứng:
- Máy tính (Windows hoặc MacOS)
- Chuột (nên có để thao tác chính xác)
Phần mềm:
- Inkscape (miễn phí, phù hợp thiết kế logo)
Tư liệu:
- Ý tưởng, mẫu tham khảo
- Thông tin về câu lạc bộ (tên, màu sắc...)
🎯 Ghi nhớ: Thiết kế logo → Dùng phần mềm vector (Inkscape miễn phí)
Câu hỏi trắc nghiệm sau phần 2
Câu 1
Đề bài: Cần thiết kế một bộ các sản phẩm: bút sổ, danh thiếp, bì thư, túi giấy. Theo em nên dùng phần mềm nào?
- A. Photoshop
- B. Inkscape
Cách 1 — Phân tích theo đặc điểm sản phẩm
Các sản phẩm (bút sổ, danh thiếp, bì thư, túi giấy) cần:
- In ở nhiều kích thước khác nhau
- Có thiết kế nhất quán (cùng logo, font chữ)
- Cần vector để đảm bảo chất lượng in
Đáp án: B. Inkscape
Cách 2 — Loại trừ
- Photoshop: Phần mềm xử lý ảnh bitmap → không phù hợp
- Inkscape: Phần mềm vector → phù hợp cho in ấn nhiều kích thước
Đáp án: B. Inkscape
💡 Mẹo nhớ: Thiết kế để IN → dùng phần mềm VECTOR (Inkscape)
Câu 2
Đề bài: Em hãy cho biết có thể vẽ hình vào đâu trên màn hình làm việc của Inkscape?
- A. Toàn bộ vùng làm việc
- B. Trong khu vực trang in
Cách 1 — Dựa vào kiến thức về Inkscape
Trong Inkscape:
- Vùng làm việc (Canvas): Toàn bộ phần nền trắng, ta có thể vẽ hình vào đây
- Trang in: Phần trong khung, tương ứng với kích thước khi in
Ta có thể vẽ hình vào toàn bộ vùng làm việc, không chỉ giới hạn trong trang in.
Đáp án: A. Toàn bộ vùng làm việc
Cách 2 — Thực tế sử dụng
Khi làm việc với Inkscape, người dùng thường vẽ các đối tượng ngoài trang in để:
- Lưu trữ các phiên bản khác nhau
- Tạo các chi tiết phụ
- Dự phòng các thành phần
Đáp án: A. Toàn bộ vùng làm việc
Hoạt động 3: Sắp xếp các đối tượng
Đề bài: Nếu chúng ta có một quả dưa hấu và một quả cam mở trên bàn. Xác định xem cần xếp hai quả này như thế nào để:
- a) Nhìn thấy đủ cả hai quả, không quả nào bị che khuất
- b) Chỉ nhìn thấy quả dưa hấu
- c) Nhìn thấy đủ quả cam, quả dưa hấu bị che một phần
- d) Nhìn thấy đủ quả dưa hấu, quả cam bị che một phần
Cách 1 — Phân tích theo nguyên lý lớp (layer)
Trong đồ hoạ, đối tượng vẽ sau sẽ ở lớp trên và che đối tượng vẽ trước.
a) Nhìn thấy đủ cả hai quả, không quả nào bị che khuất:
- Đặt hai quả cách xa nhau, không chồng lên nhau
- Hoặc đặt cạnh nhau nhưng không có phần giao
b) Chỉ nhìn thấy quả dưa hấu:
- Đặt quả dưa hấu ở lớp trên
- Quả cam ở lớp dưới và nằm hoàn toàn phía sau quả dưa hấu (quả cam nhỏ hơn nên bị che hoàn toàn)
c) Nhìn thấy đủ quả cam, quả dưa hấu bị che một phần:
- Đặt quả cam ở lớp trên (vẽ sau)
- Quả dưa hấu ở lớp dưới (vẽ trước)
- Hai quả chồng một phần lên nhau
d) Nhìn thấy đủ quả dưa hấu, quả cam bị che một phần:
- Đặt quả dưa hấu ở lớp trên (vẽ sau)
- Quả cam ở lớp dưới (vẽ trước)
- Hai quả chồng một phần lên nhau
Cách 2 — Minh hoạ bằng sơ đồ
a) Không che: [DƯA HẤU] [CAM]
b) Chỉ thấy dưa hấu: [ DƯA HẤU ]
(cam ẩn sau)
c) Cam che dưa hấu: [DƯA HẤU]
[CAM] ← lớp trên
d) Dưa hấu che cam: [CAM]
[DƯA HẤU] ← lớp trên
💡 Mẹo nhớ: "Vẽ SAU ở TRÊN" - đối tượng vẽ sau sẽ nằm ở lớp trên và che đối tượng vẽ trước
⚠️ Lưu ý thi: Đây là kiến thức về thứ tự lớp (layer order) - rất quan trọng khi thao tác với nhiều đối tượng
Câu hỏi sau phần 3
Đề bài: Theo em thanh công cụ nào được sử dụng nhiều nhất trong Inkscape?
- A. Bảng màu
- B. Thanh thiết lập chế độ kết dính
- C. Thanh điều khiển thuộc tính
- D. Hộp công cụ
Cách 1 — Phân tích chức năng
- Bảng màu: Chỉ dùng khi chọn màu
- Thanh thiết lập chế độ kết dính: Dùng khi cần căn chỉnh chính xác
- Thanh điều khiển thuộc tính: Thay đổi tuỳ theo đối tượng đang chọn
- Hộp công cụ: Chứa tất cả các công cụ vẽ chính (hình chữ nhật, hình tròn, bút vẽ, văn bản...) → Được sử dụng liên tục trong quá trình vẽ
Đáp án: D. Hộp công cụ
Cách 2 — Loại trừ
Khi vẽ hình, bước đầu tiên luôn là chọn công cụ từ hộp công cụ. Các thanh khác chỉ sử dụng ở các bước sau hoặc trong trường hợp cụ thể.
Đáp án: D. Hộp công cụ
📝 LUYỆN TẬP
Câu 1
Đề bài: Sau khi vẽ một hình tròn trong Inkscape. Ta thực hiện liên tục các thao tác sau:
- Nhấy vào công cụ Select trên hộp công cụ
- Nhấy chuột lên hình tròn
- Nhấy chuột chọn lần lượt các màu: xanh lá, đỏ, vàng trên bảng màu
- Giữ phím Shift và nhấy chuột vào màu xanh dương trên bảng màu
Em hãy xác định xem kết quả hình tròn sẽ có màu sắc như thế nào?
Cách 1 — Phân tích từng bước
Bước 1: Chọn công cụ Select → Chuẩn bị chọn đối tượng
Bước 2: Nhấy chuột lên hình tròn → Hình tròn được chọn
Bước 3: Nhấy chuột chọn lần lượt màu xanh lá, đỏ, vàng
- Nhấy chuột (không giữ Shift) = chọn màu tô (Fill)
- Màu tô thay đổi: xanh lá → đỏ → vàng (màu cuối cùng)
Bước 4: Giữ Shift + nhấy màu xanh dương
- Giữ Shift khi chọn màu = chọn màu vẽ (Stroke) = màu viền
- Màu viền = xanh dương
Kết quả: Hình tròn có:
- Màu tô (Fill): Vàng
- Màu viền (Stroke): Xanh dương
Cách 2 — Ghi nhớ quy tắc
| Thao tác | Kết quả |
|---|---|
| Nhấy chuột vào màu | Đổi màu tô (Fill) |
| Shift + nhấy chuột vào màu | Đổi màu viền (Stroke) |
→ Màu tô cuối cùng = Vàng, Màu viền = Xanh dương
💡 Mẹo nhớ: "Shift = Stroke" (cùng chữ S) → Giữ Shift để chọn màu viền
⚠️ Lưu ý thi: Phân biệt Fill (tô) và Stroke (viền) là kiến thức cơ bản hay kiểm tra
Câu 2
Đề bài: Để thay một ngôi sao thành một khối lập phương. Em sẽ tìm công cụ ở thanh công cụ nào?
- A. Bảng màu
- B. Thanh điều khiển thuộc tính
- C. Hộp công cụ
- D. Hộp thoại lệnh
Cách 1 — Phân tích yêu cầu
Thay ngôi sao thành khối lập phương = tạo hình mới hoặc chỉnh sửa hình dạng
- Bảng màu: Chỉ để chọn màu → Không đúng
- Thanh điều khiển thuộc tính: Chứa thuộc tính của đối tượng đang chọn như số cánh sao, tỉ lệ... → Có thể thay đổi hình dạng
- Hộp công cụ: Chứa các công cụ vẽ hình cơ bản → Vẽ hình mới, nhưng không có sẵn khối lập phương
- Hộp thoại lệnh: Không phải nơi chọn công cụ vẽ
Để thay đổi hình dạng của ngôi sao (ví dụ: số cánh, độ nhọn...), ta dùng Thanh điều khiển thuộc tính.
Đáp án: B. Thanh điều khiển thuộc tính
Cách 2 — Liên hệ với bài thực hành
Trong phần thực hành vẽ ngôi sao 5 cánh, ta điều chỉnh:
- Corners (số góc/cánh)
- Spoke ratio (tỉ lệ cánh)
Các thuộc tính này nằm trên Thanh điều khiển thuộc tính (Tool control bar).
Đáp án: B. Thanh điều khiển thuộc tính
💡 Mẹo nhớ: Thanh điều khiển thuộc tính thay đổi tuỳ theo công cụ/đối tượng đang chọn
🌟 VẬN DỤNG
Câu 1
Đề bài: Hãy vẽ quốc kỳ các nước: Thái Lan, Lào, Myanmar và Anh.
Hướng dẫn thực hiện
Quốc kỳ Thái Lan:
- Vẽ 5 hình chữ nhật xếp ngang (tỉ lệ chiều cao 1:1:2:1:1)
- Tô màu từ trên xuống: Đỏ - Trắng - Xanh dương - Trắng - Đỏ
Quốc kỳ Lào:
- Vẽ 3 hình chữ nhật xếp ngang (tỉ lệ 1:2:1)
- Tô màu: Đỏ - Xanh dương - Đỏ
- Vẽ hình tròn trắng ở giữa phần xanh dương
Quốc kỳ Myanmar:
- Vẽ 3 hình chữ nhật xếp ngang (bằng nhau)
- Tô màu từ trên xuống: Vàng - Xanh lá - Đỏ
- Vẽ ngôi sao 5 cánh màu trắng ở giữa
Quốc kỳ Anh (Union Jack):
- Vẽ hình chữ nhật nền xanh dương đậm
- Vẽ 2 đường chéo trắng (từ góc đến góc)
- Vẽ 2 đường chéo đỏ (nhỏ hơn, lệch tâm)
- Vẽ chữ thập trắng (ngang + dọc qua tâm)
- Vẽ chữ thập đỏ (nhỏ hơn, ở giữa chữ thập trắng)
💡 Mẹo: Sử dụng công cụ hình chữ nhật, công cụ đa giác/sao, và điều chỉnh thứ tự lớp
Câu 2
Đề bài: Hãy vẽ các hình sau bằng các hình cơ bản.
Hướng dẫn chung
Các hình trong bài thường được tạo từ:
- Hình chữ nhật/hình vuông: Công cụ Rectangle
- Hình tròn/hình elip: Công cụ Ellipse
- Ngôi sao/đa giác: Công cụ Star/Polygon
- Đường thẳng/đường cong: Công cụ Pen/Bezier
Các bước cơ bản:
- Phân tích hình cần vẽ thành các hình cơ bản
- Vẽ từng hình cơ bản
- Sắp xếp thứ tự lớp phù hợp
- Điều chỉnh vị trí, kích thước
- Tô màu
⚠️ Lưu ý: - Sử dụng Duplicate (nhấy phải → Duplicate) để tạo bản sao - Sử dụng công cụ Select, nhấy 2 lần để xoay đối tượng - Điều chỉnh thứ tự lớp bằng nút Lower/Raise trên thanh điều khiển thuộc tính
🎯 Tổng kết bài học
🎯 Ghi nhớ: 1. Hai loại đồ hoạ: Bitmap (điểm ảnh) và Vector 2. Bitmap: Vỡ khi phóng to, phù hợp ảnh chụp 3. Vector: Không vỡ khi phóng to, phù hợp logo, bản vẽ kỹ thuật 4. Inkscape: Phần mềm miễn phí tạo đồ hoạ vector, lưu file .svg 5. Màu tô (Fill): Nhấy chuột chọn màu 6. Màu viền (Stroke): Shift + nhấy chuột chọn màu 7. Thứ tự lớp: Đối tượng vẽ sau ở lớp trên, che đối tượng vẽ trước
