Bài giảng Công cụ thiết kế đồ họa - Chương 4: Animation - Nguyễn Thị Mỹ Dung
1
Chương 1: Tổng quan về Adobe Photoshop
Chương 2: Các nhóm công cụ cơ bản
2
3
Chương 3: Các nhóm chức năng nâng cao
Chương 4: Animation
4
3
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
4
Chương 4: Animation
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ỏ.
5
Chương 4: Animation
6
Chương 4: Animation
Vào Window Animation
Frames hiển thị hoạt cảnh
h
ả
Tạo số l
Xác lập số lần chạy
cần ch
+ Once: 1 l
khoảng frame đầu và cuối
+ 3 times: 3 lần
+ Forever: mãi mãi
+ Other: Nhập số lần
7
Chương 4: Animation
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.
8
Chương 4: Animation
- Tạo hoa xoay từ nhỏ đến lớn
Layer 2 Layer 3
Layer 4
Layer 1
- Tạo 6 Frame và hiển thị như bên dưới
9
Chương 4: Animation
- Bật /tắt Layer tương ứng
Layer 4 được mở tại Frame 4
Layer 3 được mở tại Frame 5
Layer 2 được mở tại Frame 6
Layer 1 được mở tại Frame 1
10
Chương 4: Animation
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:
11
Chương 4: Animation
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
& Devices... rồi save dưới dạng .Gif (Ctrl +
Shift + Alt + S)
12
- 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
- Xuất tập tin ảnh động gif.
13
Chương 4: Animation
14
Chương 4: Animation
Bạn đang xem tài liệu "Bài giảng Công cụ thiết kế đồ họa - Chương 4: Animation - Nguyễn Thị Mỹ Dung", để tải tài liệu gốc về máy hãy click vào nút Download ở trên
File đính kèm:
bai_giang_cong_cu_thiet_ke_do_hoa_chuong_4_animation_nguyen.pdf