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 2 docx

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 tiếp vào keyframe 15 và chọn trong bảng Frame Actions là cũng gán lệnh
Stop tại frame này. Sau đó gán nhãn cho frame này trong bảng Frame làsố 2.

 Nhấp chuột tiếp vào keyframe cuối cùng và chọn lệnh trong keyframe này là
gotoAndPlay (1) bằng cách nhấp đúp chuột vào lệnh Goto trong bảng Frame Actions.

 Nhấp chuột tiếp vào mục Type bên dưới bảng Frame Actions và chọn tùy chọn Frame
Label.

 Nhấp chuột tiếp vào vùng lệnh Go to and Play bên dưới bảng để bỏ dấu kiểm trong tùy
chọn này. Bây giờ câu lệnh trong frame tại bảng Frame Actions này là : GotoAndStop
(“1”);
THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0
59
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 vào frame 15 trên Layer Nut và nhấn phím F6 để chèn keyframe vào vò trí
này.

 Nhấp chuột vào đối tượng nút trên keyframe 15 này và chọn lệnh trong bảng Object
Actions là lệnh Go To.

THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0
60
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 vào dòng lệnh gotoAndPlay (1); và chọn trong mục Type là Frame Label.


Nhập giá trò 2 vào trong mục Frame bên dưới đó, lúc này bạn sẽ có các lệnh như sau :
on (release) {
gotoAndPlay ("2");
}


 Nhấp chuột trở lại keyframe thứ nhất trên Layer Nut này, bạn hãy thực hiện các bước
gán lệnh trên cho nút tại keyframe này. Cách thực hiện tương tự như trên để có câu lệnh
như sau:
on (release) {
gotoAndPlay ("1");
}

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




Chú y
ù : Số frame bạn có thể bỏ bớt để chỉ còn lại khoảng 20 frame thôi. Nếu chuỗi frame dài quá
sẽ làm cho chuỗi ký tự trong vòng tròn chuyển động không sắt nét.
 Bây giờ bạn hãy tạo mới Layer có tên là Layer Mask 3D, kéo đoạn phim STK Mat Na
và đặt nằm chồng lên ký tự STK trước đó sao cho chúng nằm chồng khích sát vào nhau.

Sau đó bạn hãy kéo lớp Layer này xuống dưới để cho nó nằm trên Layer

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


26. Nhấn phím Enter để xem đoạn phim diễn hoạt. Khi đó bạn sẽ thấy kết quả của bạn đang
thực hiện, đoạn thẳng sẽ chuyển động sang phải rồi sang trái.
27. Tạo mới một symbol movie clip có tên Movie Action trong hộp thoại Symbol
Properties.

28. Kéo đoạn phim có tên Line Movement từ cửa sổ thư viện vào trong vùng làm việc.

29. Nhấp chọn trên trình đơn Window > Panels > Instance, nhập vào mục Name trong bảng
Instance là line trong khi đoạn Line Movement phim đang chọn.

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

30. Tạo mới Layer2, dùng công cụ Rectangle Tool vẽ vào vùng làm việc hình chữ nhật
không có màu viền hoặc màu viền đen, màu tô là màu trắng (#FFFFFF). Sau đó nhóm
đối tượng hình chữ nhật này bằng cách chọn trên trình đơn Modify > Group.
Hãy di chuyển góc trái trên của hình chữ nhật nằm sát vào điểm khai báo của đoạn phim.

31. Nhấp chuột vào frame thứ 8 và nhấn phím F5 để thêm vào frame trống trên Layer1.

32. Nhấn phím F5 tại frame thứ 2 của Layer2, nhấp chọn frame này và xoá dữ liệu trong
frame để trở thành frame rỗng hoàn toàn.

33. Nhấn phím F6 tại frame 7 và frame 8, nhấp chọn vào khoảng keyframe thứ nhất trên
Layer2.

Keyframe 7 và 8 trống trên thanh thước Timeline
34. Chọn trên trình đơn Window > Actions và nhập vào các dòng lệnh sau trong bảng
Frame Actions ở chế độ Expert Mode. Bạn có thể xem lại các bài trước đó để biết cách
chọn vào chế độ Expert Mode.
escada = 1;
THẾ GIỚI ĐỒ HỌA – TỦ SÁCH STK GIÁO TRÌNH ĐIỆN TỬ : SỬ DỤNG FLASH 5.0
226
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

line = 52;
setProperty ("line", _visible, false);


35. Nhấp chuột vào khoảng keyframe trống từ frame 2 đến frame 6, nhập tiếp vào các lệnh
sau:
duplicateMovieClip ("line", "line" add escada, escada);
setProperty ("line" add escada, _y, escada*5);
setProperty ("line" add escada, _x, (line-escada)*6);
setProperty ("line" add escada, _xscale, escada*5);

36. Nhấp chọn tiếp vào keyframe 7 và nhập tiếp vào các dòng lệnh trong bảng Frame
Actions là:
if (Number(escada)<Number(line)) {
escada = Number(escada)+1;
gotoAndPlay (2);
}

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


37. Nhấp chuột tiếp vào keyframe 8 và gán lệnh Stop cho frame này.

38. Nhấp chuột trở lại vùng làm việc chính Stage, kéo đoạn phim có tên Flare Movie vào
vùng làm việc hai lần để có hai đoạn phim và đặt chúng hai bên trong vùng làm việc.

39. Dùng công cụ Rotate xoay đoạn phim bên trái hướng từ trái hướng lên trên.

40. Lặp lại bước trên cho đoạn phim, nhưng thực hiện ngược lại để cho hai đối tượng xuất
hiện đối nhau.

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


41. Tạo mới Layer2 và kéo đoạn phim có tên Movie Action vào trong vùng làm việc.

42. Bạn hãy nhấn phím Ctrl + Enter để xem đoạn phim diễn hoạt. Bạn hãy hiệu chỉnh lại
hai nguồn sáng của đoạn phim trong Layer1 sao cho khi diễn hoạt chúng xuất phát từ hai
phía hướng vào trong. Để thực hiện điều đó bạn phải chọn đoạn phim bên phải hoặc trái
trong giao diện tại Layer1 và lật nó theo chiều ngang bằng cách chọn đoạn phim và chọn
trên trình đơn Modify > Trasform > Flip Horizontal.

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

43. Cuối cùng bạn có thể trang trí thêm một số ký tự hoặc ảnh khác cần thiết.


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