Giáo trình hướng dẫn tìm hiểu và sử dụng công cụ thuộc tính Rounded Rectangle Radius trong thiết kế Flash phần 6 ppsx

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




Thu nhỏ đối tượng
 Nhấp chuột chọn trên trình đơn Control > Test Movie để kiểm tra đoạn phim.


Đoạn phim đang diễn hoạt trong Flash Player
 Tương tự như trên bạn hãy làm đoạn phim khác, cách thực hiện cũng giống như bài này
nhưng bạn hãy xoay đối tượng cho nó thẳng đứng và vùng màu chuyển động theo hai
hướng ngược chiều nhau nếu bạn tạo ra hai đối tượng. Chúc các bạn thành công.

THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0
94
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ú y
ù : Để 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

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 NÚT 3 CHIỀU (
3
D) CHUYỂN ĐỘNG
QUANH KHỐI KÝ TỰ VÒNG TRÒN
Trong phần thực hành này bạn sẽ lấy một đối tượng chuyển động được tạo ra trong
chương trình 3D, sau đó đưa kết quả vào trong chương trình Flash để tạo thêm phần chuyển động
cho đối tượng. Chương trình thường dùng để tạo đối tượng chữ 3D thông dụng nhất là chương
trình Xara 3D và COOL 3D. Từ 2 chương trình này bạn có thể chọn nhiều kiểu chữ 3D mong
muốn sau đó xuất ra với đònh dạng Animated GIF (*.gif). Bước cuối cùng bạn import (nhập) file
này vào trong Flash thành một đoạn phim Movie Clip.

Bây giờ bạn hãy tiến hành thực hiện theo các bước sau đây:
 Giả sử bạn đã tạo xong chuỗi ký tự chuyển động với trạng thái lắc qua, lắc lại trong
chương trình Xara 3D4 và lưu thành file Animated GIF như hình bên dưới.

THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0
42
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


 Trở về chương trình Flash (nếu bạn chưa khởi động chương trình này, hãy khởi động nó
lên).
 Nhấp chọn trên trình đơn Insert > New Symbol, trong hộp thoại Symbol Properties xác
đònh các thuộc tính như sau:

 Sau đó bạn chọn tiếp trên trình đơn File > Import để nhập file Animated GIF ở trên,

trong hộp thoại Import, chọn đường dẫn và thư mục của file cần đưa vào. Sau khi chọn
xong nhấp chuột vào nút Open.


 Khi đó bạn sẽ thấy một dãy keyframe xuất hiện trong vùng làm việc, nhấn phím Enter
để xem chuyển động.
THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0
43