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 p3'', 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 Trước hiệu chỉnh hướng xoay cho mũi tên Layer1 Sau hiệu chỉnh hướng xoay cho mũi tên Layer1 12 Trên keyframe bạn phải xác định điểm chạy chọn lệnh Rotate trình đơn Modify > Transform sau xoay mũi tên cho nằm đường quỹ đạo bạn tiếp tục thực keyframe cuối vị trí mũi tên nằm vị trí xuất phát Xoay mũi tên cho nằm gom đường quỹ đạo TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 207 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 Chú ý : Khi đối tượng đến chỗ cong bạn phải dùng công cụ xoay Rotate lần để hiệu chỉnh cho mũi tên nằm đường quỹ đạo hình trang trước 13 Bạn chia keyframe không tùy thuộc vào đường đến chỗ khúc cong quỹ đạo mà chia cho phù hợp với đối tượng 14 Bạn thực tương tự từ bước 11 bước 13 cho mũi tên Layer2 Sau bạn có kết hình bên Keyframe cuối đối tượng dừng lại ví trí bắt đầu 15 Cuối trước diễn hoạt chuyển động bạn muốn làm ẩn đường Motion Guide vùng Stage, bạn nhấp chuột vào cột bên mắt Layer Motion Guide TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 208 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ễn hoạt chuyển động, bạn nhấn phím Ctrl + Enter để diễn hoạt ảnh môi trường Debug Hai đối tượng chuyển động Flash Player Kết nối Layer vào Layer Motion Guide, bạn thực cách sau: Kéo Layer tồn bên Layer Motion Guide Bây Layer thục vào bên Layer Motion Guide Tất đối tượng Layer tự động bắt dính vào đường Motion Path Tạo Layer bên Layer Motion Guide Các đối tượng bạn chuyển động Layer tự động chuyển động dọc theo đường Motion Path Chọn Layer bên Layer Motion Guide Chọn trình đơn Modify > Layer chọn mục Guided hộp thoại Layer Properties Nhấn phím Alt nhấp chuột (trong Windows) nhấn phím Option nhấp chuột (trong Macintosh) vào Layer muốn liên kết với Layer Motion Guide Tháo bỏ liên kết Layer từ Layer Motion Guide: Chọn Layer bạn muốn bỏ liên kết Sau bạn thực thao tác sau: TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 209 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 Kéo Layer bên Layer Motion Guide Chọn trình đơn Modify > Layer chọn Normal mục chọn Type hộp thoại Layer Properties • Nhấn phím Alt nhấp chuột (trong Windows) nhấn phím Option nhấp chuột (trong Macintosh) vào Layer muốn bỏ liên kết với Layer Motion Guide CHUYỂN ĐỘNG BIẾN DẠNG CHẾ ĐỘ TWEENING SHAPE Với chế độ chuyển động Tweening Shape, bạn tạo hiệu ứng tương tự hiệu ứng Morphing (viết tắt từ Metamorphosing), kỹ thuật tạo hiệu ứng đặc biệt kỹ xảo hoạt hình, tạo cho ảnh xuất thay đổi liên tục thành ảnh khác (biến hình) Ngoài Flash làm chuyển động vị trí, kích thước màu sắc đối tượng Kỹ xảo hoạt hình hay sử dụng gọi tweening (viết tắt chữ in-betweening), tạo cho máy tính có khả tính toán vẽ khung hình trung gian khung hình hoạ só vẽ tay Morphing trình tweening vào đối tượng khác Khi bạn nhấp chuột vào nút Play, ảnh Gà chuyển động biến dạng từ từ thành Bê Khi bạn Tweening đối tượng lúc thường tạo kết tốt Nếu bạn muốn Tweening nhiều đối tương lúc, tất đối tượng phải Layer Flash Tweening đối tượng Group, Symbols, ký tự ảnh Bitmap Bạn phải sử dụng trình đơn Modify > Break Apart để gán chế độ Tweening Shape vào đối tượng Để điều khiển đối tượng thực nhiều thay đổi phức tạp, bạn dùng chế độ Shape Hints, điều khiển phần ảnh gốc di chuyển thành đối tượng Bạn xem mục “Cách dùng Shape Hints (các hình gợi ý)” phần sau để biết thêm chi tiết TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 210 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 Cách Tween đối tượng: Nhấp chuột vào tên Layer để kích hoạt Layer hoạt động chọn keyframe trống nơi bạn muốn vùng chuyển động bắt đầu Tạo ảnh đối tượng cho frame Bạn dùng công cụ vẽ để tạo đối tượng Ví dụ, để đơn giản bạn vẽ hình tròn Tiếp đến bạn tạo keyframe thứ hai có số frame mong muốn sau frame thứ Tạo ảnh frame cuối trình chuyển động (Bạn làm chuyển động hình dạng, kích thước, màu sắc vị trí đối tượng bước 2) Tại frame bạn dùng công cụ bút chì Pencil Tool vẽ vào chữ ”Flash 5” chẳng hạn Sau bạn nhấp chuột trở frame thứ chọn trình đơn Window > Panels > Frame Trong mục Tweening, chọn Shape Nhấp chuột kéo mũi tên kế bên mục Easing nhập giá trị vào ô để hiệu chỉnh tốc độ thay đổi frame chuyển động: TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 211 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 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 Chọn tùy chọn mục Blend: Mục chọn với Distributive tạo ảnh chuyển động mà đối tượng trung gian nhẳn không Mục chọn Angular tạo ảnh chuyển động mà giữ lại biên rõ ràng đường thẳng đối tượng trung gian Sau chọn xong tất mục có bảng Frame, frame bạn thước Timeline có hình giống hình bên Đối tượng diễn hoạt hình tròn biến thành chữ Flash5 Chú ý : Mục chọn với Angular thích hợp với biên sắc nét đường thẳng Nếu đối tượng bạn biên, Flash hoàn trở lại mục chọn Tween Shape Distributive TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 212 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 CÁCH DÙNG SHAPE HINT (CÁC HÌNH GI Ý) Để điều khiển đối tượng thực nhiều thay đổi phức tạp, bạn sử dụng Shape Hint Chế độ Shape Hint xác định điểm tương ứng ảnh đầu ảnh cuối Ví dụ bạn chuyển động vẽ khuôn mặt thay đổi nét mặt, bạn dùng ảnh gợi ý để đánh dấu vào mắt Sau đó, thay nét mặt trở thành ảnh lộn xộn vô định ảnh thay đổi chuyển động, mắt thay đổi, bạn nhận biết độc lập suốt trình chuyển động Các hình giống chuyển động có hình gợi ý riêng biệt Shape Hint có chứa chữ từ (a đến z) để xác định điểm tương xứng đối tượng bắt đầu đối tượng kết thúc Bạn dùng đến 26 Shape Hint Các Shape Hint nằm keyframe có màu vàng màu xanh keyframe cuối Các Shape Hint màu đỏ không nằm đường cong Các Shape Hint có ký tự a, b, c, d, e nằm đường cong có màu vàng Shape Hint ký tự f không nằm đường cong nên có màu đỏ TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 213 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 Để có kết qủa tốt đối tượng chuyển động, bạn làm theo cách dẫn sau đây: Đối với đối tượng chuyển động phức tạp, bạn tạo đối tượng trung gian làm chuyển động chúng thay bạn xác định đối tượng bắt đầu đối tượng kết thúc Bạn phải chắn Shape Hint hợp lý Ví dụ, bạn dùng ba đối tượng Shape Hint cho hình tam giác, ba tam giác phải loại tam giác gốc ban đầu tam giác thay đổi Loại trật tự chữ abc keyframe đầu abc keyframe thứ hai Các Shape Hint cho kết tốt bạn đặt chúng vào theo hướng ngược chiều kim đồng hồ đầu góc trái đối tượng Cách dùng Shape Hint: Chọn keyframe tiến trình tạo chuyển động Shape Tweening Chọn trình đơn Modify > Transform > Add Shape Hint Ảnh chế độ chọn Shape Hint xuất vòng tròn màu đỏ có chứa ký tự nằm đối tượng Di chuyển ảnh gợi ý Shape Hint đến điểm bạn muốn đánh dấu Chọn keyframe cuối chế độ chuyển động Ảnh chế độ Shape Hint cuối xuất nơi đối tượng với ký tự “a” có vòng tròn màu xanh TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 214 BIÊN SOẠN : KS PHAÏM QUANG HUY ... cụ vẽ để tạo đối tượng Ví dụ, để đơn giản bạn vẽ hình tròn Tiếp đến bạn tạo keyframe thứ hai có số frame mong muốn sau frame thứ Tạo ảnh frame cuối trình chuyển động (Bạn làm chuyển động hình. .. biệt kỹ xảo hoạt hình, tạo cho ảnh xuất thay đổi liên tục thành ảnh khác (biến hình) Ngoài Flash làm chuyển động vị trí, kích thước màu sắc đối tượng Kỹ xảo hoạt hình hay sử dụng gọi tweening... động, mắt thay đổi, bạn nhận biết độc lập suốt trình chuyển động Các hình giống chuyển động có hình gợi ý riêng biệt Shape Hint có chứa chữ từ (a đến z) để xác định điểm tương xứng đối tượng bắt đầu