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

Bài giảng Chương 5: Kỹ thuật tạo ảnh động bằng công cụ Easy gif cung cấp cho người học các kiến thức: Khái niệm tệp hình ảnh, các định dạng tệp hình ảnh phổ biến, chèn các đối tượng vào văn bản, một số kiến thức nâng cao.

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: uyendhv@gmail.com

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

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

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

2 08/08/2014

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

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

08/08/2014

6

 Ư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

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

08/08/2014

8

 Ư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

 Ư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

 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

 Ư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

08/08/2014

12

 Ư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ỏ

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

08/08/2014

14

Đặ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

5.3.1 Giới thiệu và cài đặt phần mềm Easy GIF

5.3 Kỹ thuật tạo ảnh động bằng Easy GIF

IF

08/08/2014

16

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…

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

08/08/2014

18

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

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

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

08/08/2014

22

5.3.2 Các thao tác với tệp

 Thao tác lưu tệp ảnh động::

5.3.3 Các bước thiết kế ảnh động

ảnh đồng thời Chọn Click Next để tiếp tục

 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ữ :

 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

 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

08/08/2014

26

Tạo nút lệnh động

 Vào cửa sổ Welcome, ở mục Easy Wizard

 Chọn chức năng Create Animated Button

 Chọn khối hình cho nút lệnh vào chức năng Select Shape

 Chỉnh kích cỡ cho nút lệnh Select Button Size: ( 100x29)

 Nhập chữ cho nút lệnh vào chức năng Enter Caption

 Tạo ảnh động từ các hình tự vẽ

 File, chọn New (hoặc nhấn Ctrl + N) để tạo mới

 Insert Blank Frame ( hoặc nút lệnh trên thanh công cụ)

 Position and Size, mục Width và Height, nhập vào giá trị bất

kỳ, sau đó nhấn OK

 Chọn nút lệnh trên thanh công cụ

 Chọn Duplicate Frame (hoặc nhấn F5) để xuất hiện Frame 2

 Chọn Frame 2, tô màu cho nút lệnh

 Nhấn Play để xem hình

08/08/2014

28

5.3.5 Duyệt và thực thi ảnh động trên trình duyệt Web

08/08/2014

30