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

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

Tìm hiểu về thiết kế đồ hoạ, phân biệt Bitmap và Vector, cùng làm quen với phần mềm Inkscape.

Bitmap Vector Inkscape

Nhiệm vụ 1

Phân biệt Đồ hoạ điểm ảnh (Bitmap) và Đồ hoạ Vector.

Nhiệm vụ 2

Làm quen giao diện & các công cụ cơ bản của Inkscape.

GIỚI THIỆU • NHÓM 5

Thành viên nhóm

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

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

02

Phần mềm đồ hoạ

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

03

Đối tượng đồ hoạ

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

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à 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.

  • Dàn dựng bố cục: sắp xếp các yếu tố hình ảnh, chữ viết hài hoà.
  • Lựa chọn màu sắc: phù hợp với thông điệp và đối tượng.
  • Sáng tạo thông điệp: hấp dẫn, thu hút người xem.
  • Truyền đạt hiệu quả: thông tin đến người xem một cách rõ ràng.

(Ảnh minh hoạ về thiết kế đồ hoạ)

Ví dụ: poster, logo, banner quảng cáo
MỤC 1 • ỨNG DỤNG THỰC TẾ

Thiết kế đồ hoạ được ứng dụng ở đâu?

Quảng cáo & Marketing

Poster, banner, tờ rơi, quảng cáo mạng xã hội.

Thiết kế Web & App

Giao diện website, ứng dụng di động.

Xuất bản & In ấn

Bìa sách, tạp chí, thiệp mời, catalogue.

Game & Giải trí

Nhân vật game, giao diện, hiệu ứng hình ảnh.

Thời trang & In vải

Hoạ tiết, mẫu in trên áo, túi xách.

Phim & Truyền hình

Kỹ xảo, đồ hoạ chuyển động, intro.

(Ảnh minh hoạ về ứng dụng thiết kế đồ hoạ trong đời sống)

Ví dụ: ảnh poster quảng cáo, logo thương hiệu, bìa sách
MỤC 1 • ĐỒ HOẠ ĐIỂM ẢNH

Đồ hoạ điểm ảnh (Bitmap)

Trong đồ hoạ điểm ảnh, hình ảnh được tạo thành từ các điểm ảnh (pixel). Mỗi điểm ảnh có một màu riêng, khi ghép lại với nhau sẽ tạo nên bức ảnh hoàn chỉnh.

Đặc điểm:

  • Định nghĩa bằng tập hợp các điểm ảnh.
  • Phù hợp chỉnh sửa ảnh, nhiều chi tiết, màu sắc chân thực.
  • Khi phóng to sẽ bị vỡ hình, nhoè.
  • Tệp có kích thước lớn.
  • Định dạng phổ biến: .jpg, .png, .gif, .bmp.

Ví dụ: Ảnh chụp từ máy ảnh, ảnh tải trên mạng, ảnh scan tài liệu.

(Ảnh minh hoạ về đồ hoạ điểm ảnh)

Ví dụ: ảnh chụp được phóng to bị vỡ hạt
MỤC 1 • ĐỒ HOẠ VECTOR

Đồ hoạ Vector

(Ảnh minh hoạ về đồ hoạ vector)

Ví dụ: logo, biểu tượng được phóng to vẫn sắc nét

Trong đồ hoạ vector, hình ảnh được xác định bằng các đường nét toán học. Mỗi đường có điểm đầu và điểm cuối, được tính bằng một phương trình toán học.

Đặc điểm:

  • Định nghĩa bằng phương trình toán học.
  • Phù hợp tạo logo, minh hoạ, bản vẽ kỹ thuật.
  • Co dãn không vỡ hình — phóng to bao nhiêu vẫn sắc nét.
  • Tệp có kích thước nhỏ.
  • Định dạng phổ biến: .svg, .ai, .eps, .cdr.

Ví dụ: Logo thương hiệu, biểu tượng, biển báo, bản đồ.

MỤC 1 • SO SÁNH CHI TIẾT

Bitmap vs Vector — Khác nhau thế nào?

Đồ hoạ điểm ảnh

  • 📌 Định nghĩa bằng tập điểm ảnh.
  • 📌 Phù hợp chỉnh sửa ảnh, chi tiết, màu chân thực.
  • 📌 Phóng to bị vỡ hình, nhoè.
  • 📌 Tệp có kích thước lớn.
  • 📌 Không thể chuyển sang vector mà giữ nguyên chất lượng.
  • 📌 Ví dụ: ảnh chụp, ảnh scan.

Đồ hoạ Vector

  • 📌 Định nghĩa bằng phương trình toán học.
  • 📌 Phù hợp logo, minh hoạ, bản vẽ kỹ thuật.
  • 📌 Co dãn không vỡ hình.
  • 📌 Tệp có kích thước nhỏ.
  • 📌 Dễ dàng chuyển sang đồ hoạ điểm ảnh.
  • 📌 Ví dụ: logo, biểu tượng, biển báo.

(Ảnh minh hoạ so sánh Bitmap và Vector khi phóng to)

Ví dụ: 2 hình giống nhau, một hình bị vỡ hạt, một hình sắc nét
MỤC 2 • PHẦN MỀM ĐỒ HOẠ

Phần mềm đồ hoạ là gì?

Phần mềm đồ hoạ là công cụ giúp người dùng tạo, chỉnh sửa và xử lý hình ảnh trên máy tính. Có hai loại phần mềm chính: phần mềm đồ hoạ vector (tạo hình vector) và phần mềm xử lý ảnh bitmap (chỉnh sửa ảnh chụp).

Phần mềm Vector

Tạo và chỉnh sửa hình vector, phù hợp thiết kế logo, biểu tượng, minh hoạ.

Inkscape • Illustrator • CorelDRAW

Phần mềm Bitmap

Chỉnh sửa ảnh chụp, ảnh bitmap, phù hợp retouch, ghép ảnh, hiệu ứng.

Photoshop • GIMP • Paint.NET
MỤC 2 • PHẦN MỀM PHỔ BIẾN

Các phần mềm đồ hoạ phổ biến hiện nay

Inkscape

Vector • Miễn phí

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

Adobe Illustrator

Vector • Trả phí

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

Adobe Photoshop

Bitmap • Trả phí

Vua chỉnh sửa ảnh bitmap toàn cầu.

GIMP

Bitmap • Miễn phí

Mã nguồn mở, thay thế Photoshop.

CorelDRAW

Vector • Trả phí

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

Canva

Online • Miễn phí

Thiết kế online cho người mới bắt đầu.

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/

(Ảnh minh hoạ logo phần mềm Inkscape)

Logo Inkscape — biểu tượng chiếc bút vẽ
MỤC 2 • GIAO DIỆN INKSCAPE

Giao diện phần mềm Inkscape

Inkscape 1.0.1 — Màn hình làm việc
Vùng làm việc (Canvas)

(Ảnh chụp màn hình Inkscape thực tế)

Thay ảnh chụp giao diện Inkscape khi khởi động
MỤC 2 • CÁC VÙNG CHÍNH

Các vùng chính của Inkscape

Thanh bảng chọn

Chứa các lệnh: File, Edit, View, Layer, Object...

Hộp công cụ

Công cụ vẽ: hình chữ nhật, hình tròn, sao, bút vẽ, văn bản...

Thanh điều khiển

Chứa thuộc tính của đối tượng đang chọn.

Vùng làm việc

Nơi vẽ và thao tác các đối tượng đồ hoạ.

Bảng màu

Chứa các màu có sẵn để tô màu tô và màu vẽ.

Thanh trạng thái

Hiển thị thông tin: kiểu, lớp, vị trí con trỏ...

MỤC 2 • TẢI VÀ CÀI ĐẶT

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

1

Truy cập trang chủ

Mở trình duyệt, vào địa chỉ https://inkscape.org/release/

2

Chọn phiên bản phù hợp

Chọn phiên bản tương ứng với hệ điều hành: Windows, macOS, Linux...

3

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

Nhấn tải về, sau đó chạy file cài đặt và làm theo hướng dẫn.

4

Khởi động Inkscape

Nháy đúp chuột vào biểu tượng Inkscape để bắt đầu làm việc.

(Ảnh minh hoạ trang tải Inkscape hoặc quá trình cài đặt)

Screenshot trang inkscape.org/release
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 • CÔNG CỤ VẼ

Các công cụ vẽ hình cơ bản

Hình vuông / Chữ nhật

Vẽ hình vuông, hình chữ nhật, có thể bo góc.

Hình tròn / Elip

Vẽ hình tròn hoặc hình elip tuỳ kích thước kéo.

Ngôi sao / Đa giác

Vẽ sao, đa giác với số cạnh tuỳ chỉnh (3-20 cạnh).

Bút vẽ (Pen)

Vẽ đường cong, đường thẳng tự do bằng cách click.

Bút chì (Pencil)

Vẽ nét tự do như vẽ tay trên giấy.

Văn bản

Nhập chữ, chỉnh font, màu, kích thước, xoay.

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ụ (hình vuông, tròn, sao...).

2

Chỉnh tuỳ chọn

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

3

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

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

(Ảnh minh hoạ 3 bước vẽ một đối tượng trong Inkscape)

Screenshot từng bước: chọn công cụ → chỉnh thuộc tính → kéo vẽ
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.

Chọn màu trên bảng màu

Màu vẽ (Stroke Color)

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

Giữ Shift + chọn màu
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!

(Ảnh minh hoạ bảng màu và hộp thoại Fill and Stroke trong Inkscape)

Screenshot bảng màu bên dưới màn hình Inkscape
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.

(Ảnh minh hoạ 4 bước vẽ bông hoa trong Inkscape)

Screenshot: hình tròn → elip → duplicate → xoay và di chuyển
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 đỏ.

(Ảnh minh hoạ Quốc kỳ Việt Nam được vẽ bằng Inkscape)

Screenshot sản phẩm hoàn thiện: cờ đỏ sao vàng
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

(Ảnh minh hoạ hộp thoại lưu tệp và export PNG trong Inkscape)

Screenshot cửa sổ File/Save hoặc File/Export PNG Image
LUYỆN TẬP • TRẮC NGHIỆM

Câu 1 - 4: Trắc nghiệm kiến thức

Câu 1: Ảnh chụp từ máy ảnh số thuộc loại đồ hoạ nào?

Chính xác! Ảnh chụp được tạo từ các điểm ảnh (pixel) nên thuộc đồ hoạ điểm ảnh.

Câu 2: Tại sao đồ hoạ vector phù hợp hơn để thiết kế logo?

Chính xác! Đồ hoạ vector được định nghĩa bằng phương trình toán học nên co dãn tuỳ ý mà không bị vỡ hình.

Câu 3: Trong Inkscape, để vẽ hình tròn em dùng công cụ nào?

Chính xác! Công cụ hình tròn/elip trong hộp công cụ giúp vẽ nhanh hình tròn hoặc hình elip.

Câu 4: Để chọn màu vẽ (viền) trong Inkscape, em cần làm gì?

Chính xác! Cần giữ Shift khi chọn màu để đặt màu vẽ (đường viền).
LUYỆN TẬP • ĐÚNG/SAI & CÂU HỎI MỞ

Câu 5 - 8: Đúng/Sai và Vận dụng

Câu 5: Inkscape là phần mềm đồ hoạ vector miễn phí, mã nguồn mở.

✅ Đúng. Inkscape là phần mềm mã nguồn mở, miễn phí, chuyên về đồ hoạ vector.

Câu 6: Đồ hoạ điểm ảnh có thể phóng to mà không bị vỡ hình.

❌ Sai. Đồ hoạ điểm ảnh sẽ bị vỡ hình khi phóng to. Chỉ có đồ hoạ vector mới không bị vỡ.

Câu 7: Em hãy kể tên 3 phần mềm đồ hoạ mà em biết và cho biết chúng thuộc loại đồ hoạ nào?

Gợi ý: Inkscape (vector), Photoshop (bitmap), Illustrator (vector), GIMP (bitmap), CorelDRAW (vector)...

Câu 8: Nếu em muốn thiết kế một tấm thiệp mời sinh nhật, em nên dùng loại đồ hoạ nào? Tại sao?

Gợi ý: Nên dùng đồ hoạ vector (Inkscape) vì thiệp có thể in ở nhiều kích thước khác nhau mà không bị vỡ hình.
TỔNG KẾT • GHI NHỚ

Khai thác sức mạnh của thiết kế đồ hoạ

Đồ hoạ điểm ảnh

Tạo từ các điểm ảnh (pixel). Phù hợp chỉnh sửa ảnh, màu sắc chân thực. Dễ vỡ khi phóng to.

Đồ hoạ Vector

Tạo từ phương trình toán học. Phù hợp logo, minh hoạ. Không vỡ khi phóng to.

Inkscape

Phần mềm đồ hoạ vector miễn phí. Có sẵn công cụ vẽ hình cơ bản, tô màu, ghép hình.

Cảm ơn thầy cô và các bạn đã lắng nghe!