Bài giảng Công cụ thiết kế đồ họa: Chương 4 - Nguyễn Thị Mỹ Dung

Bài giảng Công cụ thiết kế đồ họa: Chương 4 Animation cung cấp cho người học những kiến thức như: Giới thiệu tổng quan về ảnh động; Các thành phần trong Animation; Thao tác với các đối tượng ảnh trên hộp thoại Animation; Xuất file GIF. Mời các bạn cùng tham khảo!

1

2

3

4

Chương 1: Tổng quan về Adobe Photoshop

Chương 2: Các nhóm công cụ cơ bản

Chương 3: Các nhóm chức năng nâng cao

Chương 4: Animation

I Giới thiệu tổng quan về ảnh động

II Các thành phần trong Animation

III Thao tác với các đối tượng ảnh trên hộp thoại Animation

IV Xuất file GIF

1 Ảnh động là gì?

Ảnh động là những ảnh có hoạt động, chạy qua chạy lại như chữ hoặc hình ảnh cử động Thường ảnh động là ảnh có đuôi *.gif Muốn làm ảnh động thì bạn phải sử dụng phần mềm sửa và tạo ảnh

2 Tập tin GIF

GIF (Graphics Interchange Format): "Định dạng Trao đổi Hình ảnh" là một định dạng tập tin hình ảnh bitmap cho các hình ảnh dùng ít hơn 256 màu sắc khác nhau cho mỗi khung hình GIF là định dạng nén

dữ liệu đặc biệt để truyền hình ảnh qua đường truyền lưu lượng nhỏ

Vào Window  Animation

Frames hiển thị hoạt cảnh

Tạo thêm frame hiển thị

Xóa frame hiển thị

Chạy hoạt cảnh

Xác lập số lần chạy:

+ Once: 1 lần

+ 3 times: 3 lần

+ Forever: mãi mãi

+ Other: Nhập số lần

Tạo số lượng Frame tự động cần chuyển động trong khoảng frame đầu và cuối

Các bước để tạo ảnh động:

- B1: Mở Adobe Photoshop, tạo file ảnh mới,

- B2: Tạo đối tượng, mỗi trạng thái là một lớp riêng biệt,

- B3: Bật Animation bằng cách click Windows trên thanh menu,

- B4: Tạo số lượng Frame tương ứng (hoặc nhiều hơn) các trạng thái khi thiết kế,

- B5: Bật/tắt các Layer muốn hiển thị tương ứng với Frame,

- B6: Điều chỉnh thời gian cho các Frame,

- B7: Chạy thử, Lưu lại tập tin Gif

- Tạo hoa xoay từ nhỏ đến lớn

Layer 1 Layer 2 Layer 3 Layer 4

- Tạo 6 Frame và hiển thị như bên dưới

- Bật /tắt Layer tương ứng

Layer 4 được mở tại Frame 4

Layer 1 được mở tại Frame 1 Layer 2 được mở tại Frame 2 Layer 3 được mở tại Frame 3

Layer 2 được mở tại Frame 6

Chạy thử và Lưu lại file Gif, Kết quả như sau:

Thực hiện tương tự cho các bài sau:

Sau khi thực hiện xong, lưu lại File Photoshop (*.psd) để thuận tiện trong những sửa đổi về sau Lưu lại file dưới dạng gif: File  Save for Web

- Tìm hiểu về ảnh động và file Gif

- Các thành phần cơ bản trong Animation

- Các bước tạo ảnh động và thực hiện tạo ảnh động đơn giản