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

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

Bài học gồm 3 phần chính: Tìm hiểu về 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.

Phần 2: Phần mềm đồ hoạ

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

Phần 3: Đối tượng đồ hoạ

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

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

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

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.
Minh hoạ thiết kế đồ hoạ

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

Link có từ khoá: thiết kế, bitmap, canva
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.

Ứng dụng thiết kế đồ hoạ

(Ảnh minh hoạ về ứng dụng thiết kế đồ hoạ — quangcao)

Link có từ khoá: ứng-dụng, quảng-cáo
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.

Minh hoạ đồ hoạ điểm ảnh

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

Link có từ khoá: bitmap, ảnh-chụp
MỤC 1 • ĐỒ HOẠ VECTOR

Đồ hoạ Vector

Minh hoạ đồ hoạ vector

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

Link có từ khoá: vector, logo, inkscape

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.
So sánh Bitmap và Vector

(Ảnh minh hoạ so sánh Bitmap và Vector — sosanh)

Link có từ khoá: sosanh, bitmap, vector
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/

Logo Inkscape

(Ảnh minh hoạ logo Inkscape — inkscape)

Link có từ khoá: inkscape, logo
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)
Giao diện Inkscape

(Ảnh chụp màn hình Inkscape — giaodien)

Link có từ khoá: inkscape, giaodien
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.

Cài đặt Inkscape

(Ảnh minh hoạ trang tải Inkscape — caidat)

Link có từ khoá: inkscape, caidat
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.

3 bước vẽ

(Ảnh minh hoạ 3 bước vẽ — inkscape)

Link có từ khoá: inkscape, 3buocve
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!
Bảng màu Inkscape

(Ảnh minh hoạ bảng màu Inkscape — bangmau)

Link có từ khoá: inkscape, bangmau
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.

Vẽ hoa

(Ảnh minh hoạ vẽ bông hoa — vehoa)

Link có từ khoá: inkscape, vehoa
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 đỏ.
Vẽ cờ

(Ảnh minh hoạ Quốc kỳ — veco)

Link có từ khoá: inkscape, veco
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

Lưu tệp Inkscape

(Ảnh minh hoạ lưu tệp — luutep)

Link có từ khoá: inkscape, luutep
LUYỆN TẬP • CÂU 1

Thiết kế đồ hoạ là gì?

Chọn đáp án đúng nhất:
Đáp án đúng: B — Thiết kế đồ hoạ là quá trình thiết kế thông điệp truyền thông bằng hình ảnh, kiểu chữ và ý tưởng.
LUYỆN TẬP • CÂU 2

Đồ hoạ điểm ảnh (Bitmap) có đặc điểm gì nổi bật?

Chọn đáp án đúng nhất:
Đáp án đúng: C — Bitmap tạo thành từ các điểm ảnh (pixel), phù hợp cho ảnh chụp có độ chi tiết cao.
LUYỆN TẬP • CÂU 3

Tại sao đồ hoạ vector phù hợp hơn khi thiết kế logo?

Chọn đáp án đúng nhất:
Đáp án đúng: B — Vector phù hợp cho logo vì co dãn ở nhiều kích cỡ mà không giảm chất lượng.
LUYỆN TẬP • CÂU 4

Phần mềm nào thuộc nhóm đồ hoạ vector?

Chọn đáp án đúng nhất:
Đáp án đúng: C — Inkscape là phần mềm đồ hoạ vector. Photoshop, GIMP, Paint là đồ hoạ bitmap.
LUYỆN TẬP • CÂU 5

Vì sao Inkscape được chọn thực hành trong Tin học 10?

Chọn đáp án đúng nhất:
Đáp án đúng: B — Inkscape miễn phí, mã nguồn mở nhưng đầy đủ tính năng vector cơ bản.
LUYỆN TẬP • CÂU 6

Thành phần nào chứa toàn bộ công cụ vẽ hình?

Chọn đáp án đúng nhất:
Đáp án đúng: D — Hộp công cụ (Toolbox) chứa các công cụ vẽ hình và tạo đối tượng chính.
LUYỆN TẬP • CÂU 7

Thao tác thiết lập màu vẽ (Stroke Color) trong Inkscape?

Chọn đáp án đúng nhất:
Đáp án đúng: C — Giữ Shift + nháy chuột vào ô màu để chọn màu vẽ (đường viền).
LUYỆN TẬP • CÂU 8

Đối tượng nào KHÔNG thuộc nhóm hình khối cơ bản?

Chọn đáp án đúng nhất:
Đáp án đúng: C — Văn bản là đối tượng riêng, không thuộc nhóm hình khối cơ bản.

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