MUL216 slide 2

ADOBE ANIMATE BÀI 2: DIỄN HOẠT CREATE CLASSIC TWEEN MỤC TIÊU Thành thạo diễn hoạt Create Classic Tween Các thuộc tính chuyển động Ứng dụng thiết kế banner CREATE CLASSIC TWEEN Diễn hoạt Classic tween Là chuyển động tạo nên khác trạng thái, tính chất đối tượng đầu đối tượng cuối đoạn chuyển động đối tượng trung gian Animate CC tự sinh khung hình phù hợp CREATE CLASSIC TWEEN  Thao tác: Tại frame1 -> vẽ đối tượng hình tròn Tại frame2 -> nhấn F6 copy keyframe Chọn lại frame1 -> click phải Create Classic Tween Tại keyframe đầu thay đổi trạng thái, tính chất đối tượng key frame CREATE CLASSIC TWEEN  Trạng thái, tính chất đối tượng:  Để xuất trạng thái, tính chất đối tượng ta phải chọn Keyframe -> chọn đối tượng  -> xuất hộp thoại Style  Brightness: độ sáng tối đối tượng  Tint: Nhuộm màu cho đối tượng  Alpha: độ suốt  Advance: kết hợp màu alpha CREATE CLASSIC TWEEN  Thuộc tính đối tượng:  Để xuất thuộc đối tượng ta phải chọn Keyframe đầu -> xuất hộp thoại rotate CREATE CLASSIC TWEEN  Thuộc tính đối tượng: Thanh trượt Ease:  Bằng chyển động  Bằng -100 chuyển động nhanh dần  Bằng 100 chuyển đông chậm dần Rotate: xác lập hướng xoay  Cw: chiều kim đồng hồ  CCw: ngược chiều kim đồng hồ Rotation count: số vòng xoay CREATE CLASSIC TWEEN  Thuộc tính đối tượng: Snap: bắt dính theo Path Color along path: thay đổi màu theo Path Orient to path: Đối tượng uyển chuyển theo hướng path Scale along path: thay đổi tỉ lệ theo đường path CREATE CLASSIC TWEEN  Ghi thao tác làm bài: Lệnh Modify -> Timeline -> distribute to layer (Ctrl + Shift + D): phân bố đối tượng nhiều layer khác Trước thực chuyển động chữ phải biến thành symbol (thường diễn hoạt cho chữ) HƯỚNG DẪN THỰC HÀNH  Chọn New File -> HTML5 Canvas, kích thước 400 x 400px  Nhấn Ctrl + R chọn file Bai02.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 để đảm bảo chất lượng text HƯỚNG DẪN THỰC HÀNH HƯỚNG DẪN THỰC HÀNH Layer “To Recharge Your Body” xuất mờ rõ từ phải sang trái Layer “health” frame 105 nhấn F6 khoảng thời gian cách 10-20 frame -> diễn hoạt classic tween chọn frame mờ - rõ -> tạo hiệu ứng bãi mẫu Hoàn thành hết banner CHọn tất layer frame 300 -> nhấn F5 -> tạo thời gian tồn HƯỚNG DẪN THỰC HÀNH CHọn tất layer frame 300 -> nhấn F5 -> tạo thời gian tồn HƯỚNG DẪN THỰC HÀNH  Chọn New File -> HTML5 Canvas, kích thước 300 x 650px  Nhấn Ctrl + R chọn file Bai02.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 để đảm bảo chất lượng text HƯỚNG DẪN THỰC HÀNH Diễn hoạt classic tween mờ rõ từ frame -> 15 HƯỚNG DẪN THỰC HÀNH Tương tự layer Present, disco, party diễn hoạt cách từ mờ sang rõ cách 15 frame HƯỚNG DẪN THỰC HÀNH Thực hiệu ứng ẩn cho layer disco, party -> tạo frame 160, 170, …220 nhấn F6 nhân đối tượng Tại key 170, 190, 210 giảm alpha =0 HƯỚNG DẪN THỰC HÀNH Thực hiệu ứng mask cho layer line: tạo layer mask, frame 160 -> F7 dùng brush vẽ cọ tròn liên tiếp thao tác kết hợp với F6 vẽ theo xuất hình chữ nhật HƯỚNG DẪN THỰC HÀNH Click phải layer mask -> Mask HƯỚNG DẪN THỰC HÀNH  Tương tự làm hiệu ứng mờ rõ cho layer 08 JUNE 2019 : 9PM - 03AM HƯỚNG DẪN THỰC HÀNH  Tạo thời gian tồn cho layer -> F5 frame 330 ADOBE ANIMATE BÀI 2: ỨNG DỤNG DIỄN HOẠT CREATE CLASSIC TWEEN HƯỚNG DẪN THỰC HÀNH Dùng kĩ thuật học: Frame by frame Create classic tween Import file từ phần mềm Ai, Photoshop để hoàn thành banner HƯỚNG DẪN THỰC HÀNH Hoàn thành banner sau: FPT POLYTECHNIC 30 ... THỰC HÀNH Thực hiệu ứng ẩn cho layer disco, party -> tạo frame 160, 170, 22 0 nhấn F6 nhân đối tượng Tại key 170, 190, 21 0 giảm alpha =0 HƯỚNG DẪN THỰC HÀNH Thực hiệu ứng mask cho layer line:... Tương tự làm hiệu ứng mờ rõ cho layer 08 JUNE 20 19 : 9PM - 03AM HƯỚNG DẪN THỰC HÀNH  Tạo thời gian tồn cho layer -> F5 frame 330 ADOBE ANIMATE BÀI 2: ỨNG DỤNG DIỄN HOẠT CREATE CLASSIC TWEEN HƯỚNG... Your Body” xuất mờ rõ từ phải sang trái Layer “health” frame 105 nhấn F6 khoảng thời gian cách 10 -20 frame -> diễn hoạt classic tween chọn frame mờ - rõ -> tạo hiệu ứng bãi mẫu Hoàn thành hết banner