Chủ đề khóa học: Web Animation 1.2.. Mục tiêu đào tạo: Làm hoạt hình cho web bằng Adobe Animate CC 2017.. Hiểu được các khái niệm trong hoạt hình, các công cụ vẽ hình và các công cụ tạo
Trang 1KHÓA HỌC: HTML5 WEB ANIMATION: HOẠT HÌNH WEB TỪ CƠ BẢN
TỚI NÂNG CAO VỚI ADOBE ANIMATE CC 2017 (ADOBE ANIMATE CC 2017 TOÀN TẬP)
Phần 1: Thông tin chung về khóa học
1.1 Chủ đề khóa học: Web Animation
1.2 Tổng thời gian khóa học: 9h
1.3 Mục tiêu đào tạo: Làm hoạt hình cho web bằng Adobe Animate CC 2017 Hiểu được
các khái niệm trong hoạt hình, các công cụ vẽ hình và các công cụ tạo hoạt hình trong Adobe Animate CC 2017 cũng như cách xuất bản hoạt hình ra các định dạng khác nhau để đưa lên web, xuất bản cho game, chia sẻ lên các mạng xã hội
1.4 Đối tượng phù hợp: Mọi đối tượng, đặc biệt là các Game Designer, Web Designer
Phần 2: Đề cương (outline) khóa học
Bài
Thời lượng dự kiến*
Mô tả ngắn gọn nội dung bài
học
1
Tổng quan về khóa học 10:32 phút Tổng quan về khóa học:
- Mục tiêu đào tạo
- Đối tượng phù hợp
- Kết quả đạt được: Banner, Phim hoạt hình ngắn, e-card, bài hát tiếng Anh, tiếng Việt, mô phỏng,
2 Các thành phần, khái niệm
cơ bản trong Animate CC
16:24 phút - Các định dạng file: FLA, HTML
+ JS, SWF
- Các khái niệm, thao tác, thành phần cơ bản: Stage, Work Area, Property Inspector, Tool box, Timeline, Menu, Panels,
Trang 2Workspaces
3 Các công cụ vẽ - Phần 1 21:05 phút - Khái niệm Shape: Line (Stroke)
và Fill
- Các công cụ vẽ: Line, Oval, Rectange, Brush
- Object Drawing Mode: On / Off
- Color, Gradient, Bitmap Fill
- Bài tập: Gradient Text, Quốc kỳ
VN, viên thuốc 3D,
4 Các công cụ vẽ - Phần 2 25:29 phút nt
5 Các công cụ hiệu chỉnh 24:11 phút - Arrow Tool, Sub Selection Tool
- Free Transform Tool
- Eraser Tool
- Gradient Transform Tool
- Ink Bottle Tool
6 Modyfing Shape - Các công
cụ hiệu chỉnh Shape
12:08 phút - Convert Line to Fill
- Expand Fill
- Shoten Fill Edge
Bài tập: Mở bài tập mẫu (mask), biến ngôi sao thành Shape và xem kết quả
7 Transforming - Các phép
biến hình cơ bản
09:36 phút - Các phép biến hình cơ bản:
Menu > Transform
- Transforming Panels: Ctrl + T
8 Object và các thao tác 15:26 phút - Các kiểu Object: Drawing Object,
Oval Primitive Object, Rectange Primitive Object, Grouped Object, Symbol
- Duplicating Object
- Group, UnGroup, Edit
- Align, Arrange
Trang 39 Symbol và các thao tác 26:18 phút - Khái niệm Symbol
- Các kiểu Symbol
- Các thao tác
10 Layer và các thao tác 18:27 phút - Khái niệm Layer
- Các thao tác: Thêm, Xóa, Di chuyển, Đổi tên, Show/Hide, Lock/UnLock,
- Các kiểu Layer
- Bài tập: Mặt đồng hồ
11 Làm việc với ảnh Bitmap 11:10 phút - Các kỹ thuật: Import, Swap,
Trace Bitmap
Bài tập: Mặt nạ quả táo và cô gái
12 Frame và các thao tác 23:35 phút - Khái niệm Frame, Key Frame,
Blank Frame, Start, End, Rangle
- Các thao tác
- Bài tập: Pacman, Hand Writing
13 Basic Animation: Frame by
Frame - Phần 1
09:26 phút - Kỹ thuật cơ bản
- Bài tập: Người vượt rào
14 Basic Animation: Frame by
Frame - Phần 2
17:02 phút - Bài tập Mặt đồng hồ xoay
15 Hiệu ứng Text Typing 8:28 phút - Bài tập: Text Typing
16 Basic Animation: Classic
Tween
21:20 phút - Kỹ thuật cơ bản
- Add Classic Motion Guide
- Các tùy chọn: Ease, Orient to path,
- Bài tập: Máy bay giấy
17 Hiệu ứng Người đi bộ 18:52 phút - Bài tập: Người đi bộ
18 Basic Animation: Motion
Tween
19:02 phút - Kỹ thuật cơ bản, Motion Editor,
Motion Presets
- Bài tập: Chim vỗ cánh bay
Trang 419 Basic Animation: Shape
Tween
18:31 phút - Kỹ thuật cơ bản
- Add Shape Hint
- Bài tập: Biến đường thẳng thành hình bầu dục, Hiệu ứng lá cờ bay
20 Filter trong hoạt hình 13:37 phút - Kỹ thuật cơ bản
- Bài tập: Mây mờ bay, Hiệu ứng chữ phát sáng
21 Banner và các kỹ thuật liên
quan - Phần 1
12:26 phút - Tìm hiểu các kỹ thuật để tạo
Banner: Hoạt hình và viết code tạo các hành động cơ bản cho Banner
- Bài tập: Quảng cáo Vietnam Airlines
22 Banner và các kỹ thuật liên
quan - Phần 2
12:37 phút nt
23 Banner ACSoft Phần mềm kế
toán
26:36 phút - Bài tập: ACSoft Phần mềm kế
toán thông dụng
24 Advanced Animation:
Masking trong hoạt hình
12:26 phút - Kỹ thuật cơ bản
- Bài tập: Dải sáng chạy qua chữ
25 Âm thanh trong hoạt hình 16:59 phút - Kỹ thuật: Masking, Sound
- Bài tập: Lửa cháy trong chữ
26 Hiệu ứng vẽ đường thẳng
bằng bút lông
07:47 phút - Bài tập: Vẽ đường thẳng bằng
bút lông
27 Scene (1): Phân cảnh trong
hoạt hình
7:06 phút - Kỹ thuật cơ bản: Thêm, Sửa,
Xóa, Nhân bản Scene
28 Scene (2): Làm việc với đồ
học vector Illustrator
19:16 phút - Kỹ thuật: Scene, Import Illustrator
Vector, Sound
- Bài tập: Time to travel
29 Bone Tool - Công cụ khung
xương
25:54 phút - Kỹ thuật khung xương trong
Animate CC 2017
30 Tìm hiểu công cụ Camera 10:22 phút - Tìm hiểu công cụ Camera
31 Bài tập tổng hợp 28:13 phút - Kỹ thuật: Frame by Frame,
Motion Tween, Masking, Bone Tool
Trang 5- Bài tập ô tô chuyển động trên quả đồi
32 Export: Xuất bản hoạt hình 25:20 phút - Xuất bản hoạt hình ra các định
dạng file khác nhau
- Convert Flash Ads to HTML5
33 Tổng kết khóa học 04:41 phút Tổng kết kết thúc khóa học
*Thời lượng dự kiến cho mỗi khóa học dao động từ 1,5h nội dung đến 3h nội dung Độ dài mỗi bài học dao động từ 7-15 phút Có thể dài hơn nhưng không nên quá ngắn vì khiến học viên cảm thấy mình đang xem clip, không phải đang học
Ngoài ra, sau một số bài học, giảng viên cần đề xuất một số bài tập để học viên ứng dụng kiến thức đã học nhằm nâng cao tính tương tác với học viên đồng thời cuối khóa học cần có bài tập lớn để sau khi hoàn thành học viên được cấp giấy chứng nhận khóa học
Phần 3: Hình thức giảng bài và hướng biên tập cho mỗi bài học
Căn cứ vào nội dung bài học, giảng viên đề xuất ý tưởng để bộ phận video biên tập nội dung tốt hơn, sinh động hơn, nâng cao chất lượng bài học cũng như hình ảnh của giảng viên
Bài 1 … Giảng viên nói trước camera kết hợp Slide,
xem VD và code thao tác trực tiếp
Phần 4: Tài liệu tham khảo, giáo trình, hình ảnh liên quan và nội dung chi tiết bài giảng (triển khai của phần mô tả ngắn gọn)
Những tư liệu này giúp đội ngũ biên tập của Kyna.vn có thể minh họa được chính xác nội dung bài học mà giảng viên muốn trình bày