
TRƯỜNG CAO ĐẲNG CƠ ĐIỆN HÀ NỘI
KHOA CÔNG NGHỆ THÔNG TIN
GIÁO TRÌNH
THIẾT KẾ ẢNH ĐỘNG
(Lưu hành nội bộ)
Hà Nội năm 2024

MỤC LỤC
MỤC LỤC ........................................................................................................- 2 -
BÀI 1. PHẦN MỀM ADOBE ANIMATE ....................................................- 3 -
1.1 Giới thiệu....................................................................................... - 3 -
1.2 Không gian làm việc Adobe Animate ........................................... - 7 -
1.3 Ứng dụng nổi bật chi tiết .............................................................. - 8 -
BÀI 2. MỘT SỐ THAO TÁC CƠ BẢN .......................................................- 9 -
2.1 Khởi động Adobe Animate ........................................................... - 9 -
2.2 Đóng Stage hoặc đóng chương trình ............................................. - 9 -
2.3 Tạo và xuất tài kiệu HTML ........................................................ - 10 -
2.4 Phím tắt cần nhớ .......................................................................... - 10 -
2.5 Thao tác với đối tượng (Objects) ................................................ - 10 -
BÀI 3. LÀM VIỆC VỚI TIMELINE .......................................................... - 10 -
3.1 Tìm hiểu về Timeline? ................................................................ - 10 -
3.2 Frames ......................................................................................... - 12 -
3.3 Frame Span ................................................................................. - 12 -
3.4 Multiframe editing (Chỉnh sửa nhiều khung hình) ..................... - 13 -
3.5 Keyframes ................................................................................... - 13 -
3.6 Frames Per Second (FPS) ........................................................... - 14 -
3.7 Layer và Layer mask ................................................................... - 14 -
3.8 Easing .......................................................................................... - 15 -
BÀI 4. DIỄN HOẠT (ANIMATION) ....................................................... - 15 -
4.1. Diễn hoạt Classic tween ............................................................. - 16 -
4.2. Diễn hoạt Create Motion Tween ................................................ - 26 -
4.3 Bảng lệnh library và symbol ....................................................... - 34 -
BÀI 5. PHÍM TẮT KHI SỬ DỤNG ANIMATE ..................................... - 48 -

Bài 1. Phần mềm Adobe Animate
1.1 Giới thiệu
Phần mềm Adobe Animate là một sản phẩm nổi tiếng của hãng Adobe trên thế
giới.
Adobe Animate là một sản phẩm nổi tiếng của hãng Adobe trên thế giới.
Hỗ trợ designer trong việc thiết kế các chuyển động trên giao diện trực quan.
Từ nội dung thiết kế, Adobe Animate sẽ tự động phát sinh mã nguồn dưới dạng
HTML5, CSS3, Javascript. Và tích hợp vào dự án trên Website của mình.
Bộ công cụ xây dựng hoạt hình hàng đầu cho phép tạo ứng dụng, quảng cáo và
nội dung đa phương tiện trên bất kì khung hiển thị nào.
Lịch sử phát triển của Adobe Animate
Sau khi hiểu Adobe Animate là gì, việc tìm hiểu lịch sử phát triển của phần mềm
sẽ giúp bạn có cái nhìn rõ hơn về mục đích và định hướng phát triển của nó. Adobe
Animate có một hành trình đáng chú ý, khởi đầu từ năm 1996 với tên gọi
FutureSplash Animator. Sau đó, phần mềm được Macromedia mua lại và đổi tên
thành Macromedia Flash, nhanh chóng trở thành công cụ tiêu chuẩn cho thiết kế
web và hoạt hình 2D vào thời điểm đó.

Đến năm 2005, Adobe chính thức thâu tóm Macromedia và tiếp tục phát triển
phần mềm này. Adobe đã nâng cấp chương trình với nhiều tính năng mạnh mẽ
hơn, hỗ trợ tốt hơn cho các dự án đa phương tiện. Một cột mốc quan trọng xảy ra
vào năm 2016, khi phần mềm được đổi tên thành Adobe Animate CC. Đây là
bước chuyển mình lớn, đánh dấu sự thay thế công nghệ Flash truyền thống bằng
các tiêu chuẩn web hiện đại như HTML5.

Hiện nay, Adobe Animate không ngừng được cải tiến qua từng phiên bản, bổ sung
nhiều công cụ mới và khả năng tích hợp mạnh mẽ với hệ sinh thái Adobe Creative
Cloud. Nhờ đó, phần mềm vẫn luôn giữ vững vị thế là một trong những công cụ
phát triển hoạt hình chuyên nghiệp hàng đầu trên thế giới.
Ưu và nhược điểm của Adobe Animate
Adobe Animate là một công cụ mạnh mẽ, được ứng dụng rộng rãi trong việc sản
xuất hoạt hình và phát triển nội dung tương tác. Tuy nhiên, giống như bất kỳ phần
mềm chuyên nghiệp nào, Adobe Animate cũng có những điểm mạnh và điểm yếu
riêng mà người dùng nên cân nhắc trước khi lựa chọn.
Ưu điểm
Adobe Animate ghi điểm nhờ nhiều tính năng vượt trội, khiến nó trở thành lựa
chọn hàng đầu của các nhà thiết kế đồ họa và lập trình viên nội dung đa phương
tiện:
• Giao diện trực quan, dễ sử dụng: Thiết kế giao diện thân thiện với
người dùng, giúp người mới dễ dàng tiếp cận và thao tác nhanh chóng.
• Hỗ trợ đa định dạng xuất file: Cho phép xuất nội dung dưới nhiều định
dạng phổ biến như HTML5 Canvas, SVG, GIF, MP4,... phù hợp với nhiều
nền tảng và mục đích sử dụng.

