Bài 13 - Bổ sung đối tượng đồ họa (Inkscape)

Bài 13 - Bổ sung đối tượng đồ họa (Inkscape)
1 / 17

🎨 Bài 13 – Bổ sung đối tượng đồ họa

Inkscape - Công cụ thiết kế vector chuyên nghiệp
"Sáng tạo hình khối – Làm chủ màu sắc – Kết hợp linh hoạt"

🎯 Mục tiêu bài học

🔷
Vẽ và chỉnh sửa đối tượng

Biết cách vẽ và chỉnh sửa các đối tượng hình khối trong Inkscape

🎨
Sử dụng công cụ màu sắc

Sử dụng công cụ tô màu, viền nét, gradient hiệu quả

🔧
Thực hiện phép ghép hình

Thực hiện các phép ghép hình cơ bản: hợp, hiệu, giao, chia, cắt

Rèn luyện kỹ năng sáng tạo

Sáng tạo sản phẩm đơn giản: logo, cây, quả cầu 3D

🔍 Hoạt động 1: Các đối tượng hình khối

📋 Nhiệm vụ:

Các hình sau được vẽ từ một công cụ có sẵn của Inkscape. Theo em đó là công cụ nào? Thảo luận để tìm được cách vẽ các hình đó.

Hoạt động 1 - Các đối tượng hình khối

💡 Hướng dẫn thảo luận:

  • 1
    Quan sát kỹ từng hình - Xác định đặc điểm của mỗi đối tượng
  • 2
    Nhận diện công cụ - Liên kết với các công cụ vẽ hình trong Inkscape
  • 3
    Thảo luận nhóm - Chia sẻ ý kiến về cách vẽ từng hình
  • 4
    Thực hành vẽ thử - Áp dụng công cụ đã xác định để vẽ

🎯 Mục tiêu hoạt động:

Giúp học sinh làm quen với các công cụ vẽ hình cơ bản trong Inkscape thông qua việc quan sát và phân tích các đối tượng đồ họa.

✅ Đáp án:

Các đối tượng ngôi sao, đa giác trên đã được định nghĩa sẵn trong hộp công cụ.

Ta có thể thay đổi giá trị các thuộc tính trên thanh điều khiển thuộc tính để chỉnh hình như hình vẽ 13.2.

🔷 Hình chữ nhật:

Rectangle Tool (R)

⚪ Hình tròn/elip:

Circle/Ellipse Tool (E)

⭐ Ngôi sao:

Star Tool (*) - Có sẵn trong toolbox

🔺 Đa giác:

Polygon Tool - Có sẵn trong toolbox

📐 Các đối tượng hình khối

Hình chữ nhật

Rectangle Tool - Có thể bo tròn góc

Hình tròn

Circle Tool - Giữ Ctrl để tạo hình tròn hoàn hảo

Hình elip

Ellipse Tool - Tạo hình oval

Ngôi sao

Star Tool - Điều chỉnh số cánh và độ nhọn

🔺

Đa giác

Polygon Tool - Tạo hình đa giác đều

🔷

Hình khối 3D

3D Box Tool - Tạo hiệu ứng không gian

💬 Thảo luận: Chỉnh sửa ngôi sao

🤔 Câu hỏi thảo luận:

"Nếu trên hình vẽ có sẵn một hình sao 5 cánh nhọn, em cần thay đổi tham số nào để các đỉnh ngôi sao trở nên cong?"

🔍 Hướng dẫn phân tích:

  • 1
    Quan sát công cụ Star Tool - Tìm hiểu các tham số điều chỉnh
  • 2
    Xác định điểm điều khiển - Nhận biết các handle trên ngôi sao
  • 3
    Thử nghiệm thay đổi - Kéo thả các điểm điều khiển
  • 4
    So sánh kết quả - Quan sát sự thay đổi hình dạng
Ngôi sao nhọn

Ngôi sao nhọn

Ngôi sao cong

Ngôi sao cong

✅ Đáp án:

Tham số cần thay đổi: "Rounded" (Bo tròn)

  • • Kéo điểm điều khiển hình tròn trên cạnh ngôi sao
  • • Hoặc điều chỉnh giá trị "Rounded" trong thanh công cụ
  • • Giá trị càng lớn, các đỉnh càng cong

🔍 Hoạt động 2: So sánh điểm khác nhau

📋 Nhiệm vụ:

Quan sát các hình sau và nhận xét các hình có điểm gì khác nhau:

Hoạt động 2 - So sánh các hình

🔍 Hướng dẫn quan sát:

  • 1
    Quan sát màu tô (Fill) - So sánh màu bên trong các hình
  • 2
    Quan sát đường viền (Stroke) - So sánh màu và độ dày viền
  • 3
    Quan sát kiểu nét vẽ - Nhận biết nét liền, nét đứt, nét chấm
  • 4
    Phân tích sự khác biệt - Tổng hợp các điểm khác nhau

✅ Nhận xét các điểm khác nhau:

🎨 Màu tô (Fill):

Một số hình có màu tô, một số không có màu tô (trong suốt)

🖊️ Màu viền (Stroke):

Các hình có màu viền khác nhau: đen, xanh, đỏ...

📏 Độ dày viền:

Một số hình có viền dày, một số có viền mỏng

⚡ Kiểu nét vẽ:

Nét liền, nét đứt, nét chấm tạo hiệu ứng khác nhau

🎯 Kết luận:

Sự khác biệt chính nằm ở màu tô, màu viền, độ dày viền và kiểu nét vẽ. Những thuộc tính này được điều chỉnh trong hộp thoại Fill and Stroke.

🎨 Thiết lập màu tô và màu vẽ

Các bước thực hiện:

  • 1
    Chọn đối tượng - Click vào hình cần tô màu
  • 2
    Mở Fill & Stroke - Object → Fill and Stroke (Shift+Ctrl+F)
  • 3
    Fill (tô màu) - Chọn màu nền cho đối tượng
  • 4
    Stroke Paint (viền) - Chọn màu viền
  • 5
    Stroke Style (kiểu nét) - Điều chỉnh độ dày, kiểu nét
Fill and Stroke Panel Demo

📝 Câu hỏi trắc nghiệm

Câu 1: Để xác định đường viền của đối tượng dạng nét đứt, em cần chọn trang nào trong hộp thoại Fill and Stroke?
A. Fill
B. Stroke
C. Stroke Style
D. Cả A và B
Câu 2: Để chỉnh thông số của gradient, em cần chọn biểu tượng nào?
Gradient tool options
A. Biểu tượng đầu tiên
B. Biểu tượng thứ hai
C. Biểu tượng thứ ba
D. Biểu tượng thứ tư

💡 Ghi nhớ:

  • Fill: Điều chỉnh màu tô bên trong đối tượng
  • Stroke: Điều chỉnh màu viền của đối tượng
  • Stroke Style: Điều chỉnh kiểu nét vẽ (độ dày, nét đứt, nét chấm...)
  • Gradient Tool: Công cụ chỉnh sửa hiệu ứng chuyển màu

💝 Hoạt động 3: Ghép các đối tượng hình khối

📋 Nhiệm vụ:

Tìm cách xếp ba mẩu giấy như Hình 13.5 thành một trái tim.

Hoạt động 3 - Ba mẩu giấy

Ba mẩu giấy ban đầu

🧩 Hướng dẫn thực hiện:

  • 1
    Phân tích hình dạng - Quan sát ba mẩu giấy: 2 hình tròn và 1 hình vuông
  • 2
    Sắp xếp vị trí - Đặt 2 hình tròn ở trên, hình vuông ở dưới
  • 3
    Xoay hình vuông - Xoay hình vuông 45° để tạo hình thoi
  • 4
    Ghép hình - Sử dụng phép Union để gộp thành trái tim
⬇️
Kết quả trái tim

Kết quả: Hình trái tim hoàn chỉnh

✅ Giải pháp thực hiện:

Phép ghép sử dụng: Union (Hợp)

Bước 1:

Vẽ 2 hình tròn cho phần trên trái tim

Bước 2:

Vẽ hình vuông, xoay 45° thành hình thoi

Bước 3:

Sắp xếp vị trí: 2 tròn trên, thoi dưới

Bước 4:

Chọn tất cả → Path → Union (Ctrl + +)

💡 Mẹo thực hành:

Sử dụng Snap để căn chỉnh chính xác các hình với nhau trước khi thực hiện phép Union.

🔧 Các phép ghép đối tượng Path

Union (Hợp)

Gộp các đối tượng thành một

Ctrl + +

Difference (Hiệu)

Trừ đối tượng trên khỏi đối tượng dưới

Ctrl + -
✴️

Intersection (Giao)

Giữ lại phần giao nhau

Ctrl + *
🔀

Exclusion (Hiệu đối xứng)

Loại bỏ phần giao nhau

Ctrl + ^
✂️

Division (Chia)

Chia đối tượng thành nhiều phần

Ctrl + /
🔪

Cut Path (Cắt)

Cắt đối tượng theo đường path

Ctrl + Alt + /
Path Operations Examples

☁️ Vẽ đám mây như Hình 13.7

❓ Câu hỏi:

Em hãy nêu phép ghép hình và các bước thực hiện để vẽ đám mây như Hình 13.7.

Hình 13.7 - Đám mây

Hình 13.7 - Đám mây cần vẽ

✅ Lời giải:

🔧 Phép ghép hình sử dụng:

Phép hợp (Union)

Gộp các hình tròn thành đám mây

Phép cắt (Cut)

Tạo hiệu ứng lớp và chiều sâu

📋 Các bước thực hiện:

  • 1
    Chọn công cụ Circle Tool trên hộp công cụ, vẽ nhiều hình tròn với kích thước khác nhau
  • 2
    Tạo bản sao của hình (Ctrl + D), quay hình và di chuyển vào vị trí phù hợp để tạo hình đám mây
  • 3
    Cắt hình (Ctrl + Alt + I) lớp dưới bởi giao điểm ở viền với hình lớp trên. Kết quả thu được hình mới không màu
  • 4
    Sử dụng phép Union để gộp các phần tạo thành đám mây hoàn chỉnh
  • 5
    Tô màu và điều chỉnh để tạo hiệu ứng đám mây tự nhiên

💡 Mẹo vẽ đám mây đẹp:

  • Sử dụng nhiều hình tròn với kích thước khác nhau
  • Chồng lấp các hình tròn để tạo hình dạng tự nhiên
  • Áp dụng gradient trắng-xám để tạo hiệu ứng 3D
  • Sử dụng phép cắt để tạo các lớp và chiều sâu

Từ các hình tròn riêng lẻ → Đám mây hoàn chỉnh

🖌️ Thực hành 1: Vẽ logo

📖 Hướng dẫn thực hiện:

"Xem sách giáo khoa trang 72 - KNTT với cuộc sống"

Các bước thực hiện chi tiết để vẽ logo được trình bày đầy đủ trong sách giáo khoa. Hãy tham khảo trang 72 để có hướng dẫn cụ thể về:

  • Cách sử dụng các công cụ vẽ hình cơ bản
  • Kỹ thuật tạo bản sao và điều chỉnh đối tượng
  • Phương pháp tô màu và thiết lập viền
  • Cách sắp xếp và căn chỉnh các phần tử
Logo example

🌳 Thực hành 2: Vẽ cây xanh

Vẽ cây xanh

📖 Hướng dẫn thực hiện:

"Xem sách giáo khoa trang 73 - Tin học 10 KNTT với cuộc sống"

Các bước thực hiện chi tiết để vẽ cây xanh được trình bày đầy đủ trong sách giáo khoa. Hãy tham khảo trang 73 để có hướng dẫn cụ thể về:

  • Cách vẽ nhiều hình tròn cho tán lá
  • Sử dụng Path → Difference để tạo hình dạng tự nhiên
  • Áp dụng Union để gộp các phần lá
  • Tô màu xanh lá cây (#22c55e)
  • Thêm thân cây bằng hình chữ nhật màu nâu

🎯 Mục tiêu bài tập:

Rèn luyện kỹ năng sử dụng các phép ghép hình (Union, Difference) để tạo ra đối tượng phức tạp từ các hình cơ bản.

🌐 Thực hành 3: Vẽ hình cầu 3D

📖 Hướng dẫn thực hiện:

"Xem sách giáo khoa trang 74 - Tin học 10 KNTT với cuộc sống"

Các bước thực hiện chi tiết để vẽ hình cầu 3D được trình bày đầy đủ trong sách giáo khoa. Hãy tham khảo trang 74 để có hướng dẫn cụ thể về:

  • Cách tạo hình tròn cơ bản làm nền
  • Kỹ thuật áp dụng gradient để tạo hiệu ứng 3D
  • Phương pháp tạo điểm sáng (highlight)
  • Cách điều chỉnh opacity và vị trí ánh sáng
  • Tạo bóng đổ để tăng tính thực tế

🎯 Mục tiêu bài tập:

Rèn luyện kỹ năng sử dụng gradient và các hiệu ứng ánh sáng để tạo ra đối tượng 3D chân thực từ hình 2D cơ bản.

✏️ Luyện tập

Câu 1: Hãy vẽ hình sao rồi thay đổi giá trị Rounded và quan sát tác động của thuộc tính này. Vẽ bông hoa Hình 13.14 bằng hình sao và hình tròn.
Bông hoa từ hình sao và hình tròn

Hướng dẫn: Sử dụng Star Tool, điều chỉnh thuộc tính Rounded để tạo cánh hoa mềm mại. Kết hợp với Circle Tool để tạo nhụy hoa.

Câu 2: Hãy vẽ như Hình 13.15:
Hình 13.15 - Bài tập vẽ

Hướng dẫn: Sử dụng các công cụ hình học cơ bản và các phép ghép hình để tạo ra hình dạng phức tạp như trong mẫu.

Câu 3: Hãy vẽ chùm bóng (Hình 13.16):
Hình 13.16 - Chùm bóng

Hướng dẫn: Vẽ nhiều hình tròn với gradient để tạo hiệu ứng 3D. Sắp xếp chồng lấp để tạo chùm bóng tự nhiên.

🚀 Vận dụng

Câu 1: Hãy vẽ miếng dưa hấu Hình 13.1.
Hình 13.1 - Miếng dưa hấu

Hướng dẫn: Sử dụng hình bán nguyệt, tô màu đỏ cho phần thịt, xanh cho vỏ. Thêm các hạt đen bằng hình elip nhỏ.

Câu 2: Sử dụng kiến thức học trong bài, hãy vẽ hình trong không gian.
Hình trong không gian 3D

Hướng dẫn: Sử dụng 3D Box Tool hoặc kết hợp các hình cơ bản với gradient để tạo hiệu ứng không gian 3D.

💡 Gợi ý thực hiện:

🍉 Miếng dưa hấu:
  • Vẽ hình bán nguyệt làm nền
  • Tô màu đỏ cho thịt dưa
  • Thêm viền xanh cho vỏ
  • Vẽ hạt đen bằng elip
🎲 Hình 3D:
  • Sử dụng 3D Box Tool
  • Áp dụng gradient cho các mặt
  • Tạo bóng đổ
  • Điều chỉnh góc nhìn

🌟 Kết thúc

"Làm chủ công cụ – Sáng tạo không giới hạn cùng Inkscape"
💻
🎨

Cảm ơn các bạn đã theo dõi!

Hãy tiếp tục thực hành để nâng cao kỹ năng thiết kế vector

Lên đầu trang