Bài giảng Chương 5: Kỹ thuật tạo ảnh động bằng công cụ Easy gif - ThS. Nguyễn Thị Uyên

Trường Đại học Vinh
Khoa Công nghệ Thông tin
----------o0o------------

Chương 5
KỸ THUẬT TẠO ẢNH ĐỘNG
BẰNG CÔNG CỤ EASY GIF
Giảng viên : ThS. Nguyễn Thị Uyên

Email:

Nghệ an, tháng 06/2016

1


NỘI DUNG
5.1
A.

Khái niệm tệp hình ảnh

5.2
A.

Các định dạng tệp hình ảnh phổ biến

5.3
A.

Chèn các đối tượng vào văn bản

5.4
A.

Một số kiến thức nâng cao

08/08/2014

2


5.1. Khái niệm tệp hình ảnh
 Tệp hình ảnh : là một tập hợp thông tin về hình ảnh
được đặt tên, và được lưu trữ trong bộ nhớ máy tính.

 Các thông tin về tệp ảnh là các định dạng khác nhau
của ảnh.

 Một số định dạng tệp ảnh thông dụng :
Định dạng tệp JPG
Định dạng tệp PNG
Định dạng tệp GIF
Định dạng tệp PMP

3


5.2. Các định dạng tệp hình ảnh phổ biến
 Một số định dạng tệp ảnh thông dụng :
Định dạng tệp JPG

Định dạng tệp PNG
Định dạng tệp GIF
Định dạng tệp PM
4


5.2.1 Định dạng tệp JPG
 Tệp JPG hay còn gọi là các tập tin JPGE được ra đời
năm 1992, là một định dạng tập tin phổ biến cho các
tệp ảnh kỹ thuật số là đồ họa kỹ thuật số.

 Định dạng JPG được lưu với thuật toán nén. Vì vậy
chất lượng hình ảnh sẽ bị giảm đi và kích thước tập
tin cũng được giảm đáng kể.
5


 Ưu điểm của JPG (JPGE)
 Độ sâu màu từ 24bit đến 16 triệu màu.
 JPGE là chuẩn hình ảnh thông dụng nhất cho hầu hết các máy
ảnh số hiện nay.
 Thích hợp để tạo ra các tệp ảnh có dung lượng nhỏ.
 Thích hợp với những hình ảnh có hươn 256 màu.
 JPGE tương thích với mọi trình duyệt web hiện nay.
 Sử dụng tốt nhất, hiệu quả nhất cho ảnh trắng đen, ảnh với màu

sắc phức tạp, ảnh tĩnh vật, ảnh đời thường, chân dung.

6

08/08/2014


5.2.2 Định dạng tệp PNG
 PNG là viết tắt của từ (Portable Network Graphics) được phát
triển vào năm 1996, là một định dạng tập tin đồ họa raster, hỗ

trợ nén dữ liệu không bị suy giảm.
 Định dạng PNG được tạo ra như một cải tiến , thay thế cho
Graphics Interchange Format (GIF), là định dạng ảnh nén
không bị suy giảm chất lượng, được sử dụng rất nhiều trên
internet.
 Trong định dạng PNG có 2 định dạng PNG khác nhau đó là
PNG-8 và PNG-24.
7


 Ưu điểm của JPG (JPGE)
 Độ sâu màu từ 24bit đến 16 triệu màu.
 JPGE là chuẩn hình ảnh thông dụng nhất cho hầu hết các máy
ảnh số hiện nay.
 Thích hợp để tạo ra các tệp ảnh có dung lượng nhỏ.
 Thích hợp với những hình ảnh có hươn 256 màu.
 JPGE tương thích với mọi trình duyệt web hiện nay.
 Sử dụng tốt nhất, hiệu quả nhất cho ảnh trắng đen, ảnh với màu

sắc phức tạp, ảnh tĩnh vật, ảnh đời thường, chân dung.

8

08/08/2014


 Ưu điểm của PNG:
 Hình ảnh nền không bị cạnh răng cưa.
 Nén theo chuẩn LossLess, có nghĩa là hình ảnh sau khi bị nén vẫn giữ
nguyên được chất lượng.
 Độ trong suốt có thể được thiết lập giữa mờ đục và hoàn toàn trong suốt, cho
chúng ta một cài nhìn mờ ảo.
 Định dạng PNG có thể được đặt lên trên bất kỳ hình ảnh nào và vẫn giữ cho
nó hiện lên trên được.
 Định dạng PNG sử dụng tốt trên web/blog, những mảng màu phẳng, thiết kế
Logo, hình ảnh có nền trong suốt hoặc bán trong duốt.
 Thích hợp với hình ảnh đơn giản như văn bản.

9

08/08/2014


5.2.3 Định dạng tệp GIF
 GIF được phát triển từ năm 1987, thường được dùng
cho hình ảnh trên web và sprite trong các phần mềm.
 Khác với định dạng JPGE, GIF sử dụng thuật nén
Lossless mà không làm giảm chất lượng hình ảnh sau

khi nén.
 GIF lưu dữ liệu bằng cách sử dụng màu indexed , có
nghĩa là mỗi hình ảnh có thể bao gồm 256 màu.

10


 Ưu điểm của PNG:
 Hình ảnh nền không bị cạnh răng cưa.
 Nén theo chuẩn LossLess, có nghĩa là hình ảnh sau khi bị nén vẫn giữ
nguyên được chất lượng.
 Độ trong suốt có thể được thiết lập giữa mờ đục và hoàn toàn trong suốt, cho
chúng ta một cài nhìn mờ ảo.
 Định dạng PNG có thể được đặt lên trên bất kỳ hình ảnh nào và vẫn giữ cho
nó hiện lên trên được.
 Định dạng PNG sử dụng tốt trên web/blog, những mảng màu phẳng, thiết kế
Logo, hình ảnh có nền trong suốt hoặc bán trong duốt.
 Thích hợp với hình ảnh đơn giản như văn bản.

11

08/08/2014


 Ưu điểm của hình ảnh GIF
 GIF hỗ trợ ít màu nên các tập tin thường có dung lượng nhỏ hơn JPGE rất
nhiều.
 Hình ảnh được nén theo chuẩn Lossless nên không bị mất dữ liệu khi nén.
 GIF sống động với hình ảnh động: GIF rất đơn giản, dễ tương thích, tự động
được nhận biết trên hầu hết các trình duyệt web.
 GIF hoạt động bằng cách tạo ra một loạt các khung hình GIF sau đó gộp lại

tạo nên hình chuyên động được.

 GIF sử dụng tốt nhất cho: hình ảnh đơn giản như những bản vẽ chỉ có nét,
bảng màu sắc và những minh họa đơn giản.
 Những hình động, hình ảnh web không có quá nhiều màu sắc, những icon
nhỏ.
12

08/08/2014


5.2.4 Định dạng tệp BMP
 Định dạng này được phát triển vào năm 1994, là một
dạng file ảnh đồ họa dạng lưới (raster) được sử dụng
để lưu trữ hình ảnh kỹ thuật số bitmap.
 BMP là định dạng ảnh độc lập với các thiết bị hiển thị
ví dụ như Graphics adapter, đặc biệt trên Microsoft
Windows và hệ điều hành OS/2.

13


Đặc điểm của định dạng BMP
File BMP không hỗ trợ tốt cho việc nén hình ảnh.

Dễ dạng được tạo ra từ những dữ liệu pixel được lưu trong bộ
nhớ máy tính.

File Bitmap dễ dàng được dịch ra thành định dạng điểm cho
các thiết bị đầu ra như màn hình CRT và máy in.

File BMP sử dụng tốt nhất cho: Hình ảnh được mang đi in ấn,

hình ảnh đang được chỉnh sửa và cần phải có các layer, nếu như
bạn cần giữ lại các layer và các kênh alpha trong suốt.
14

08/08/2014


5.3 Kỹ thuật tạo ảnh động bằng Easy GIF
5.3.1. Giới thiệu và cài đặt phần mềm Easy GIF

IF

15


Một số ưu điểm nổi bật:
Dễ dàng tạo ảnh động: Dễ dàng tạo các banner, nút bấm, phim hoạt hình và
ảnh động với phần mềm Easy GIF Animator này.

Tích hợp sẵn trình chỉnh sửa ảnh dễ sử dụng: Dễ dàng chỉnh sửa khung
hình hoặc vẽ một hình ảnh mới.

Chuyển đổi video sang web:Tạo các tập tin ảnh GIF từ đoạn video clip.

Tối ưu hóa và nén: Sản xuất ra các tập tin ảnh GIF động được tối ưu hóa và
có chất lượng cao.

Dễ dàng tùy chỉnh khung hình: Thêm, loại bỏ, chỉnh sửa, chạm, sao chép và
trích xuất một hoặc nhiều tập tin cùng một lúc

Lưu ảnh dưới dạng flash hoặc video: lưu hình ảnh động của bạn dưới dạng
tập tin SWF Flash hoặc AVI….

16

08/08/2014


Hướng dẫn cài đặt Easy Gif
Download về phiên bản mới nhất của phần mềm: Download Easy GIF
Animator tại trang web:
Bước 1: Click lựa chọn ngôn ngữ sau đó chọn Ok, với Easy GIF
Animator thì chưa có giao diên tiếng Việt nên bạn chọn English để cài

Bước 2: Click Next để tiếp tục

17

08/08/2014


Hướng dẫn cài đặt Easy Gif
Download về phiên bản mới nhất của phần
mềm: Download Easy GIF Animator tại
trang web:

Bước 1: Click lựa chọn ngôn ngữ sau đó
chọn Ok, với Easy GIF Animator thì chưa
có giao diên tiếng Việt nên bạn chọn

English để cài

Bước 2: Click Next để tiếp tục
18

08/08/2014


Hướng dẫn cài đặt Easy Gif
Bước 4: Mặc định chương trình sẽ được cài đặt trên ổ C của bạn, nếu bạn muốn
thay đổi có thể click nút Browse, sau đó click Next
Bước 5: Sau khi cài xong bạn click Finish để kết thúc.

19

08/08/2014


5.3.2. Các thao tác với tệp
 Thao tác tạo mới tệp: Easy gif/ Create New Animation

20

08/08/2014


5.3.2. Các thao tác với tệp
 Thao tác tạo thêm tệp ảnh:: Easy gif/ Create New Animation/ Add Image

21

08/08/2014


5.3.2. Các thao tác với tệp
 Thao tác lưu tệp ảnh động::

22

08/08/2014


5.3.3. Các bước thiết kế ảnh động
 Bước 1: Khởi động Easy Gif. Click vào Creat New Animation.
 Bước 2 : Click Add và chọn hình ảnh . Có thể chọn nhiều hình
ảnh đồng thời . Chọn Click Next để tiếp tục.
 Bước 3 : Chỉnh sửa ảnh
 Click vào Creat Image Effect để chọn hiệu ứng cho ảnh.

 Click vào nút Creat Text Effect để chèn và thiết lập hiệu
ứng cho chữ :
 Bước 4 : Click Save để Save lại dạng ảnh động.
23

08/08/2014


5.3.4. Thiết lập và chỉnh sửa ảnh động
 Effect Options, dùng để cấu hình lựa chọn thông số cho các hiệu
ứng cho ảnh động.

 Effect Smoothness/Length, chỉnh sao cho chuyển động của hiệu
ứng mượt mà hơn, tránh hiện tượng ảnh động bị giật
 Preview ở bên trái sẽ giúp xem trước chuyển động. Sau khi thiết
lập xong bạn nhấn OK.

24

08/08/2014


 Tạo ảnh động làm bảng quảng cáo
 Khởi động Easy Gif Animator,
 Vào Welcome, ở mục Easy Wizard
 Chọn Create Animated Banner
 Cửa sổ Banner Size: 468x60( Có thể tùy chỉnh trong hộp thoại
Specify custom size)
 Tô màu nền trong hộp thoại Banner Background

25

08/08/2014