Giáo trình hướng dẫn cách tạo clip quảng cáo bằng kỹ thuật tween trong Macromedia Flash phần 7 pps

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


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 > Save để lưu file này với tên là HIEU-
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.

 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 GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0
24
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

 Để 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 GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0
25
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


 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 GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0
26

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


 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 GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0
27
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

 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 GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0
28
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 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 GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0
29
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 GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0
30