1 / 33
NHÓM 5 • TIN HỌC 10

BÀI 12: PHẦN MỀM THIẾT KẾ ĐỒ HOẠ

Khám phá thiết kế đồ hoạ, làm quen với phần mềm Inkscape và thực hành với các đối tượng đồ hoạ.

Bitmap Vector Inkscape
PHẦN 1

Thiết kế đồ hoạ

Khái niệm, ứng dụng và phân biệt Bitmap – Vector.

Bitmap Vector
PHẦN 2

Phần mềm đồ hoạ

Giới thiệu Inkscape, giao diện và cách cài đặt.

Cài đặt Giao diện
PHẦN 3

Đối tượng đồ hoạ

Công cụ vẽ, màu sắc, thực hành và lưu tệp.

Vẽ hình Lưu tệp
GIỚI THIỆU • NHÓM 5

THÀNH VIÊN NHÓM

Thành viên nhóm gồm: 8

Nguyễn Văn A

Nhóm trưởng

Thuyết trình chính

Trần Thị B

Thư ký

Soạn nội dung

Lê Văn C

Thành viên

Thiết kế slide

Phạm Thị D

Thành viên

Tìm tài liệu

Hoàng Văn E

Thành viên

Thuyết trình phụ

Vũ Thị F

Thành viên

Chuẩn bị ảnh

Đỗ Văn G

Thành viên

Kiểm tra nội dung

Bùi Thị H

Thành viên

Hỗ trợ kỹ thuật

Nhóm 5 xin chào thầy cô và các bạn!

NỘI DUNG BÀI HỌC

MỤC LỤC BÀI 12

01

Thiết kế đồ hoạ

Khái niệm, ứng dụng, phân biệt Bitmap và Vector

Slide 4 → 9
02

Phần mềm đồ hoạ

Giới thiệu Inkscape, giao diện và cài đặt

Slide 10 → 16
03

Đối tượng đồ hoạ

Công cụ vẽ, màu sắc, thực hành và lưu tệp

Slide 17 → 23

Cùng khám phá chi tiết từng mục trong bài thuyết trình nhé!

MỤC 1 • THIẾT KẾ ĐỒ HOẠ

THIẾT KẾ ĐỒ HOẠ LÀ GÌ?

Thiết kế đồ hoạ (Graphic Design) là lĩnh vực nghệ thuật ứng dụng, kết hợp giữa ý tưởng sáng tạo, tư duy thẩm mỹ và các công cụ công nghệ để truyền tải thông điệp bằng hình ảnh trực quan.

Trong đó có 2 loại đồ hoạ cơ bản:

  • Đồ hoạ điểm ảnh (Bitmap): Hình ảnh tạo thành từ lưới các điểm ảnh (pixel).
  • Đồ hoạ vector (Vector): Có thể phóng to/thu nhỏ mà không giảm chất lượng.
thiet-ke.png
Minh hoạ
Ảnh minh hoạ: Poster/logo thiết kế đồ hoạ
MỤC 1 • ĐỒ HOẠ ĐIỂM ẢNH

ĐỒ HOẠ ĐIỂM ẢNH (BITMAP)

Hình ảnh được tạo thành từ lưới các điểm ảnh nhỏ gọi là pixel. Mỗi pixel mang một màu sắc riêng để tạo nên bức ảnh tổng thể.

Đặc điểm:

  • Phù hợp ảnh chụp có độ chi tiết cao.
  • Phóng to → vỡ hình, nhoè.
  • Dung lượng file lớn.
  • Định dạng: .jpg, .png, .gif, .bmp.

Ví dụ: Ảnh chụp từ điện thoại, ảnh scan tài liệu.

bitmap.png
Bitmap
Ảnh bitmap phóng to → thấy rõ các pixel vuông
MỤC 1 • ĐỒ HOẠ VECTOR

ĐỒ HOẠ VECTOR

vector.png
Vector
Ảnh vector phóng to → vẫn sắc nét

Có thể phóng to hoặc thu nhỏ tuỳ ý mà không bị giảm chất lượng hay vỡ nét. Dung lượng file rất nhẹ.

Đặc điểm:

  • Tạo thành từ đường nét toán học.
  • Phóng to → không vỡ nét.
  • Dung lượng file nhẹ.
  • Định dạng: .svg, .ai, .eps, .cdr.

Ví dụ: Logo, biểu tượng, bản vẽ kỹ thuật.

MỤC 1 • HOẠT ĐỘNG 1

SO SÁNH ẢNH CHỤP VÀ HÌNH VẼ

Ảnh chụp

  • 📷 Tạo bằng máy ảnh.
  • 📷 Ghi lại chính xác khoảnh khắc thực tế qua ánh sáng.
  • 📷 Tồn tại dưới dạng điểm ảnh (pixel).
  • 📷 Phóng to → mờ, vỡ hình.

Hình vẽ

  • ✏️ Tạo bằng tay hoặc công cụ số.
  • ✏️ Mang tính cách điệu, phản ánh sáng tạo chủ quan.
  • ✏️ Tồn tại dưới dạng đường nét toán học.
  • ✏️ Phóng to → không giảm chất lượng.
so-sanh.png
So sánh
Ảnh chụp (trái) là bitmap — Hình vẽ (phải) là vector
MỤC 1 • TỔNG KẾT

SO SÁNH BITMAP VS VECTOR

Tiêu chí Bitmap Vector
Cách tạoLưới điểm ảnh (pixel)Đường nét toán học
Phóng to❌ Vỡ hình, nhoè✅ Sắc nét
Dung lượngLớnNhẹ
Ứng dụngẢnh chụp, ảnh scanLogo, bản vẽ kỹ thuật
Định dạng.jpg, .png, .gif.svg, .ai, .eps

Mỗi loại có ưu – nhược điểm riêng, tuỳ mục đích mà chọn loại phù hợp!

MỤC 1 • TỔNG KẾT

TỔNG KẾT MỤC 1

Thiết kế đồ hoạ = Nghệ thuật + Sáng tạo + Công nghệ

Bitmap (Điểm ảnh)

Tạo thành từ pixel — Phù hợp ảnh chụp — Không phóng to được.

JPG • PNG • GIF

Vector (Đồ hoạ vector)

Tạo thành từ đường nét toán học — Phù hợp logo — Phóng to không vỡ.

SVG • AI • EPS
MỤC 2 • PHẦN MỀM ĐỒ HOẠ

PHẦN MỀM ĐỒ HOẠ LÀ GÌ?

Để tạo ra một logo, trước tiên chúng ta cần có phần mềm thiết kế đồ hoạ. Hiện nay có hai loại phần mềm đồ hoạ chính: phần mềm đồ hoạ vector và phần mềm xử lí ảnh bitmap.

Phần mềm Vector

Dùng để tạo các hình ảnh, logo và hình minh hoạ.

Illustrator • CorelDRAW • Inkscape

Phần mềm Bitmap

Dùng để chỉnh sửa và xử lí các hình ảnh được tạo thành từ các điểm ảnh.

Photoshop • GIMP
MỤC 2 • PHẦN MỀM VECTOR

PHẦN MỀM ĐỒ HOẠ VECTOR

Dùng để tạo các hình ảnh, logo và hình minh hoạ. Cho phép tự do co giãn, phóng to mà không giảm chất lượng.

Inkscape

Miễn phí

Mã nguồn mở, thay thế tốt cho Illustrator.

Adobe Illustrator

Trả phí

Phần mềm vector chuyên nghiệp của Adobe.

CorelDRAW

Trả phí

Rất phổ biến trong in ấn, thiết kế.

MỤC 2 • PHẦN MỀM BITMAP

PHẦN MỀM XỬ LÍ ẢNH BITMAP

Dùng để chỉnh sửa và xử lí các hình ảnh được tạo thành từ các điểm ảnh. Phù hợp chỉnh sửa ảnh chụp, ảnh scan.

Adobe Photoshop

Phần mềm chỉnh sửa ảnh bitmap chuyên nghiệp nhất toàn cầu.

Trả phí

GIMP

Phần mềm mã nguồn mở, thay thế Photoshop miễn phí.

Miễn phí
MỤC 2 • SO SÁNH

SO SÁNH 2 LOẠI PHẦN MỀM

Tiêu chí Vector Bitmap
Mục đíchTạo logo, hình minh hoạChỉnh sửa ảnh chụp
Phần mềmIllustrator, CorelDRAW, InkscapePhotoshop, GIMP
Chất lượng✅ Sắc nét mọi kích thước❌ Giảm khi phóng to
Dung lượngNhẹNặng
Chi phíCó cả miễn phí & trả phíCó cả miễn phí & trả phí
MỤC 2 • CHUYỂN TIẾP

CHUYỂN SANG PHẦN TIẾP THEO

"Sau khi đã biết các loại phần mềm đồ hoạ, tiếp theo chúng ta sẽ tìm hiểu về phần mềm Inkscape và giao diện làm việc của phần mềm này."

Chuẩn bị tìm hiểu về Inkscape — phần mềm đồ hoạ vector miễn phí!
MỤC 2 • GIỚI THIỆU INKSCAPE

INKSCAPE — PHẦN MỀM ĐỒ HOẠ VECTOR MIỄN PHÍ

Inkscape là phần mềm đồ hoạ vector mã nguồn mở, miễn phí, được sử dụng rộng rãi để tạo logo, biểu tượng, hình minh hoạ, bản vẽ kỹ thuật.

Ưu điểm:

  • Miễn phí hoàn toàn, không cần mua bản quyền.
  • Chạy trên nhiều hệ điều hành: Windows, macOS, Linux.
  • Hỗ trợ định dạng SVG chuẩn quốc tế.
  • Cộng đồng lớn, nhiều tài liệu học tập.

📥 Tải tại: https://inkscape.org/release/

inkscape-logo.png
Logo Inkscape
Logo chính thức của phần mềm Inkscape
MỤC 2 • GIAO DIỆN INKSCAPE

GIAO DIỆN PHẦN MỀM INKSCAPE

Inkscape 1.0.1 — Hình 12.3 SGK
Giao diện Inkscape
Thanh bảng chọn
Thanh điều khiển
Hộp thoại lệnh
Nút lệnh nhanh
Trang in
Vùng làm việc
Hộp công cụ
Bảng màu
Hình 12.3 — Màn hình làm việc của Inkscape 1.0.1 (SGK trang 65)
MỤC 3 • ĐỐI TƯỢNG ĐỒ HOẠ

CÁC ĐỐI TƯỢNG ĐỒ HOẠ CỦA HÌNH VẼ

Khi vẽ trong Inkscape, các đối tượng được thêm vào hình bằng cách tạo bản sao của đối tượng có sẵn hoặc chọn từ hộp công cụ rồi vẽ vào vùng làm việc. Các đối tượng xuất hiện theo thứ tự lớp: đối tượng vẽ trước ở lớp dưới, vẽ sau ở lớp trên.

Hình vuông
Hình tròn
Ngôi sao
Đa giác
Bút vẽ
Văn bản
MỤC 3 • 3 BƯỚC VẼ

BA BƯỚC VẼ MỘT ĐỐ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 tuỳ chọn

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

3

Vẽ vào vùng làm việc

Xác định vị trí, kéo thả chuột để vẽ hình.

3-buoc-ve.png
3 bước vẽ
Minh hoạ 3 bước vẽ một đối tượng trong Inkscape
MỤC 3 • MÀU SẮC

CHỌN MÀU TÔ VÀ MÀU VẼ

Màu tô (Fill Color)

Màu lấp đầy bên trong đối tượng.

Nháy chuột vào màu trên bảng

Màu vẽ (Stroke Color)

Màu đường viền của đối tượng.

Giữ Shift + nháy chuột
Mẹo: Để chọn màu vẽ, cần giữ phím Shift khi nháy chuột vào màu trên bảng màu!
MỤC 3 • THỰC HÀNH

VẼ BÔNG HOA TỪ HÌNH TRÒN VÀ ELIP

1

Vẽ hình tròn làm nhuỵ hoa.

2

Vẽ elip làm cánh hoa.

3

Duplicate cánh hoa nhiều lần.

4
✿

Xoay và di chuyển cánh hoa.

ve-hoa.png
Vẽ hoa
Minh hoạ 4 bước vẽ bông hoa trong Inkscape
MỤC 3 • THỰC HÀNH

VẼ QUỐC KỲ VIỆT NAM

Quốc kỳ Việt Nam — Nền đỏ, sao vàng 5 cánh

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

  • Bước 1: Vẽ hình chữ nhật nền đỏ (tỉ lệ 2:3).
  • Bước 2: Chọn công cụ vẽ ngôi sao (hình sao 5 cánh).
  • Bước 3: Chỉnh Corners = 5 để có 5 đỉnh.
  • Bước 4: Tô màu vàng cho ngôi sao.
  • Bước 5: Căn giữa ngôi sao vào nền đỏ.
ve-co.png
Vẽ cờ
Quốc kỳ Việt Nam được vẽ bằng Inkscape
MỤC 3 • LƯU TỆP

LƯU TỆP VÀ XUẤT SẢN PHẨM

Sau khi hoàn thành việc vẽ hình, em lưu tệp bằng lệnh File / Save hoặc nhấn tổ hợp phím Ctrl + S. Inkscape lưu sản phẩm dưới dạng tệp hình vector có phần mở rộng là .svg.

Định dạng .svg

Tệp vector của Inkscape

Ctrl + S

Phím tắt lưu nhanh

Export PNG

Xuất sang ảnh bitmap

MỤC 3 • TỔNG KẾT

TỔNG KẾT MỤC 3

Đối tượng đồ hoạ trong Inkscape: hình vuông, tròn, sao, đa giác, bút vẽ, văn bản — sắp xếp theo thứ tự lớp.

3 bước vẽ

Chọn công cụ → Chỉnh tuỳ chọn → Vẽ

Màu sắc

Màu tô (click) — Màu vẽ (Shift + click)

Lưu tệp

.svg — Vector | Export PNG — Bitmap

MINIGAME
ÔN TẬP BÀI 12

🎮 Cùng chơi Minigame để ôn lại kiến thức về Thiết kế đồ hoạ — Phần mềm đồ hoạ — Đối tượng đồ hoạ!

8 câu hỏi

Trắc nghiệm kiến thức

4 đáp án

A, B, C, D — chọn 1

Hiệu ứng

Trả lời đúng có chúc mừng

MINIGAME • CÂU 1

CÂU 1: THIẾT KẾ ĐỒ HOẠ LÀ GÌ?

CÂU HỎI 1 / 8

Chọn đáp án đúng nhất:

Đáp án đúng: B
MINIGAME • CÂU 2

CÂU 2: ĐỒ HOẠ ĐIỂM ẢNH CÓ ĐẶC ĐIỂM GÌ?

CÂU HỎI 2 / 8

Chọn đáp án đúng nhất:

Đáp án đúng: C
MINIGAME • CÂU 3

CÂU 3: TẠI SAO VECTOR PHÙ HỢP KHI THIẾT KẾ LOGO?

CÂU HỎI 3 / 8

Chọn đáp án đúng nhất:

Đáp án đúng: B
MINIGAME • CÂU 4

CÂU 4: PHẦN MỀM NÀO THUỘC NHÓM VECTOR?

CÂU HỎI 4 / 8

Chọn đáp án đúng nhất:

Đáp án đúng: C
MINIGAME • CÂU 5

CÂU 5: VÌ SAO CHỌN INKSCAPE THỰC HÀNH?

CÂU HỎI 5 / 8

Chọn đáp án đúng nhất:

Đáp án đúng: B
MINIGAME • CÂU 6

CÂU 6: THÀNH PHẦN NÀO CHỨA CÔNG CỤ VẼ?

CÂU HỎI 6 / 8

Chọn đáp án đúng nhất:

Đáp án đúng: D
MINIGAME • CÂU 7

CÂU 7: THAO TÁC THIẾT LẬP MÀU VẼ?

CÂU HỎI 7 / 8

Chọn đáp án đúng nhất:

Đáp án đúng: C
MINIGAME • CÂU 8

CÂU 8: ĐỐI TƯỢNG NÀO KHÔNG PHẢI HÌNH KHỐI CƠ BẢN?

CÂU HỎI 8 / 8

Chọn đáp án đúng nhất:

Đáp án đúng: C

CẢM ƠN THẦY CÔ
VÀ CÁC BẠN ĐÃ LẮNG NGHE!

Nhóm 5 — Tin học 10 — Bài 12: Phần mềm thiết kế đồ hoạ

Thiết kế đồ hoạ Bitmap & Vector Inkscape
Nhấn Ctrl+H hoặc double-click để ẩn/hiện giao diện