Quá trình tương tác của hiệu ứng sao băng và phương pháp tạo ảnh sao băng p8 doc

GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 16


TẠO SÓNG TRUYỀN HÌNH

Để tìm hiểu rõ thêm về các ứng dụng của các loại Symbol. Trong bài thực hành này
chúng ta sẽ dùng các Symbol Movie để tạo ra cảnh các sóng truyền hình lan truyền trong không
trung. Nói rằng sóng truyền nhưng không giống cho lắm nhưng có thể tạm gọi là như thế.

Cách thực hiện từng bước như sau:
1. Bảo đảm rằng bạn đang ở chương trình Flash 5.0. Sau đó mở file mới và đặt tên là
“Song Truyen Hinh”. Kích thước file bạn có thể chọn tùy thích. Sau đó chọn
File

>

Save
lưu file này lại.
2. Trước hết bạn sẽ tạo ra một đường gợn sóng. Chọn trên trình đơn
Insert

>

New
Symbol
và nhập vào mục Name là Movie Clip Song và mục Behavior là Movie Clip.
Sau đó chọn OK.


TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
346

GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 16

3. Nhấp chuột vào keyframe thứ nhất trên Layer1 và chọn công cụ
Oval Tool
, sau đó
chọn màu vẽ
Stroke Color
là một màu vàng có trong bảng màu. Trong khi đó bạn
chọn màu
Fill Stroke
là rỗng nằm tại góc phải trên.

4. Bạn có thể vẽ đối tượng sao cho điểm khai báo (có hình dấu +) là tâm của đối tượng
bằng cách dùng các đường Guideline xác đònh. Trong phần tạo ra các đường sóng này,
bạn có thể vẽ đường sóng tròn hoặc đường sóng hình oval.

5. Bây giờ bạn nhấp chuột vào keyframe thứ 30 tại Layer1 trên thanh thước Timeline.
Sau đó nhấn phím F6.

Nhấp chuột vào keyframe thứ 30
6.
Nhấp phải chuột tại keyframe thứ nhất trên Layer1 và chọn lệnh
Create Motion
Tween
có trong trình đơn
Context
.


TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY

347
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 16

7. Nhấp chuột tại keyframe cuối cùng trong thanh
thước Timeline và dùng công cụ
Scale
(thu phóng)
trong vùng công cụ
Arrow Tool
, kéo các handle tại
các góc của đối tượng để thay đổi kích thước đường
sóng.



Đường sóng trước và sau khi thay đổi kích
thước

8. Cuối cùng bạn nhấn phím Enter để xem chúng diễn hoạt.
9. Bây giờ bạn sẽ tạo tiếp một
Movie Clip
mới tiếp theo, chọn trên trình đơn
Insert

>

New Symbol
và nhập vào các mục có trong hộp thoại Symbol Properties như sau:

10. Chọn trình đơn

Window

>

Library
, tại
keyframe thứ nhất trên Layer1, bạn kéo mục
Movie Clip Song xuất hiện trong cửa sổ thư
viện vào trong vùng làm việc. Bạn đặt đường
sóng vào trong vùng làm việc sao cho tâm
khai báo (dấu +) của đường sóng trùng với tâm
khai báo trong vùng làm việc.
11. Bạn cũng có thể dùng các phím mũi tên trên
bàn phím để di chuyển nó. Dùng công cụ
Zoom In Tool để thấy được vò trí chính xác.


TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
348
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 16


Điểm khai báo trước và sau khi di chuyển
12. Sau đó bạn dùng công cụ
Scale
để hiệu chỉnh kích thước của đường sóng nhỏ lại. Vì
nếu tạo đường sóng lớn quá, chúng ta sẽ tốn thời gian tạo ra rất nhiều đường sóng nhỏ
chứa bên trong nó. Nhấp chuột tại keyframe thứ 30 trên thanh thước Timeline trong
Layer1 và nhấn phím F6.

13.
Trở lại keyframe thứ nhất và nhấp phải chuột, chọn lệnh
Create Motion Tween.

14. Nhấp chuột tại keyframe cuối cùng trên thanh thước và chọn công cụ Scale trong
công cụ
Arrow Tool
. Kéo các handle để thay đổi kích thước của đường sóng lớn hơn
lúc ban đầu.

TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
349
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 16

15. Nhấp chuột vào trình đơn
Insert

>

Layer
có tên mặc đònh là Layer2. Sau đó nhấp
chuột tại keyframe thứ 2 trên Layer2 này và nhấp phải chuột chọn lệnh Insert
Keyframe.

16. Bây giờ bạn có thể xoá các frame trống kế bên keyframe thứ 2 trong Layer2 này và
nhấp chuột trở lại keyframe thứ hai rỗng.

Các frame trống trong thanh thước
17. Kéo đoạn Movie Clip Song trong cửa sổ thư viện vào trong vùng làm việc và hiệu
chỉnh tâm điểm khai báo của đường sóng trùng với nhau như đã nói với đường sóng

thứ nhất trong bước 10.

18. Dùng công cụ
Scale
để hiệu chỉnh kích
thước của đường sóng thứ hai này sao cho
nó nhỏ hơn kích thước của đường sóng thứ
nhất.


TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
350
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 16

19. Lặp lại từ bước 11 cho đến bước 13 cho Layer2 này nhưng tại keyframe cuối cùng là
keyframe thứ 31. Bạn hãy kéo kích thước của đường sóng thứ hai này sao cho nó nhỏ
hơn kích thước của đường sóng thứ nhất.

20. Nhấp chuột tại keyframe thứ 31, và dùng công cụ
Scale
kéo thay đổi kích thước
đường sóng thứ 2 này sao cho nó luôn nhỏ kích thước hơn đường sóng thứ nhất. Lúc
này tại keyframe thứ 31 chúng ta không thấy được kích thước của keyframe 30 trong
Layer1 do đó bạn dùng các đường Guideline để xác đònh vò trí của đường sóng thứ
nhất và kéo kích thước của đường sóng thứ hai cho phù hợp.

21. Tạo tiếp một Layer mới và Layer này có tên là Layer3. Nhấp chuột tại keyframe
thứ 3 trên Layer3 này, chọn trên trình đơn
Insert > Keyframe
hay nhấp phải chuột

chọn lệnh Insert keyframe có trong trình đơn Context.
TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
351
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 16


22. Nhấp chuột vào keyframe thứ 3 rỗng trên Layer3 này và kéo đoạn Movie Clip Song
trong cửa sổ thư viện vào trong vùng làm việc. Sau đó đònh vò lại tâm khai báo sao
cho các tâm khái báo trùng vò trí với nhau. Dùng công cụ Scale thay đổi kích thước
sao cho đường sóng thứ ba nhỏ hơn đường sóng thứ nhất và đường sóng thứ hai.

Đường sóng thứ ba nhỏ nằm bên trong
23. Nhấp chuột tại keyframe 32 trong Layer3 trên thanh thước Timeline và nhấn phím F6.

24. Nhấp chuột trở lại keyframe thứ nhất trên Layer3, nhấp phải chuột chọn lệnh
Create
Motion Tween
có trong trình đơn
Context
như đã nói trong bước 11 cho đến bước 13.

TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
352