MUL216 slide 3

ADOBE ANIMATE BÀI 3: DIỄN HOẠT CREATE MOTION TWEEN, SHADE, GUIDE MỤC TIÊU Diễn hoạt Create Motion Tween (theo đường dẫn) Diễn hoạt shape tool Tạo banner với diễn hoạt Motion tween kết hợp diễn hoạt học MOTION TWEEN  Diễn hoạt Create Motion tween: Giới thiệu: Là chuyển động đưa đối tượng chạy theo đường dẫn  Thao tác:  * Cách 1: (Không nhấn F6) Tại frame1 -> vẽ đối tượng hình elip Click phải chuột -> create motion tween -> Chọn keyframe cuối di chuyển đối tượng sang vị trí -> xuất đường path (nét đứt) Chọn đường path -> dùng công cụ di chuyển -> rê chuột vào đường path để tạo đường cong theo ý muốn MOTION TWEEN  Nhấn F6 copy thêm keyframe vi trí muốn chèn di chuyển đối tượng hiệu chỉnh đường path theo ý muốn  Muốn xóa diễn hoạt vừa tạo -> click phải chuột vào chuyển động remove tween MOTION TWEEN  Muốn diễn hoạt thuộc tính position, scale, tranform -> click vào đoạn diễn hoạt -> xuất bảng hộp thoại MOTION TWEEN  Thực diễn hoạt chậm dần đều, nhanh dần … -> click vào thuộc tính Add Ease GUIDE  Cách 2: (nhấn F6) Tạo layer1 -> vẽ đối tượng -> tạo diễn hoạt create classic tween Chọn layer1 -> Click phải Add classic motion guide Chọn layer guide -> vẽ đường path theo ý muốn Chọn layer1 -> chọn keyframe đầu -> di chuyển đối tượng bắt dính đầu đường path -> chọn keyframe cuối -> di chuyển đối tượng bắt dính cuối đường path GUIDE  Cách 2: (nhấn F6) Layer ảnh hưởng guide nằm cấp layer guide MOTION TWEEN  Ghi thao tác làm bài: Muốn áp dụng số thuộc tính từ bảng lệnh Filter Áp dụng diễn hoạt create Motion tween -> chọn đối tượng xuất số thuộc tính mờ, bóng đổ, phát sáng , chạm nổi… MOTION TWEEN  Trạng thái, tính chất, thuộc tính đối tượng: Tất trạng thái, tính chất, thuộc tính đối tượng giống hồn tồn diễn hoạt create classic tween Có thuộc tính tương đối quan trọng Orient to path cho phép đối tượng xoay theo đường path HƯỚNG DẪN THỰC HÀNH  Tạo thời gian tồn cho layer frame 325 -> F5 HƯỚNG DẪN THỰC HÀNH  Bài 02  Áp dụng diễn hoạt creat motion tween thực banner  Chọn New File -> HTML5 Canvas, kích thước 960 x 300px  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) HƯỚNG DẪN THỰC HÀNH  Chọn layer “mat” -> F5 tồn frame 350  Chọn layer “hoa” -> tạo hiệu ứng nhỏ - to - xoay  Tạo layer “viền” theo hình gái -> chuyển viền thành Fill -> convert line to fill HƯỚNG DẪN THỰC HÀNH  Tạo layer “as” -> dùng cơng cụ hình chữ nhật -> tơ màu chuyển sắc -> hiệu chỉnh chuyển sắc tạo ánh sáng hình vẽ HƯỚNG DẪN THỰC HÀNH  Diễn hoạt ánh ánh sáng di chuyển lên xuống HƯỚNG DẪN THỰC HÀNH  Tạo mask cho layer “vien” -> tạo hiệu ứng ánh sáng HƯỚNG DẪN THỰC HÀNH  Tạo hiệu ứng cho “spa”: frame số 15 nhấn F7 -> đánh text spa  Tạo layer mask nằm layer “spa” -> diễn hoạt motion tween -> tâm nằm đối tượng (tương tự cho layer health) HƯỚNG DẪN THỰC HÀNH  Tạo hiệu ứng hoa rơi: chọn hoa -> nhấn F8 -> Movie Clip (hoa01_mc) -> diễn hoạt motion tween đến frame 260 -> cho chạy theo đường cong tùy ý  Tạo thêm movie clip (hoagr_mc) -> nhân nhiều hoa mc HƯỚNG DẪN THỰC HÀNH  Kéo hoagr_mc scene với thời gian xuất khác tạo hiệu ứng hoa rơi banner ADOBE ANIMATE BÀI 2: DIỄN HOẠT SHAPE TWEEN SHAPE TWEEN  Diễn hoạt shape tween:  Là diễn hoạt tạo bước trung gian cho đối tượng chuyển động từ đối tượng sang đối tượng khác, màu chuyển thành màu khác SHAPE TWEEN  Diễn hoạt shape tween:  Thao tác frame vẽ hình tron -> frame 30 nhấn F7 vẽ hình vng  Chọn frame -> click phải -> create shape tween HƯỚNG DẪN THỰC HÀNH  Ứng dụng diễn hoạt học hoàn thành banner sau HƯỚNG DẪN THỰC HÀNH  Ứng dụng diễn hoạt học hoàn thành banner sau FPT POLYTECHNIC 34 ... gian tồn cho layer frame 32 5 -> F5 HƯỚNG DẪN THỰC HÀNH  Bài 02  Áp dụng diễn hoạt creat motion tween thực banner  Chọn New File -> HTML5 Canvas, kích thước 960 x 30 0px  Nhấn Ctrl + R chọn... -100 cho frame 15 HƯỚNG DẪN THỰC HÀNH  Tương tự diễn hoạt create motion tween thực cho photo 02, 03, 04 cách 15 frame HƯỚNG DẪN THỰC HÀNH  Diễn hoạt layer “MID SEASON SALE ” create motion tween... vào Animate (chỉ lấy hình khơng lấy Text) HƯỚNG DẪN THỰC HÀNH  Chọn layer “mat” -> F5 tồn frame 35 0  Chọn layer “hoa” -> tạo hiệu ứng nhỏ - to - xoay  Tạo layer “viền” theo hình gái -> chuyển