+
+
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à 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ông cụ công nghệ để truyền tải thông điệp bằng hình ảnh trực quan.

Ba yếu tố cốt lõi:

  • Ý tưởng sáng tạo: ý tưởng độc đáo, mới lạ.
  • Tư duy thẩm mỹ: cảm nhận về cái đẹp, bố cục hài hoà.
  • Công cụ công nghệ: phần mềm, thiết bị hỗ trợ thiết kế.
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 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ạ.

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

Adobe Photoshop • GIMP
MỤC 2 • PHẦN MỀM PHỔ BIẾN

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

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.

Tuỳ mục đích thiết kế mà lựa chọn phần mềm đồ hoạ phù hợp!

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
Thanh trạng thái
Thanh kết dính
Hình 12.3 — Màn hình làm việc của Inkscape 1.0.1 (SGK trang 65)
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 liên quan đến tệp tin, tạo và biến đổi đối tượng.

Hộp công cụ

Chứa các công cụ để khởi tạo, vẽ, điều chỉnh các đối tượng.

Thanh điều khiển

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

Vùng làm việc

Toàn bộ phần nền trắng — nơi thực hiện việc thêm các đối tượng.

Bảng màu

Chứa các màu có sẵn để thiết lập màu tô và màu vẽ.

Thanh trạng thái

Chứa chỉ báo kiểu, lớp vẽ, vị trí con trỏ, mức thu phóng...

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 (32/64 bits), 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.

inkscape-caidat.png
Tải Inkscape
Trang tải Inkscape tại 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 • 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.

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!
bang-mau.png
Bảng màu
Bảng màu và hộp thoại Fill and Stroke trong 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.

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

luu-tep.png
Lưu tệp
Hộp thoại lưu tệp và export PNG trong Inkscape
LUYỆN TẬP • CÂU 1

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

Chọn đáp án đúng nhất:
Đáp án đúng: B
LUYỆN TẬP • CÂU 2

Đồ hoạ điểm ảnh có đặc điểm gì?

Chọn đáp án đúng nhất:
Đáp án đúng: C
LUYỆN TẬP • CÂU 3

Tại sao vector phù hợp khi thiết kế logo?

Chọn đáp án đúng nhất:
Đáp án đúng: B
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
LUYỆN TẬP • CÂU 5

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

Chọn đáp án đúng nhất:
Đáp án đúng: B
LUYỆN TẬP • CÂU 6

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

Chọn đáp án đúng nhất:
Đáp án đúng: D
LUYỆN TẬP • CÂU 7

Thao tác thiết lập màu vẽ?

Chọn đáp án đúng nhất:
Đáp án đúng: C
LUYỆN TẬP • CÂU 8

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

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

🎯 Công cụ đo toạ độ callout

1. Chuyển sang slide 12
2. Click vào vị trí cần đặt callout trên ảnh
3. Toạ độ sẽ tự copy vào clipboard
Chưa có toạ độ nào...