Học Adobe Flash CS4 Flash CS4 – Bài - Tạo ảnh động theo phương pháp Shape Tween (tiếp theo) TTO - Tạo motion tween cho chim bay 5.1 Bấm chọn kéo symbol chim xuống góc bên trái: 5.2 Bấm phím phải chuột chọn Create Motion Tween từ menu ngữ cảnh: Học Adobe Flash CS4 Trong khu vực frame Timeline, Flash tự động bổ sung thêm số frame thành 24 frame (mặc định cho motion tween hoàn thành giây - theo mặc định Flash CS4 thiết lập tốc độ 24 fps) Đồng thời Playhead di chuyển đến frame số 24 Bên cạnh bạn cịn thấy frame từ - 24 đổi sang màu xanh nhạt đặc trưng motion tween Flash CS4 5.3 Bấm chọn kéo symbol chim lên góc bên phải: Học Adobe Flash CS4 Khi nhả chuột ra, Flash tự động tạo thêm đường thẳng nối từ góc bên trái lên góc bên phải với dấu chấm giữa, dấu chấm frame motion tween Ngoài Flash thêm key frame vào timeline, hiển thị hình thoi màu đen Học Adobe Flash CS4 Với giây cho motion tween, bạn nhìn kịp hiệu ứng chim vỗ cánh Bạn cho bổ sung frame cho motion tween hoạt động giây, tức 96 frame 5.4 Đưa chuột vào keyframe 24 chuột biến thành mũi tên hai chiều: 5.5 Nắm giữ chuột kéo sang phải frame 96 nhả chuột ra, hình thoi thể keyframe di chuyển từ frame 24 sang frame 96 Học Adobe Flash CS4 Lúc bạn chọn Control > Test Movie từ menu Flash xuất flash movie với chim vỗ cánh bay từ góc bên trái sang góc bên phải Thêm chim vào Stage 6.1 Bấm vào nút New Layer để thêm layer vào Timeline: 6.2 Đưa chuột bấm chọn Library panel kế bên Property Inspector 6.3 Bấm chuột vào biểu tượng symbol chim kéo sang góc bên trái, cao vị trí chim cũ chút Nhả chuột bạn thu chim vị trí mới: Học Adobe Flash CS4 Copy paste motion tween 7.1 Bấm chuột vào frame bất kz vùng motion tween layer 1, bấm phím phải chuột chọn Copy Motion từ menu ngữ cảnh: 7.2 Bấm chuột vào frame bất kz vùng frame layer 2, bấm phím phải chuột chọn Paste Motion từ menu ngữ cảnh: Học Adobe Flash CS4 Flash tạo motion tween cho Layer hoàn toàn giống với motion tween Layer Lúc bạn chọn Control > Test Movie từ menu Flash xuất flash movie với hai chim vỗ cánh bay từ góc bên trái sang góc bên phải Thêm hình bầu trời vào làm background 8.1 Bấm vào nút New Layer để thêm layer vào Timeline: Học Adobe Flash CS4 8.2 Chọn File > Import > Import to Stage… từ menu: 8.3 Trong hộp thoại Import, trỏ đến file cloud.jpg bấm nút Open: (file cloud.jpg đính kèm theo bài, bạn chọn file khác có kích cỡ 550x400 pixel để sử dụng) Học Adobe Flash CS4 8.4 File cloud.jpg import vào layer che layer chứa chim Dùng chuột kéo chuyển layer xuống phía dưới, kéo bạn thấy đường thẳng có hình trịn nhỏ bên trái xuất kèm theo Khi thấy đường thẳng đến nhả chuột ra: Xem thử animation lúc biên soạn Để xem thử kết lúc biên soạn, bạn nhấn phím ENTER Tuy nhiên bạn thấy chim di chuyển không thấy chim vỗ cánh Để thấy chim vừa di chuyển vừa vỗ cánh bạn phải xuất thành flash movie 10 Xuất file thành flash movie Học Adobe Flash CS4 Để xuất file thành flash movie, bạn chọn Control > Test Movie từ menu: Flash xuất thành file 003_shape_tween.swf: GV TRƯƠNG Công ty TNHH Khải Thiên (KTC Co., Ltd) VĂN NĂNG Phần l{ thuyết bổ sung cho thực hành Tìm hiểu Line Tool Line Tool cơng cụ để vẽ đường thẳng Sau chọn Line Tool, chuột chuyển sang hình dấu + Để vẽ bạn bấm chuột vào vị trí đầu, kéo chuột đến vị trí cuối nhả chuột để thu đường thẳng Nếu giữ phím Shift vẽ bạn thu đường thẳng tạo với đường nằm ngang góc bội số 45o Học Adobe Flash CS4 Property Inspector tự động cập nhật để cung cấp thông tin liên quan đến Line Tool sau Ngay Property Inspector biểu tượng đường thẳng kèm dòng chữ cho biết bạn chọn Line Tool Ngay phần Fill and Stroke phần chọn màu cho viền (Stroke-bên trái) ruột (Fill-bên phải) Do Line Tool vẽ đường viền nên bạn đổi màu Fill trường hợp Bạn chọn màu từ bảng màu bấm vào ô màu đen kế bên bút chì: Kế đến chọn độ lớn đường viền Bạn nắm kéo trượt nằm bên phải chữ Stroke Học Adobe Flash CS4 gỏ số trực tiếp vào ô bên phải Khi bạn kéo trượt, ô bên phải cập nhật giá trị tùy theo vị trí trượt Phần chọn kiểu dáng cho nét vẽ Nếu bạn bấm vào hình tam giác đen kế bên bút chì, bạn chọn kiểu nét vẽ sau đây: Nếu bạn bấm vào bút chì, bạn tùy biến thêm thông số phụ cho nét vẽ hộp thoại sau đây: Bạn thử nghiệm để tìm cho kiểu dáng nét vẽ ưng { Tuy nhiên cần lưu { điều kiểu dáng phức tạp làm tăng kích thước cuối Học Adobe Flash CS4 tác phẩm Phần Scale giúp hiển thị nét vẽ phóng to thu nhỏ Nếu bấm vào hình tam giác đen, bạn có tùy chọn sau đây: Normal: Thay đổi theo giá trị scale Horizontal: Chỉ scale theo chiều ngang Vertical: Chỉ scale theo chiều dọc None: Không thay đổi theo giá trị scale Nếu chọn ô Hinting, Flash tự điều chỉnh để làm tròn giá trị stroke, tránh xuất nét nhòe đường thẳng nằm ngang thẳng đứng Tùy chọn Cap giúp bạn thể kiểu dáng đầu mút đường thẳng Nếu bấm vào hình tam giác đen, bạn có tùy chọn sau đây: Học Adobe Flash CS4 Join giúp bạn thể kiểu dáng chỗ giao hai đường thẳng Bạn thu chọn lựa sau bấm vào hình tam giác đen: .. .Học Adobe Flash CS4 Trong khu vực frame Timeline, Flash tự động bổ sung thêm số frame thành 24 frame (mặc định cho motion tween hoàn thành giây - theo mặc định Flash CS4 thiết lập tốc độ 24. .. frame số 24 Bên cạnh bạn thấy frame từ - 24 đổi sang màu xanh nhạt đặc trưng motion tween Flash CS4 5.3 Bấm chọn kéo symbol chim lên góc bên phải: Học Adobe Flash CS4 Khi nhả chuột ra, Flash tự... vỗ cánh bạn phải xuất thành flash movie 10 Xuất file thành flash movie Học Adobe Flash CS4 Để xuất file thành flash movie, bạn chọn Control > Test Movie từ menu: Flash xuất thành file 003_shape_tween.swf: