MUL216 slide 4

ADOBE ANIMATE BÀI 4: THAO TÁC SYMBOL MỤC TIÊU Thao tác Symbols Thao tác Button Ứng dung tạo banner hoàn thiện LIBRARY  Bảng lệnh library symbol: Library: Bảng lệnh Library bảng chứa tất tài nguyên Flash đối tượng đồ họa, âm , hình ảnh, text, video, SYMBOLS  Mặc định Animate CC có loại symbols chính: Movie clip : thường đoạn phim chứa số chuyển đông Button: nút nhấn nơi gán lệnh để tương tác người dùng, điều khiển phím Graphic: thường đối tượng đồ họa tĩnh, tạo sử dụng cho hai loại symbol Lưu ý: symbol có bảng tiến trình riêng hồn tồn độc lập với bảng tiến trình phim SYMBOLS  Symbols: Tạo symbol: (khơng có đối tượng) Nhấn phím Ctrl + F8 ( Insert -> New symbol) -> xuất bảng lệnh New symbol -> đặt tên cho symbol chọn kiểu tương ứng cần sử dụng -> Ok -> ta thấy Animate CC chuyển vào bảng tiến trình symbol SYMBOLS  Chuyển đối tượng thành symbol (đối tượng có sẵn): Chọn đối tượng -> nhấn F8 -> xuất bảng lệnh symbols  Chỉnh sửa symbol: Double Click trực tiếp đối tượng biểu tượng symbol library SYMBOLS  Nhân đôi: Click phải chuột vào tên symbol library chọn duplicate symbol  Đổi tên: Double click vào tên thư viện  Đổi behavior cho symbol: Click phải chuột vào tên symbol thư viện -> type -> chọn behavior cần đổi SYMBOLS  Instance: Khi symbol kéo sân khấu trở thành instance symbol đó, symbol có nhiều Instance Khi thay đổi symbol tất instance thay đổi HƯỚNG DẪN THỰC HÀNH  Bài 01  Áp dụng symbols, button thực banner  Chọn New File -> HTML5 Canvas, kích thước 645 x 385px  Nhấn Ctrl + R chọn file Bai01.psd chọn layer cần thiết đưa vào Animate (chỉ lấy hình khơng lấy Text) đánh lại text anmate CC để đảm bảo chất lượng text HƯỚNG DẪN THỰC HÀNH  Click chuột stage -> màu nâu làm  Diễn hoạt hình từ frame 1-20 alpha 0-100 HƯỚNG DẪN THỰC HÀNH  Diễn hoạt hình từ frame 1-15 -> alpha 0-100  Diễn hoạt viền từ 15-35 có alpha tương tự HƯỚNG DẪN THỰC HÀNH  Các layer khác diễn hoạt tương tự  Tạo symbols massive_mc có hiệu ứng mờ rõ lặp lại HƯỚNG DẪN THỰC HÀNH  Tạo layer ao_btn -> vị trí frame 140 -> vẽ hình chũ nhật -> F8 chuyển thành symbols button-> ao_btn HƯỚNG DẪN THỰC HÀNH  Vào ao_btn -> kéo trạng thái up sang hover ( trạng thai 1ban đầu rõng) HƯỚNG DẪN THỰC HÀNH  Trở scene ta có buuton ảo -> chạy film khơng xuất tương tác HƯỚNG DẪN THỰC HÀNH  Tại vị trí frame 230 cho layer tồn thời gian  Chọn button -> F9 -> gán lệnh v HƯỚNG DẪN THỰC HÀNH  Gán thêm lệnh để chạy lại timeline từ frame số 01 v HƯỚNG DẪN THỰC HÀNH  Gán thêm lệnh để chạy lại timeline từ frame số 01 v HƯỚNG DẪN THỰC HÀNH  Cần gấn lệnh dùng toàn timeline v ADOBE ANIMATE BÀI 4: TẠO NÚT BUTTON BUTTON  Button:  Cách 1: Chọn đối tượng tạo nút nhấn -> nhấn F8 -> chọn behavior button  Cách 2: Ctrl + F8 chọn button -> vẽ đối tượng làm nút BUTTON  Button: Up: trạng thái mặc định button Over: trạng thái trỏ vào vùng button Down: trạng thái chuột trái nhấn xuống Hit: trạng thái đặc biệt xác nhận vùng nhận tác đông đối tượng không hiển thị chạy phim, thường áp dụng văn làm button hay làm button ảo BUTTON Dùng kỹ thuật diễn hoạt motion tween, mask guide hoàn thành tập sau BUTTON Dùng kỹ thuật diễn hoạt motion tween, mask guide cho button liên kết đến trang web FPT POLYTECHNIC 35 ... HÀNH  Bài 02  Áp dụng symbols, button thực banner  Chọn New File -> HTML5 Canvas, kích thước 48 0 x 48 0px  Nhấn Ctrl + R chọn file Bai02.ai chọn layer cần thiết đưa vào Animate (chỉ lấy hình khơng... THỰC HÀNH  Trở scene, diễn hoạt từ frame 100-130 có alpha 0-100  Cùng layer “xemtiep btn” frame 140 nhấn F6 -> đặt tên button lk_btn HƯỚNG DẪN THỰC HÀNH  Chọn lk_btn -> F9 xuất bảng lệnh action... HÀNH  Bài 01  Áp dụng symbols, button thực banner  Chọn New File -> HTML5 Canvas, kích thước 645 x 385px  Nhấn Ctrl + R chọn file Bai01.psd chọn layer cần thiết đưa vào Animate (chỉ lấy hình