Bài tập Flash 2: Tạo lớp mặt nạ

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


DÙNG LỚP MẶT NẠ
Trong phần bài thực hành này bạn sẽ dùng lớp mặt nạ để tạo ra đoạn phim hiển thị chuỗi ký tự quảng cáo mong muốn. Bài thực hành này rất dễ thực hiện, 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à LOPMATNA trong hộp thoại Save As.













?? Nhấp chọn tiếp trên trình đơn Insert > New Symbol, trong hộp thoại Symbol Properties chọn các thuộc tính như trong hình sau :







?? Nhấp chọn công cụ Rectangle Tool trong bảng công cụ và chọn màu viền đối tượng trong hộp màu Stroke Color là màu vàng.


THẾ GIỚI ĐỒ HỌA - TỦ SÁCH STK 11 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 tiếp vào hộp màu Fill Color để chọn màu tô có màu giống như trong hình. Sau đó vẽ vào trong vùng làm việc ngay tại điểm khai báo hình chữ nhật.










Nhấp chọn màu tô mong muốn sau đó vẽ hình
chữ nhật vào vùng làm việc
?? Nhấp đúp chuột vào hình chữ nhật vừa tô để chọn hết màu tô và màu viền. Sau đó chọn trên trình đơn Window > Panels > Stroke.









?? Nhấp chọn vào hộp Stroke height và nhập vào giá trị 3 để xác định kích thước của đường viền có bề dầy là 3 pixel.
















THẾ GIỚI ĐỒ HỌA - TỦ SÁCH STK 12 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 vào nút Scene 1 tại góc trái phía trên của thanh thước Timeline để trở về giao diện chính của vùng làm việc.












?? Nhấn phím tổ hợp Ctrl + L để làm xuất hiện cửa sổ thư viện. Sau đó nhấp chọn vào cửa sổ thư viện, nơi hiển thị vùng xem trước của đối tượng và kéo đối tượng hiển thị đó vào vùng làm việc.























?? Chọn trên trình đơn Insert > Layer để tạo mới một Layer khác. Nhấp chuột vào công cụ Text Tool để nhập ký tự mong muốn vào vùng làm việc. (Nhập chữ THẾ GIỚI ĐỒ HỌA). Kích thước, font chữ và kiểu chữ bạn có thể xem như trong hình. Màu của ký tự bạn nên chọn màu trắng vì bạn đã tạo màu tô cho hình chữ nhật là một màu sắc nét.


THẾ GIỚI ĐỒ HỌA - TỦ SÁCH STK 13 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





















?? Chọn trên trình đơn Modify > Movie để thay đổi màu nền Background thành màu đen. Trong hộp thoại Movie > Properties, nhấp chọn vào hộp màu Background Color và chọn màu đen trong bảng màu xuất hiện.
















?? Nhấp chuột trở lại hình chữ nhật và di chuyển đến vị trí đầu chuỗi ký tự. Nhấp phải chuột tại keyframe đầu tiên của Layer hình chữ nhật và chọn lệnh Create Motion Tween có trong trình đơn.




THẾ GIỚI ĐỒ HỌA - TỦ SÁCH STK 14 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 tiếp chuột vào frame 40 trên thanh thước Timeline và nhấn phím F6 để thêm frame diễn hoạt cho đối tượng.












?? Thực hiện lại bước trên cho Layer 2 để cả hai Layer đều có số frame bằng nhau.










THẾ GIỚI ĐỒ HỌA - TỦ SÁCH STK 15 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 vào frame 20 trên Layer hình chữ nhật và nhấn phím F6 để chèn vào keyframe.






?? Di chuyển hình chữ nhật đến vị trí cuối cùng của chuỗi ký tự tại keyframe 20 này.







?? Nhấp phải chuột vào Layer chuỗi ký tự (Layer 2) và chọn lệnh Mask có trong trình đơn để tạo Layer 2 là Layer mặt nạ, Layer 1 là Layer bị mặt nạ che khuất.













?? Khi đó bạn sẽ thấy các Layer xuất hiện như trong hình sau :







?? Nhấn phím Ctrl + Enter để xem đoạn phim diễn hoạt trong chế độ Flash Player. Lúc đó bạn sẽ thấy đoạn phimvới chữ chuyển động từ trái qua phải. Từ đó bạn có thể tạo ra một số kiểu chuyển động khác dựa vào mẫu mặt nạ này.


THẾ GIỚI ĐỒ HỌA - TỦ SÁCH STK 16 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ạn có thể biến đổi kiểu hiệu ứng trên bằng cách dùng công cụ Rectangle Tool và tạo ra một loạt các hình chữ nhật đứng mỗi hình có một màu riêng nếu bạn muốn nhiều màu hiển thị trên ký tự ở Layer1.















Ba hình chữ nhật có ba màu khác nhau
?? Sau đó nhập vào chuỗi ký tự trên một lớp Layer khác và tạo chuyển động cho chuỗi ký tự này theo dạng Create Motion Tween. Sau đó bạn thêm vào frame và tạo lớp Layer Mask để giống như hình bên dưới.









?? Nhấn phím Ctrl + Enter để xem chuỗi ký tự diễn hoạt. Lúc đó bạn sẽ thấy chuỗi ký tự có nhiều hay ít màu là do tùy thuộc vào số lượng hình chữ nhật và màu tô trên trình chữ nhật đó.









Chúc các bạn thành công




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