MUL216 slide 4

 Bảng lệnh library và symbol: Library: Bảng lệnh Library là bảng chứa tất cả các tài nguyên của Flash như đối tượng đồ họa, âm thanh , hình ảnh, text, video,..... Tạo mới một symbol: k

Trang 1

BÀI 4: THAO TÁC SYMBOL

ADOBE ANIMATE

Trang 3

 Bảng lệnh library và symbol:

Library: Bảng lệnh Library là bảng chứa tất cả các tài

nguyên của Flash như đối tượng đồ họa, âm thanh , hình ảnh, text, video,

Trang 4

 Mặc định trong Animate CC sẽ có 3 loại symbols chính:

Movie clip : thường là một đoạn phim chứa một số

Lưu ý: mỗi symbol sẽ có một bảng tiến trình riêng

hoàn toàn độc lập với bảng tiến trình chính của phim

Trang 5

Tạo mới một symbol: (không có đối tượng)

Nhấn phím Ctrl + F8 ( Insert -> New symbol) -> xuất

hiện bảng lệnh New symbol -> đặt tên cho symbol và

chọn kiểu tương ứng cần sử dụng -> Ok -> ta sẽ thấy

trong Animate CC chuyển vào bảng tiến trình symbol

Trang 6

 Chuyển một đối tượng thành symbol (đối tượng có sẵn):

Chọn đối tượng -> nhấn F8 -> xuất hiện bảng lệnh

symbols

 Chỉnh sửa một symbol:

Double Click trực tiếp trên đối tượng hoặc biểu tượng

của symbol trong library

Trang 7

 Nhân đôi: Click phải chuột vào tên symbol trong library

và chọn duplicate symbol

 Đổi tên: Double click vào tên trong thư viện

 Đổi behavior cho một symbol:

Click phải chuột vào tên symbol trong thư viện

-> type -> chọn behavior cần đổi

Trang 8

 Instance:

Khi một symbol được kéo ra ngoài sân khấu sẽ trở

thành một instance của symbol đó, một symbol có thể có nhiều Instance

Khi thay đổi symbol tất cả các instance sẽ thay đổi

Trang 9

HƯỚNG DẪN THỰC HÀNH

 Bài 01

 Áp dụng symbols, button thực hiện 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 các layer cần thiết đưa vào Animate (chỉ lấy hình không lấy Text) đánh lại text trong

anmate CC để đảm bảo chất lượng text

Trang 10

 Click chuột ngoài stage -> màu nâu làm nền

 Diễn hoạt hình từ frame 1-20 alpha 0-100

Trang 11

 Layer hình chữ nhật -> diễn hoạt motion tween di

chuyển tâm bên phải -> alpha 0-100

Trang 12

 Layer text01, text02, text03 diễn hoạt alpha 0-100 cách nhau 15 frame

Trang 13

 Layer sale tạo hiệu ứng mờ rõ tòa liên tục: diễn hoạt

alpha 0-100 từ frame 55-70, chọn frame 70 -> F8 ->

symbols movieclip -> sale_mc -> vào sale_mc diễm hoạt

rõ - mờ - rõ -> ra stage hiệu ứng được thực hiện

Trang 15

 Tạo layer 2 -> trạng thái over thay đổi màu nên trắng,

text nâu

Trang 16

 Trở ra scene, diễn hoạt từ frame 100-130 có alpha 0-100

 Cùng layer “xemtiep btn” tại frame 140 nhấn F6 -> đặt tên button là lk_btn

Trang 17

 Chọn lk_btn -> F9 xuất hiện bảng lệnh action -> icon <> code snippets -> sction -> click to goto web page

Trang 18

 Xuất hiện dòng lệnh điều khiển và layer Action -> hiệu chỉnh lại đường link đến trang web

Trang 19

 Đánh thêm dòng lệnh this.stop() -> để dùng toàn bộ

timeline

Trang 20

 Bài 02

 Áp dụng symbols, button thực hiện banner

 Chọn New File -> HTML5 Canvas, kích thước 480 x 480px

 Nhấn Ctrl + R chọn file Bai02.ai chọn các layer cần thiết đưa vào Animate (chỉ lấy hình không lấy Text) đánh lại text trong anmate

CC để đảm bảo chất lượng text

Trang 21

 Diễn hoạt hình nền từ frame 1-15 -> alpha 0-100

 Diễn hoạt viền từ 15-35 có alpha tương tự

Trang 22

 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

Trang 23

 Tạo layer ao_btn -> tại vị trí frame 140 -> vẽ hình chũ

nhật -> F8 chuyển thành symbols button-> ao_btn

Trang 24

 Vào trong ao_btn -> kéo trạng thái up sang hover ( 3

trạng thai 1ban đầu rõng)

Trang 25

 Trở ra scene ta có 1 buuton ảo -> khi chạy film nó sẽ

không xuất hiện nhưng vẫn tương tác được

Trang 26

 Tại vị trí frame 230 cho các layer tồn tại cùng thời gian

 Chọn button -> F9 -> gán lệnh

v

Trang 27

 Gán thêm 1 lệnh để chạy lại timeline từ frame số 01

v

Trang 28

 Gán thêm 1 lệnh để chạy lại timeline từ frame số 01

v

Trang 29

 Cần gấn lệnh dùng toàn bộ timeline

v

Trang 30

BÀI 4: TẠO NÚT BUTTON

ADOBE ANIMATE

Trang 32

 Button:

Up: trạng thái mặc định của button

Over: trạng thái trỏ vào vùng của button

Down: là trạng thái chuột trái nhấn xuống

Hit: là trạng thái đặc biệt xác nhận vùng nhận tác

đông của đối tượng nhưng không hiển thị khi chạy

phim, thường áp dụng văn bản làm button hay làm button ảo

Trang 33

 Dùng kỹ thuật diễn hoạt motion tween, mask và guide hoàn thành bài tập sau

Trang 34

 Dùng kỹ thuật diễn hoạt motion tween, mask và guide cho button liên kết đến trang web

Trang 35

35

FPT POLYTECHNIC

Định dạng
Số trang	35
Dung lượng	4,18 MB