BÀI 12: PHẦN MỀM THIẾT KẾ ĐỒ HỌA

Bài 12 - Phần mềm thiết kế đồ họa
1 / 20
🎨
🖌️
💻
🖼️
👉 Bài 12

Phần mềm thiết kế đồ họa

"Sáng tạo với phần mềm thiết kế – Biến ý tưởng thành hình ảnh"
🎯

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

📚

Khái niệm

Biết khái niệm thiết kế đồ họa

🔍

Phân biệt

Phân biệt được đồ họa bitmap và vector

Thực hành

Biết sử dụng phần mềm Inkscape để vẽ hình đơn giản

Thiết kế đồ họa là gì?

💻
+
🎨
=
📱
Thiết kế đồ họa là quá trình tạo ra hình ảnhchữ để truyền tải thông tin một cách trực quan và hiệu quả
🎯

Hoạt động 1

So sánh giữa ảnh chụp và hình vẽ

📸 Ảnh chụp

Ảnh thật

Chân thực, tự nhiên

📱

Chụp bằng máy ảnh/điện thoại

Khó chỉnh sửa chi tiết

💾

Dung lượng lớn

🎨 Hình vẽ phần mềm

Vector
🎯

Thiết kế theo ý muốn

💻

Tạo bằng phần mềm

✏️

Dễ chỉnh sửa, tùy chỉnh

📏

Phóng to không mất chất lượng

💭 Thảo luận

❓ Câu hỏi 1:

Ảnh chụp là loại đồ họa nào?

❓ Câu hỏi 2:

Tại sao dùng đồ họa vector phù hợp hơn dùng đồ họa điểm ảnh khi thiết kế logo?

So sánh Bitmap vs Vector

Tiêu chí
🖼️ Bitmap
🔺 Vector
Cấu tạo
Từ các điểm ảnh (pixel)
Từ các đường thẳng và công thức toán học
Khi phóng to
❌ Bị vỡ, mờ
✅ Luôn sắc nét
Dung lượng
Lớn
Nhỏ
Ứng dụng
Ảnh chụp, chỉnh sửa ảnh
Logo, biểu tượng, in ấn

Minh họa sự khác biệt

🖼️ Bitmap khi phóng to

Pixel bị vỡ

❌ Chất lượng giảm khi phóng to

🔺 Vector khi phóng to

Luôn sắc nét

✅ Chất lượng không đổi

💭

Thảo luận

Phân tích và so sánh ứng dụng thực tế

❓ Câu hỏi 1:

Ảnh chụp là loại đồ họa nào?

❓ Câu hỏi 2:

Tại sao dùng đồ họa vector phù hợp hơn dùng đồ họa điểm ảnh khi thiết kế logo?

🎯 Kết luận

Vector phù hợp cho thiết kế cần tính linh hoạtchất lượng cao, còn Bitmap phù hợp cho hình ảnh thực tế

Các phần mềm đồ họa

🖼️ Nhóm Bitmap

Ps

Adobe Photoshop

Chỉnh sửa ảnh chuyên nghiệp

G

GIMP

Miễn phí, mã nguồn mở

🔺 Nhóm Vector

Ink

Inkscape

Miễn phí, mã nguồn mở

Ai

Adobe Illustrator

Vector chuyên nghiệp

C

CorelDraw

Thiết kế đồ họa tổng hợp

Hoạt động 2

Tình huống thực tế - Thiết kế logo

📖 Tình huống:

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. Logo này sẽ được sử dụng trên áo đấu, banner, website và các tài liệu in ấn khác nhau.

❌ Nếu dùng ảnh chụp (Bitmap):

📱

Trên điện thoại: OK

👕

Trên áo đấu: Bị vỡ, mờ

🏴

Trên banner lớn: Rất mờ

💾

File nặng, khó chia sẻ

✅ Nếu dùng Vector (Inkscape):

📱

Trên điện thoại: Sắc nét

👕

Trên áo đấu: Hoàn hảo

🏴

Trên banner lớn: Rất đẹp

💾

File nhẹ, dễ chia sẻ

💭 Thảo luận

❓ Câu hỏi 1:

Theo em, Minh cần những gì để bắt đầu thiết kế logo?

❓ Câu hỏi 2:

Tại sao Minh nên chọn phần mềm vector thay vì bitmap?

❓ Câu hỏi 3:

Logo câu lạc bộ bóng đá nên có những yếu tố gì?

Ink

Inkscape

Phần mềm thiết kế vector miễn phí & mạnh mẽ

🆓

Miễn phí hoàn toàn

Mã nguồn mở, không cần license

📄

Định dạng SVG

Chuẩn web, tương thích cao

🎨

Vẽ & Tô màu

Công cụ vẽ đa dạng, màu sắc phong phú

⚙️

Chỉnh sửa linh hoạt

Transform, group, layer management

📥

Tải và cài đặt Inkscape

Hướng dẫn chi tiết từng bước

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

1

Truy cập website

Vào địa chỉ: https://inkscape.org/release/inkscape-1.0/

2

Chọn hệ điều hành

Chọn phiên bản phù hợp: Windows (32/64 bits), MacOS, Linux

3

Tải về máy

Click vào nút Download để tải file cài đặt

4

Cài đặt

Chạy file .exe và làm theo hướng dẫn cài đặt

💡 Lưu ý quan trọng:

⚠️

Kiểm tra hệ điều hành

Đảm bảo chọn đúng phiên bản 32-bit hoặc 64-bit cho Windows

Miễn phí 100%

Inkscape hoàn toàn miễn phí, không cần key hay crack

💾

Dung lượng nhẹ

File cài đặt khoảng 100MB, phù hợp mọi máy tính

🔒

An toàn

Chỉ tải từ trang chính thức để đảm bảo an toàn

🎯 Sau khi cài đặt xong

Tìm biểu tượng Inkscape trên Desktop hoặc Start Menu và nhấp đúp để khởi động

Ink
Nhấp đúp để mở
🖥️

Giao diện của Inkscape

Làm quen với các thành phần chính

Giao diện Inkscape
📋

Menu Bar

Chứa các lệnh thường dùng: File, Edit, View, Object...

🧰

Tool Box

Các công cụ vẽ: Select, Rectangle, Circle, Text...

⚙️

Tool Control

Thuộc tính của công cụ đang chọn

📄

Canvas

Vùng làm việc chính để tạo và chỉnh sửa đối tượng

🎨

Color Palette

Bảng màu để tô và vẽ đối tượng

📊

Status Bar

Hiển thị thông tin: layer, zoom, vị trí con trỏ

🧠

Củng cố 1

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?

📋 Câu hỏi 1: Lựa chọn phần mềm phù hợp

✏️

Bút

📓

Sổ

💳

Danh thiếp

✉️

Bì thư

🛍️

Túi giấy

Cần thiết kế logo và hình ảnh cho tất cả các sản phẩm này

🖥️ Câu hỏi 2: Vùng vẽ trong Inkscape

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?

3. Các đối tượng đồ họa của hình vẽ

📚

Khái niệm về đối tượng

• Các đối tượng được thêm vào hình bằng cách tạo ra các bản sao của các đối tượng đã có trong vùng làm việc hoặc chọn đối tượng từ hộp công cụ và vẽ vào vùng làm việc.

• Các đối tượng sẽ xuất hiện theo thứ tự lớp, đối tượng vẽ trước sẽ ở lớp dưới, đối tượng này có thể bị che khuất toàn bộ hay một phần bởi các đối tượng về sau ở lớp trên.

🔧 Ba bước thêm đối tượng

1

Chọn công cụ

Chọn công cụ tương ứng trên hộp công cụ

2

Chỉnh tùy chọn

Chỉnh tuỳ chọn trong thanh điều khiển thuộc tính nếu cần

3

Vẽ hình

Xác định vị trí hình vẽ trong vùng làm việc, kéo thả chuột để vẽ hình

🧰 Hộp công cụ Inkscape

Hộp công cụ Inkscape

Các công cụ vẽ cơ bản trong Inkscape

💡 Mẹo: Nhấp vào hình ảnh để xem rõ hơn các công cụ

🎨

Chọn màu cho đối tượng

Fill Color (Màu tô)

Màu bên trong đối tượng

Stroke Color (Màu viền)

Màu đường viền bao quanh đối tượng

💾

Lưu file

Cách lưu:

File → Save hoặc Ctrl + S

Định dạng:

Inkscape lưu dưới dạng file vector .svg

🔧

Củng cố 2

Thanh công cụ trong Inkscape

❓ Theo em, thanh công cụ nào được sử dụng nhiều nhất trong Inkscape?

File Edit View Object... Thanh điều khiển thuộc tính Hộp công cụ Canvas Bảng màu Thanh thiết lập kết dính

🌸 Thực hành 1: Vẽ bông hoa

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

1

Vẽ hình tròn làm tâm hoa

2

Vẽ hình elip làm cánh hoa

3

Duplicate (Ctrl+D) cánh hoa

4

Rotate để tạo thành hoa

Kết quả:

Bông hoa được vẽ trong Inkscape

Bông hoa 8 cánh đẹp mắt!

🇻🇳 Thực hành 2: Vẽ Quốc kỳ Việt Nam

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

1

Vẽ hình chữ nhật màu đỏ

2

Tỷ lệ 2:3 (chiều rộng : chiều dài)

3

Vẽ ngôi sao 5 cánh màu vàng

4

Đặt sao ở giữa lá cờ

Kết quả:

Quốc kỳ Việt Nam hoàn chỉnh!

💪

Luyện tập

🎨 Câu hỏi 1: Thao tác tô màu

Tình huống: 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:

1️⃣

Nhấy công cụ Select trên hộp công cụ

2️⃣

Nhấy chuột lên hình tròn

3️⃣

Nhấy chuột lần lượt các màu trên bảng màu

4️⃣

Giữ phím Shift và nhấy chuột vào màu 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âu hỏi 2: Thay đổi hình dạng

Để 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?

🎯

Vận dụng

Thực hành thiết kế với Inkscape

🏳️ Bài tập 1: Vẽ quốc kỳ các nước

Hãy vẽ quốc kỳ các nước: Thái Lan, Lào, Myanmar và Anh bằng Inkscape

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

  • • Sử dụng công cụ Rectangle để vẽ các dải màu
  • • Sử dụng công cụ Star để vẽ ngôi sao (nếu có)
  • • Chú ý tỷ lệ và màu sắc chính xác
  • • Sắp xếp các layer đúng thứ tự

🎨 Kỹ thuật cần dùng:

  • • Vẽ hình chữ nhật
  • • Tô màu Fill và Stroke
  • • Duplicate và Transform
  • • Align và Distribute

🖼️ Tham khảo hình ảnh

Quốc kỳ các nước: Thái Lan, Lào, Myanmar và Anh

Quốc kỳ Thái Lan, Lào, Myanmar và Anh

🔷 Bài tập 2: Vẽ hình từ các hình cơ bản

Hãy vẽ các hình sau bằng cách kết hợp các hình cơ bản trong Inkscape

🧩 Hình cơ bản cần dùng:

  • Circle: Hình tròn, elip
  • Rectangle: Hình vuông, chữ nhật
  • Star: Ngôi sao, đa giác
  • Bezier: Đường cong tự do

⚙️ Thao tác cần thực hiện:

  • • Kết hợp nhiều hình cơ bản
  • • Thay đổi kích thước và vị trí
  • • Tô màu phù hợp
  • • Sắp xếp layer hợp lý

🎯 Mục tiêu:

Rèn luyện khả năng tư duy không gian và kỹ năng kết hợp các hình cơ bản để tạo ra hình phức tạp

🖼️ Các hình cần vẽ

Các hình vẽ từ hình cơ bản: nhà, xe, robot, hoa

Các hình được tạo từ hình cơ bản

📋 Hướng dẫn chung

1️⃣

Lên kế hoạch

Quan sát kỹ hình mẫu, xác định các hình cơ bản cần dùng

2️⃣

Thực hiện

Vẽ từng phần một cách có hệ thống, từ lớp dưới lên lớp trên

3️⃣

Hoàn thiện

Điều chỉnh màu sắc, kích thước và vị trí cho phù hợp

Trắc nghiệm

Câu 1: Đồ họa bitmap được tạo thành từ gì?

Câu 2: Inkscape thuộc loại phần mềm nào?

🎨
💻
🚀
🎯

Cảm ơn các bạn!

"Thiết kế đồ họa giúp bạn biến ý tưởng thành hiện thực – Sáng tạo không giới hạn cùng công nghệ"
🎨 Sáng tạo
💻 Công nghệ
🚀 Tương lai
Lên đầu trang