Tham khảo tài liệu ''quá trình hình thành giáo trình sử dụng action script để hình thành chuyển động kép p2'', công nghệ thông tin, đồ họa - thiết kế - flash phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG Tạo Motion Tween dùng lệnh Create Motion Tween: Chọn keyframe trống vẽ đối tượng vùng Stage kéo Instance Symbol cửa sổ Library Nếu vẽ Instance sau vẽ phải chọn tất đối tượng Chọn trình đơn Insert > Create Motion Tween Nếu bạn vẽ đối tượng bước một, Flash tự động chuyển đổi đối tượng thành Symbol gán với tên Tween1 Nếu bạn vẽ nhiều đối tượng, đối tượng thêm vào có tên Tween2, Tween3 v.v Bây bạn thấy xuất dấu cộng đối tượng Đó điểm khai báo cho Motion Tween Đối tượng trước sau chọn lệnh Create Motion Tween Nhấp chuột vào số frame mà bạn muốn vùng chuyển động kết thúc chọn trình đơn Insert > Frame Sau nhấp chuột phải chọn lệnh Insert Keyframe có trình đơn xổ xuống Lúc bạn thấy đường Motion Tween xuất Chọn lệnh Insert Keyframe trình đơn thấy xuất đường Motion Tween TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 199 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG Di chuyển đối tượng Instance khối ký tự vùng Stage đến vị trí frame cuối mong muốn Hiệu chỉnh kích thước đối tượng bạn muốn chúng chuyển động thay đổi kích thước Hiệu chỉnh hướng xoay bạn muốn chuyển động xoay Bỏ chọn đối tượng bạn hiệu chỉnh xong Nhấp chuột vào keyframe cuối trình chuyển động Motion Tween chọn trình đơn Window> Panels > Frame Chế độ Motion Tweening chọn cách tự động bảng Frame Nếu bạn muốn thay đổi kích thước đối tượng giống bước 4, bạn chọn lệnh Scale trình đơn Modify > Transform Nhấp chuột kéo vào mũi tên để chọn giá trị bên cạnh mục Easing nhập giá trị vào để thay đổi tốc độ chuyển động frame Khi bắt đầu chuyển động tốc độ chầm chậm sau tăng tốc hướng phía kết thúc chuyển động, kéo trượt lên nhập vào giá trị từ -1 đến 100 Khi bắt đầu chuyển động tốc độ nhanh sau giảm tốc chuyển động hướng điểm kết thúc chuyển động, kéo trượt xuống nhập vào giá trị dương từ đến 100 Theo mặc định, tốc độ thay đổi frame liên tục Mục Easing tạo hình dạng đối tượng xuất nhỏ dần lớn dần cách hiệu chỉnh tốc độ thay đổi chúng Để xoay đối tượng lúc chuyển động, bạn chọn chế độ chọn có trình đơn Rotate sau: Chọn None (chế độ thiết lập mặc định) không ứng dụng chế độ xoay cho đối tượng Chọn Auto xoay đối tượng chuyển động lần theo hướng xác định Chọn Clockwise (CW) hay Counterclockwise (CCW) xoay đối tượng theo hướng xác định sau nhập vào góc độ xoay Chú ý : Hướng xoay thêm vào hướng xoay bạn ứng dụng vào frame cuối bước TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 200 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 9 Nếu bạn dùng đường chuyển động (Motion Path), chọn mục Orient to Path để định hướng đường biên chuyển động vào đường Motion Path 10 Chọn mục Synchronization để đảm bảo Instance diễn hoạt lặp lặp lại đoạn phim Dùng lệnh Synchronize số frame trình chuyển động bên Symbol chí không nhiều số frame mà Instance Graphic giữ đoạn phim 11 Nếu bạn dùng đường Motion Path, chọn Snap để gắn thành phần chuyển động vào đường Motion Path theo điểm khai báo (Registration Point) Đoạn phim cho chuyển động CHUYỂN ĐỘNG (TWENNING MOTION) DỌC THEO ĐƯỜNG DẪN Các Motion Guide Layer (Layer hướng dẫn chuyển động) cho phép bạn vẽ đường dẫn Instance, group khối ký tự chuyển động dọc theo Motion Guide Layer Bạn kết nối nhiều Layer vào Motion Guide Layer cho nhiều đối tượng theo đường dẫn Một layer bình thường kết nối đến Motion Guide Layer trở thành Guided Layer Ảnh ví dụ này, hai đối tượng Layer độc lập gắn Motion Path Tạo đường Motion Path cho ảnh chuyển động Tweened Animation: TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 201 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG Tạo đường chuyển động Motion-Tweened Animation mô tả phần “Tạo chuyển động Instance, Group Ký tự ” để biết thêm chi tiết Nếu bạn chọn mục kiểm Orient to Path, đường đối tượng chuyển động hướng vào đường chuyển động Motion Path Nếu bạn chọn mục Snap, điểm khai báo đối tượng chuyển động bắt dính vào đường Motion Path Sau bạn thực thao tác sau: Chọn Layer có chứa đối tượng chuyển động chọn trình đơn Insert > Motion Guide Nhấp phải chuột (trong Windows) nhấp phím Control (trong Macintosh) vào Layer có chứa ảnh chuyển động chọn lệnh Add Motion Guide trình đơn dọc Flash tạo Layer bên Layer chọn với biểu tượng Motion Guide bên trái tên Layer Dùng công cụ Pen, Pencil, Line, Circle, Rectangle Brush để vẽ đường dẫn mong muốn Lúc tâm đối tượng bắt dính vào điểm đường Guide frame thứ điểm kết thúc đường Guide frame cuối Chú ý: Kéo Symbol cách kéo điểm khai báo đối tượng để có kết bắt dính vào đường Guide tốt TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 202 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG Bạn dấu Layer Motion Guide đường chuyển động xuất đối tượng chuyển động bạn làm việc Bạn nhấp chuột vào cột biểu tượng mắt Eye Layer Motion Guide Nhấp chuột vào cột mắt để dấu Layer Motion Guide Đối tượng Group Symbol chuyển động theo đường dẫn bạn diễn hoạt chúng Bài tập ví dụ mẫu sau cố cho phần tạo chuyển động cho instance - group - type mục chuyển động theo đường dẫn Motion Path : Bây bạn làm ví dụ nhỏ với ảnh mũi tên bay xung quanh qũy đạo sau: TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 203 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG Trước hết bạn mở file Flash Sau cho hiển thị lưới để vẽ bên keyframe thứ Layer Sau chọn công cụ Arrow để chọn mũi tên chọn trình đơn Modify > Group để nhóm tất thành phần rời tạo thành hình mũi tên lại với Bây bạn thấy xung quanh mũi tên có bao bọc đường viền màu xanh nhạt Nhớ tắt lưới Sau chọn trình đơn Modify > Frame để hiển thị bảng Frame Tại mục Tweening chọn Motion, mục Easing chọn 0, mục Rotate chọn None đánh dấu vào tùy chọn có mục Options Orient to path, Synchronize Snap Sau bạn tạo thêm Layer tên Layer2 Sau chép ảnh mũi tên dán vào Layer2 để có thêm mũi tên Layer2 lúc hai mũi tên độc lập với Bạn đổi màu cho mũi tên Layer để phân biệt Layer1 Layer2 TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 204 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG Bây bạn lặp lại bước cho mũi tên Layer2 Sau nhấp chuột vào keyframe thứ Layer1 Sau xác định số vị trí keyframe cuối Trong ví dụ chọn keyframe cuối 35 Bây bạn thấy đường Motion Tween xuất thước Timeline Layer1 lặp lại bước chọn số keyframe cuối bước cho Layer2 Bây bạn nhấp chuột vào Layer2 nhấp phải chuột chọn lệnh Add Motion Guide để tạo Layer Motion Guide TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 205 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG Tiếp đến bạn nhấp chuột vào keyframe Layer Guide dùng công cụ Pencil Tool công cụ Circle Tool để vẽ đường quỹ đạo Nhấp chuột vào keyframe cuối Layer1 kéo mũi tên Layer để xác định điểm ngừng chuyển động để tạo đường Motion Tween Bạn làm tương tự cho mũi tên Layer2 Đường chuyển động Motion Tween 10 Sau bạn chọn keyframe thứ Layer1 nhấp phải chuột chọn lệnh Create Motion Tween trình đơn dọc để tạo điểm khai báo chuyển động cho mũi tên Layer1 Còn lại Layer2, bạn lặp lại bước 10 tương tự cho Layer2 11 Vì bạn muốn hai mũi tên Layer1 Layer2 chạy qũy đạo theo hai hướng ngược Do bạn nhấp chuột vào Layer1 chọn lệnh Rotate trình đơn Modify > Transform để hiệu chỉnh hướng mũi tên Layer1 nằm đường quỹ đạo TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 206 BIÊN SOẠN : KS PHẠM QUANG HUY ... vào để thay đổi tốc độ chuyển động frame Khi bắt đầu chuyển động tốc độ chầm chậm sau tăng tốc hướng phía kết thúc chuyển động, kéo trượt lên nhập vào giá trị từ -1 đến 100 Khi bắt đầu chuyển động. .. chúng chuyển động thay đổi kích thước Hiệu chỉnh hướng xoay bạn muốn chuyển động xoay Bỏ chọn đối tượng bạn hiệu chỉnh xong Nhấp chuột vào keyframe cuối trình chuyển động Motion Tween chọn trình. .. dùng đường Motion Path, chọn Snap để gắn thành phần chuyển động vào đường Motion Path theo điểm khai báo (Registration Point) Đoạn phim cho chuyển động CHUYỂN ĐỘNG (TWENNING MOTION) DỌC THEO ĐƯỜNG