✏️Làm quen với đối tượng dạng đường
Khái niệm cơ bản
Đường tự do: do người dùng vẽ, gồm đoạn thẳng/cong.
Chỉnh sửa: mỗi đoạn điều chỉnh độc lập.
Đoạn cong Bézier: 4 điểm (2 mút + 2 điều khiển).
Điểm điều khiển: quyết định tiếp tuyến và độ cong.
Cấu trúc đường cong
📐 Công thức đường cong
Đường cong = Điểm đầu + Điểm cuối + 2 điểm điều khiển
Các bước vẽ bằng công cụ Pen:
- Chọn công cụ Pen (P)
- Click để tạo điểm đầu
- Kéo để tạo điểm điều khiển
- Click để tạo điểm cuối
🔍Nhận dạng điểm neo
Quan sát hình trái tim, xác định xem các điểm được đánh dấu nằm trên Hình 14.4 có những đặc điểm gì?
📐 Đặc điểm nhận dạng điểm neo
🔶 Điểm neo góc
- Hình vuông nhỏ
- Tạo góc nhọn
- Thay đổi hướng đột ngột
🔵 Điểm neo trơn
- Hình tròn
- Đường cong mượt mà
- Chuyển tiếp tự nhiên
🔧Thanh công cụ chỉnh sửa đường (Path Editing)
📸 Minh họa thực tế: Thanh công cụ chỉnh sửa điểm neo
🛠️ Các công cụ chính trên thanh Path Editing
➕➖ Add/Delete Anchor
- Thêm điểm neo: Click vào đường
- Xóa điểm neo: Chọn điểm + Delete
- Phím tắt: Insert / Delete
- Ứng dụng: Tăng/giảm độ phức tạp đường
✂️🔗 Split/Join
- Tách điểm: Chia đường thành 2 phần
- Nối điểm: Kết nối 2 điểm cuối
- Phím tắt: Shift + B (Break)
- Ứng dụng: Tạo đường mở/đóng
🔄 Convert Point
- Góc: Tạo góc nhọn
- Cong mượt: Đường cong liên tục
- Cong đối xứng: Tay cầm cân bằng
- Phím tắt: Shift + S/C
🔗 Link/Unlink Handles
- Liên kết: Tay cầm di chuyển cùng nhau
- Tách rời: Điều khiển độc lập
- Ứng dụng: Kiểm soát độ cong chính xác
- Hiệu ứng: Mượt mà vs sắc nét
🎯 Convert Shape to Path - Chuyển đổi hình khối
🔧 Trước khi chuyển đổi
- Hình học cơ bản (Rectangle, Circle)
- Điểm điều khiển hình vuông
- Chỉ thay đổi kích thước
- Không thể biến dạng tự do
✏️ Sau khi chuyển đổi
- Đối tượng đường (Path)
- Điểm neo hình tròn
- Có thể biến dạng tự do
- Chỉnh sửa từng điểm riêng lẻ
🔄 Cách chuyển đổi: Object → Object to Path (Shift+Ctrl+C)
💡 Mẹo sử dụng hiệu quả:
- Hover chuột: Xem tooltip hướng dẫn cho từng công cụ
- Phím tắt: Học thuộc các phím tắt để làm việc nhanh hơn
- Thực hành: Thử nghiệm trên hình đơn giản trước khi làm phức tạp
- Undo: Ctrl+Z để hoàn tác khi cần thiết
🎯Xác định các điểm neo
Quan sát hình ảnh và xác định các loại điểm neo khác nhau:
🛠️Thực hành nhận dạng điểm neo
📝 Bài tập thực hành: Phân tích Hình 14.7
Câu hỏi: Hình 14.7 có mấy đoạn cong? Xác định điểm neo trơn và neo góc của hình.
💡 Mẹo: Shift + Click vào điểm neo để chuyển đổi giữa góc và trơn
📝Hoạt động 3: Tìm hiểu đối tượng văn bản
🎨 Quan sát các cách trình bày văn bản sau:
❓ Câu hỏi thảo luận:
- Trong các cách trình bày văn bản trên, em thấy cách nào đẹp hơn?
- Các phần mềm em đã học có thể thiết kế văn bản như vậy không?
🎯 Tại sao Inkscape vượt trội trong thiết kế văn bản?
✨ Tính năng đặc biệt
- 🎨 Gradient và pattern phức tạp
- 🌟 Hiệu ứng 3D và shadow
- 📐 Biến dạng văn bản tự do
- 🔄 Chuyển văn bản thành đường path
- 🎪 Đặt văn bản theo đường cong
🚀 Ứng dụng thực tế
- 🏢 Thiết kế logo công ty
- 📢 Poster quảng cáo
- 🎫 Banner sự kiện
- 📚 Bìa sách, tạp chí
- 🌐 Thiết kế web graphics
💡 Thử thách: Hãy tạo một logo đơn giản với văn bản có hiệu ứng gradient!
🍃Thực hành 1: Vẽ chiếc lá
Nhiệm vụ: Tạo hình chiếc lá bằng đường cong
- Bước 1: Vẽ hình chữ nhật ta được hình chữ nhật với các điểm neo như Hình 14.12a
- Bước 2: Chọn hình chữ nhật và chọn lệnh Path/Object to Path để đưa hình chữ nhật thành bốn cạnh với các điểm neo rời nhau (Hình 14.12b)
- Bước 3: Chọn hai điểm neo cạnh trên của hình chữ nhật để nhập thành 1 điểm bằng cách chọn biểu tượng trên thanh điều khiển thuộc tính. Ta được hình tam giác (Hình 14.12c)
- Bước 4: Chọn hai điểm neo ở cạnh dưới của hình tam giác để chuyển thành điểm neo trơn bằng chọn nút lệnh
- Bước 5: Thêm cuống lá bằng công cụ Pen trên thanh công cụ (Hình 14.12e)
- Bước 6: Tô màu cho lá như Hình 14.11
📝Thực hành 2: Viết chữ theo khuôn dạng
Nhiệm vụ: Tạo văn bản uốn cong
- Bước 1: Chọn công cụ Pen, chọn kiểu vẽ trên thanh thuộc tính điều khiển
- Bước 2: Nháy đúp chuột vào các điểm để xác định điểm neo thứ nhất và thứ hai, cuối cùng nháy đúp chuột tại điểm neo thứ ba, ta nhận được hình tương tự Hình 14.14a
- Bước 3: Chọn công cụ trên hộp dụng cụ, ta xác định được các điểm neo (Hình 14.14b). Chọn điểm neo thứ hai, rồi chọn biểu tượng để chuyển điểm neo góc thành neo trơn (Hình 14.14c)
- Bước 4: Nháy vào biểu tượng trên hộp công cụ và gõ dòng chữ "Chúc mừng năm mới!" (Hình 14.14d)
- Bước 5: Chọn hai đối tượng đường cong và dòng chữ. Chọn lệnh Text/Put on Path để đặt dòng chữ uốn theo đường cong (Hình 14.14e). Tô màu cho chữ và chọn nét đường cong không màu (Hình 14.14f)
- Bước 6: Vẽ hình tam giác tương tự nhiệm vụ 1. Sao chép, xoay, tô màu và di chuyển đến vị trí phù hợp (Hình 14.13)
🎯Vận dụng
🐭 Vẽ con chuột
Sử dụng ellipse và đường cong
🍃 Vẽ chiếc lá và tô màu
Áp dụng kỹ thuật từ thực hành 1
🍉 Vẽ miếng dưa hấu
Kết hợp path và hình tròn
🏆 Thử thách nâng cao
Sưu tầm logo và tái tạo bằng Inkscape
💡 Phân tích logo thành các thành phần cơ bản
🎨 Sử dụng kết hợp đường cong và văn bản
✨ Áp dụng màu sắc và hiệu ứng
