Macromedia Flash - Tạo menu đơn giản
Số trang: 6
Loại file: pdf
Dung lượng: 226.93 KB
Lượt xem: 9
Lượt tải: 0
Xem trước 2 trang đầu tiên của tài liệu này:
Thông tin tài liệu:
Mở một file Flash mới. Chọn Modify Document (Ctrl + J). Thiết lập chiều rộng và cao cho file của bạn: 200 x 200px. Chọn màu nền là màu trắng, Frame rate là 26fps kích OK.
Nội dung trích xuất từ tài liệu:
Macromedia Flash - Tạo menu đơn giảnMacromedia Flash - Tạo menu đơn giảnNguồn:quantrimang.comTrong bài này, tôi sẽ giải thích cách tạo một menu flash đơn giản trong flash 8bằng cách sử dụng Action Script.Bước 1Mở một file Flash mới. Chọn Modify > Document (Ctrl + J). Thiết lập chiều rộngvà cao cho file của bạn: 200 x 200px. Chọn màu nền là màu trắng, Frame rate là26fps > kích OK.Dùng công cụ Selection Tool (V), kích đúp vào tên layer 1 để đổi tên thành nótrong menu.Bước 2Chọn công cụ Line Tool (N), trong phần Properties Panel (Ctrl + F3) thiết lập cácthuộc tính sau:- Chọn màu #DCDCDC cho Stroke color- Chọn loại đường kẻ là Solid với chiều dầy là 1- Tích chọn Stroke hinting để bỏ sách các vết mờ ở góc khi vẽSau đó, vẽ 4 dòng kẻ như hình dướiBước 3Tạo nút đầu tiên cho menu bằng công cụ Text tool (T). Trong phần PropertiesPanel, chọn theo các lựa chọn sau:- Chọn trường Static Text- Chọn kiểu fone Trebuchet MS- Chọn cỡ chữ 16- Màu chữ là #9F9F9FSau đó nhập vào tên của từng nútBước 4Sử dụng công cụ Line Tool (N) để vẽ “mũi tên” ở bên trái text menu như hìnhdưới.Bước 5Tạo các nút khác trong menu theo cách tương tự như tạo nút đầu tiênBước 6Chọn button đầu tiên (trong ví dụ là “About Company”) và nhấn F8 (hoặc vàoModify > Convert to Symbol) để chuyển đổi nút đầu tiên sang dạng Movie Clip.Bước 7Vào Properties Panel, tại phần nhập vào button1 như hìnhdướiBước 8Kích đúp vào Movie Clip vừa tạo với công cụ Selection Tool (V). Bạn sẽ vàochỉnh sửa trong Movie Clip.Bước 9Chỉ chọn phần “mũi tên”, nhấn Ctrl + X (Cut), tạo một layer mới, chọn nó vànhấn Ctrl + Shift + V (Paste in Place)Bước 10Trở lại layer 1 (layer text), chọn nó và nhấn tiếp F8 (Convert to Symbol) đểchuyển đổi nó sang Graphic.Bước 11Chọn frame 15 và nhấn phím F6. Sau đó, kéo Graphic vừa tạo sang bên phảimột chút, bạn nhớ giữ phím Shift trong quá trình kéo để không bị lệch.Bước 12Chọn công cụ Selection Tool (V), click một lần lên Graphic để chọn nó, mởProperties Panel (Ctrl + F3). Tại phần bên phải, bạn sẽ thấy mục Color. ChọnTint với màu là #4183BF cho mục Color đó (như hình dưới).Bước 13Kích chuột phải vào bất cứ vị trí nào trong vùng màu tím nhạt giữa hai keyframevà chọn Create Motion Tween từ menu xuất hiệnBước 14Khóa layer 1, chọn layer 2, kích vào frame 15 và nhấn phím F6. Sau đó kéo “mũitên” về phía phải một chút nữa (nhớ giữ phím Shift khi kéo)Bước 15Kích chuột phải vào bất kỳ vị trí nào trong vùng màu tím nhạt giữa hai keyframe,chọn Create Motion Tween từ menu xuất hiện.Bước 16Trở lại scene chính (Scene 1), tạo một layer mới mở trên layer menu và đặt tênlà IB1 (Invisibale Button 1). Sau đó, tạo Invisible Button lên trên nút đầu tiên.Xem hình dưới.Bước 17Chọn Invisible Button, nhấn phím F9 hoặc vào Window > Actions để mởActions Panel. Sau đó đưa đoạn code ActionScript sau vào Actions panel:on (rollOver) { _root.mouse_over_button1 = true;}on (rollOut) { _root.mouse_over_button1 = fstartlse;}Bước 18Tạo một layer mới với tên là A.S (Action Script). Chọn frame đầu tiên và đưa vàođoạn script sau:_root.button1.onEnterFrame = function() { if (mouse_over_button1) { _root.button1.nextFrame(); } else { _root.button1.prevFrame(); }};Vậy là đã xong
Nội dung trích xuất từ tài liệu:
Macromedia Flash - Tạo menu đơn giảnMacromedia Flash - Tạo menu đơn giảnNguồn:quantrimang.comTrong bài này, tôi sẽ giải thích cách tạo một menu flash đơn giản trong flash 8bằng cách sử dụng Action Script.Bước 1Mở một file Flash mới. Chọn Modify > Document (Ctrl + J). Thiết lập chiều rộngvà cao cho file của bạn: 200 x 200px. Chọn màu nền là màu trắng, Frame rate là26fps > kích OK.Dùng công cụ Selection Tool (V), kích đúp vào tên layer 1 để đổi tên thành nótrong menu.Bước 2Chọn công cụ Line Tool (N), trong phần Properties Panel (Ctrl + F3) thiết lập cácthuộc tính sau:- Chọn màu #DCDCDC cho Stroke color- Chọn loại đường kẻ là Solid với chiều dầy là 1- Tích chọn Stroke hinting để bỏ sách các vết mờ ở góc khi vẽSau đó, vẽ 4 dòng kẻ như hình dướiBước 3Tạo nút đầu tiên cho menu bằng công cụ Text tool (T). Trong phần PropertiesPanel, chọn theo các lựa chọn sau:- Chọn trường Static Text- Chọn kiểu fone Trebuchet MS- Chọn cỡ chữ 16- Màu chữ là #9F9F9FSau đó nhập vào tên của từng nútBước 4Sử dụng công cụ Line Tool (N) để vẽ “mũi tên” ở bên trái text menu như hìnhdưới.Bước 5Tạo các nút khác trong menu theo cách tương tự như tạo nút đầu tiênBước 6Chọn button đầu tiên (trong ví dụ là “About Company”) và nhấn F8 (hoặc vàoModify > Convert to Symbol) để chuyển đổi nút đầu tiên sang dạng Movie Clip.Bước 7Vào Properties Panel, tại phần nhập vào button1 như hìnhdướiBước 8Kích đúp vào Movie Clip vừa tạo với công cụ Selection Tool (V). Bạn sẽ vàochỉnh sửa trong Movie Clip.Bước 9Chỉ chọn phần “mũi tên”, nhấn Ctrl + X (Cut), tạo một layer mới, chọn nó vànhấn Ctrl + Shift + V (Paste in Place)Bước 10Trở lại layer 1 (layer text), chọn nó và nhấn tiếp F8 (Convert to Symbol) đểchuyển đổi nó sang Graphic.Bước 11Chọn frame 15 và nhấn phím F6. Sau đó, kéo Graphic vừa tạo sang bên phảimột chút, bạn nhớ giữ phím Shift trong quá trình kéo để không bị lệch.Bước 12Chọn công cụ Selection Tool (V), click một lần lên Graphic để chọn nó, mởProperties Panel (Ctrl + F3). Tại phần bên phải, bạn sẽ thấy mục Color. ChọnTint với màu là #4183BF cho mục Color đó (như hình dưới).Bước 13Kích chuột phải vào bất cứ vị trí nào trong vùng màu tím nhạt giữa hai keyframevà chọn Create Motion Tween từ menu xuất hiệnBước 14Khóa layer 1, chọn layer 2, kích vào frame 15 và nhấn phím F6. Sau đó kéo “mũitên” về phía phải một chút nữa (nhớ giữ phím Shift khi kéo)Bước 15Kích chuột phải vào bất kỳ vị trí nào trong vùng màu tím nhạt giữa hai keyframe,chọn Create Motion Tween từ menu xuất hiện.Bước 16Trở lại scene chính (Scene 1), tạo một layer mới mở trên layer menu và đặt tênlà IB1 (Invisibale Button 1). Sau đó, tạo Invisible Button lên trên nút đầu tiên.Xem hình dưới.Bước 17Chọn Invisible Button, nhấn phím F9 hoặc vào Window > Actions để mởActions Panel. Sau đó đưa đoạn code ActionScript sau vào Actions panel:on (rollOver) { _root.mouse_over_button1 = true;}on (rollOut) { _root.mouse_over_button1 = fstartlse;}Bước 18Tạo một layer mới với tên là A.S (Action Script). Chọn frame đầu tiên và đưa vàođoạn script sau:_root.button1.onEnterFrame = function() { if (mouse_over_button1) { _root.button1.nextFrame(); } else { _root.button1.prevFrame(); }};Vậy là đã xong
Tìm kiếm theo từ khóa liên quan:
Đồ họa – Thiết kế An ninh – Bảo mật Công nghệ thông tin Quản trị mạng Tin họcTài liệu liên quan:
-
52 trang 432 1 0
-
24 trang 358 1 0
-
Top 10 mẹo 'đơn giản nhưng hữu ích' trong nhiếp ảnh
11 trang 318 0 0 -
74 trang 302 0 0
-
96 trang 297 0 0
-
Báo cáo thực tập thực tế: Nghiên cứu và xây dựng website bằng Wordpress
24 trang 289 0 0 -
Đồ án tốt nghiệp: Xây dựng ứng dụng di động android quản lý khách hàng cắt tóc
81 trang 284 0 0 -
EBay - Internet và câu chuyện thần kỳ: Phần 1
143 trang 277 0 0 -
Tài liệu dạy học môn Tin học trong chương trình đào tạo trình độ cao đẳng
348 trang 269 1 0 -
Tài liệu hướng dẫn sử dụng thư điện tử tài nguyên và môi trường
72 trang 267 0 0