Tìm kiếm

Google

KHUYẾN MÃI

GIÀY KM

Tài nguyên

FPT SHOP

Canifa

Hỗ trợ trực tuyến

Thành viên trực tuyến

0 khách và 0 thành viên

Thống kê

  • truy cập   (chi tiết)
    trong hôm nay
  • lượt xem
    trong hôm nay
  • thành viên
  • Sắp xếp dữ liệu

    Rất vinh dự được đón tiếp quý vị ghé thăm trang web

    Quý vị chưa đăng nhập hoặc chưa đăng ký làm thành viên, vì vậy chưa thể tải được các tài liệu của Thư viện về máy tính của mình.
    Nếu chưa đăng ký, hãy nhấn vào chữ ĐK thành viên ở phía bên trái, hoặc xem phim hướng dẫn tại đây
    Nếu đã đăng ký rồi, quý vị có thể đăng nhập ở ngay phía bên trái.


    Gốc > Thiết kế Flash bằng Macromedia Flash >

    Tạo menu đơn giản

    rong bài này, tôi sẽ giải thích cách tạo một menu flash đơn giản trong flash 8 bằng cách sử dụng Action Script.

    Bước 1

    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.

    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 2

    Chọn công cụ Line Tool (N), trong phần Properties Panel (Ctrl + F3) thiết lập các thuộ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ưới

    Bước 3

    Tạo nút đầu tiên cho menu bằng công cụ Text tool (T). Trong phần Properties Panel, 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à #9F9F9F

    Sau đó nhập vào tên của từng nút

    Bước 4

    Sử dụng công cụ Line Tool (N) để vẽ “mũi tên” ở bên trái text menu như hình dưới.

    Bước 5

    Tạo các nút khác trong menu theo cách tương tự như tạo nút đầu tiên

    Bước 6

    Chọn button đầu tiên (trong ví dụ là “About Company”) và nhấn F8 (hoặc vào Modify > Convert to Symbol) để chuyển đổi nút đầu tiên sang dạng Movie Clip.

    Bước 7

    Vào Properties Panel, tại phần nhập vào button1 như hình dưới

    Bước 8

    Kích đúp vào Movie Clip vừa tạo với công cụ Selection Tool (V). Bạn sẽ vào chỉnh sửa trong Movie Clip.

    Bước 9

    Chỉ 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 10

    Trở 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 11

    Chọn frame 15 và nhấn phím F6. Sau đó, kéo Graphic vừa tạo sang bên phải một chút, bạn nhớ giữ phím Shift trong quá trình kéo để không bị lệch.

    Bước 12

    Chọ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ọn Tint với màu là #4183BF cho mục Color đó (như hình dưới).

    Bước 13

    Kí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 keyframe và chọn Create Motion Tween từ menu xuất hiện

    Bước 14

    Khóa layer 1, chọn layer 2, kích vào frame 15 và nhấn phím F6. Sau đó kéo “mũi tên” về phía phải một chút nữa (nhớ giữ phím Shift khi kéo)

    Bước 15

    Kí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 16

    Trở lại scene chính (Scene 1), tạo một layer mới mở trên layer menu và đặt tên là 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 17

    Chọ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 18

    Tạ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. Bạn có thể download file nguồn tại đây.

    ( Nguồn: Quản trị mạng)


    Nhắn tin cho tác giả
    Vũ Thanh Thủy @ 14:42 13/01/2013
    Số lượt xem: 457
    Số lượt thích: 0 người
     
    Gửi ý kiến

    KIỂM TRA CODE

    CẢM ƠN QUÝ VỊ ĐÃ TRUY CẬP WEBSITE TIN HỌC VÀ ỨNG DỤNG ++ THANH THỦY RẤT MONG NHẬN ĐƯỢC NHIỀU Ý KIẾN ĐÓNG GÓP ĐỂ WEBSITE NGÀY CÀNG PHÁT TRIỂN