Bài tập Flash 4: Tạo hiệu ứng sóng mờ trên kí tự

THIẾT KẾ WEB - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH BIÊN SOẠ�N : KS PHẠM QUANG HUY


TẠO HIỆU ỨNG DẠNG SÓNG MỜ
TRÊN KÝ TỰ
Có nhiều cách tạo hiệu ứng trên chuỗi ký tự thông qua các chương trình Swish hay Flax rất nổi tiếng (Tủ sách STK sẽ biên soạn tài liệu hướng dẫn trong đầu năm 2002), trong bài thực hành này bạn sẽ dùng hiệu ứng biến dạng đối tượng (văn bản) từ Flash để tạo ra đoạn phim hiển thị chuỗi ký tự mong muốn. Mặc dầu việc thực hành trên Flash khó thực hiện hơn so với hai chương trình nêu trên nhưng qua thực hành các bạn sẽ hiểu rõ hơn với các công cụ của Flash, bạn hãy làm theo các bước hướng dẫn sau đây:








?? Khởi động chương trình Flash, khi đó bạn sẽ làm việc trên một file mới hoàn toàn. Bây
giờ bạn hãy nhấp chọn trên trình File
UNGKYTU trong hộp thoại Save As. ?? Nhấp chọn công cụ Text Tool trong bảng công cụ và chọn màu tô cho ký tự trong hộp màu Fill Color là màu xám với giá trị màu hexa là #C0C0C0.
> Save để lưu file này với tên là HIEU-





?? Nhập vào một ký tự mong muốn với các thuộc tính như sau :


















THẾ GIỚI ĐỒ HỌA - TỦ SÁCH STK 24 GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH



THIẾT KẾ WEB - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH BIÊN SOẠ�N : KS PHẠM QUANG HUY
?? Để tạo cho ký tự biến dạng theo cách chuyển động Shape, bạn phải chuyển đổi ký tự trở thành đối tượng bằng cách chọn trên trình đơn Modify > Break Apart.






?? Nhấp chọn tiếp trên trình đơn Window > Panels > Frame để xuất hiện bảng Frame. Trong mục Tweening nhấp chọn tùy chọn Shape.











?? Nhấp chọn vào frame thứ 10 và nhấn phím F6 để thêm frame chuyển động.







?? Nhấp chọn vào keyframe 10 này, sau đó chọn màu tô cho đối tượng là màu đen.
?? Dùng các đường guideline để xác định vị trí cuối cùng của đối tượng tại keyframe thứ 10 này.









?? Nhấp chuột trở lại vị trí keyframe đầu tiên và dùng công cụng Arrow Tool để chọn công cụ Scale. Sau đó kéo kích thước của đối tượng lớn hơn kích thước ban đầu.




THẾ GIỚI ĐỒ HỌA - TỦ SÁCH STK 25 GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH



THIẾT KẾ WEB - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH BIÊN SOẠ�N : KS PHẠM QUANG HUY












?? Nhấn phím Enter để kiểm tra đối tượng chuyển động. Khi đối tượng chuyển động sẽ biến đổi từ màu xám sang màu đen. Bây giờ bạn sẽ tạo tiếp các ký tự khác trên Layer khác. Cách thực hiện cũng tương tự như trên nhưng sẽ khác một chút, bạn có thể thực hiện tiếp như sau:
?? Tạo mới Layer có tên là Layer2 (theo mặc định). Nhấp chuột vào frame thứ 5 và nhấn phím F6 để bắt đầu làm việc tại keyframe này.






?? Dùng công cụ Text Tool nhập vào ký tự trên Layer2 (ủ) kế tiếp ký tự trong Layer1 (T) này với các thuộc tính màu, font chữ, kích thước chữ đều giống như ký tự trước đó.
















?? Chọn trên trình đơn Modify > Break Apart để chuyển đổi ký tự trở thành đối tượng. Bạn hãy di chuyển đối tượng sao cho nó nằm đúng vị trí cuối cùng của ký tự trong Layer1. Vì vậy trước đó bạn phải sử dụng đến đường guideline như đã nói ở trên.


THẾ GIỚI ĐỒ HỌA - TỦ SÁCH STK 26 GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH



THIẾT KẾ WEB - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH BIÊN SOẠ�N : KS PHẠM QUANG HUY








?? Nhấp chọn vào bảng Frame (trình đơn Window > Panels > Frame), chọn các thuộc tính như trong các bước trước đó.















?? Lúc này bạn sẽ thấy xuất hiện đường chuyển động, nhấp chuột vào keyframe 15 trên Layer2 sau đó nhấn phím F6.





?? Chọn màu tô là màu đen để tô màu cho đối tượng tại keyframe cuối cùng này. Cách thực hiện giống như ký tự T trong Layer1.
















THẾ GIỚI ĐỒ HỌA - TỦ SÁCH STK 27 GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH



THIẾT KẾ WEB - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH BIÊN SOẠ�N : KS PHẠM QUANG HUY
?? Nhấp chuột trở lại frame đầu tiên (frame thứ 5) của Layer2 và dùng công cụ Arrow Tool, chọn công cụ Scale đến thay đổi kích thước của đối tượng. Sau đó di chuyển đối tượng này sao cho nó nằm chồng lấp một góc phải của ký tự.

















Kéo kích thước đối tượng
Chú ý : Do một số frame trên Layer1 ít hơn số frame trong Layer2 vì vậy bây giờ thêm vào số frame trên cả hai Layer để sau này nếu bạn có thể thêm số Layer vào nữa thì cũng chẳng có ảnh hưởng gì đến số frame này. Bạn phải xác định số frame cần thêm vào là bao nhiêu dựa vào số Layer thêm vào trên ký tự. Vì mỗi một ký tự nằm trên một Layer và mỗi một ký tự sẽ chuyển động 10 frame như bạn đã thực hiện từ trước đến giờ. Do trong bài ví dụ này chúng ta sẽ tạo chuyển động chuỗi ký tự "Tủ Sách STK" chỉ có chín ký tự, bạn sẽ chọn đến frame 55.
?? Nhấp chuột vào keyframe cuối cùng của Layer1 và trong mục Tweening chọn chế độ None.














?? Nhấp chuột vào frame 55 và nhấn phím F6 để thêm vào số lượng frame như đã nói trong phần chú ý ở trên.


THẾ GIỚI ĐỒ HỌA - TỦ SÁCH STK 28 GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH



THIẾT KẾ WEB - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH BIÊN SOẠ�N : KS PHẠM QUANG HUY














?? Bây giờ bạn hãy làm lại các bước trên cho Layer2 để có được số frame như hình.






?? Bây giờ bạn hãy tạo mới Layer thứ 3 có tên là Layer3, nhấn phím F6 tại frame 10 và dùng công cụ Text Tool để nhập vào ký tự kế tiếp (S). Nhớ nhấn phím tổ hợp Crl + B để chuyển đổi ký tự thành đối tượng.















Ký tự sau khi nhập
?? Nhấp chuột vào frame 20 và nhấn phím F6, nhấp chuột tiếp trở lại frame 10 trên Layer3 và chọn màu Fill Color là màu xám có giá trị hexa là # C0C0C0 sau đó chọn hiệu ứng trong bảng Frame là Shape. Khi đó keyframe của bạn sẽ xuất hiện giống như hình sau.
Chú ý : Để chọn màu chính xác, bạn hãy nhập giá
trị màu Hexa trong hộp thoại màu Fill Color hoặc Stroke Color.





THẾ GIỚI ĐỒ HỌA - TỦ SÁCH STK 29 GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 


THIẾT KẾ WEB - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH BIÊN SOẠ�N : KS PHẠM QUANG HUY














?? Bây giờ bạn có thể thực hiện tiếp các ký tự còn lại cho đến hết chuỗi ký tự. Lúc đó bạn sẽ có chuỗi keyframe như hình sau:





















?? Chọn trên trình đơn Control > Test Movie để kiểm tra đoạn phim.















THẾ GIỚI ĐỒ HỌA - TỦ SÁCH STK 30 GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH