Flash Hoa

Liên kết tài nguyên

Liên kết website

Thành viên trực tuyế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
  • Điều tra ý kiến

    Bạn nhận thấy trang web này như thế nào?
    Rất hay
    Đẹp
    Bình thường
    Không hay
    Ý kiến khác

    Chào mừng quý thầy cô và các bạn đến với website Phan Tuấn Hải.

    Gốc > THỦ THUẬT FLASH >

    Macromedia Flash - Dòng chữ bí ẩn

    Bạn muốn để ẩn một hình ảnh hay một dòng chữ dưới một bức ảnh và nó sẽ chỉ hiện ra khi bạn đưa chuột vào? Bài tập này sẽ mang lại cho bạn cách tạo ra một hiệu ứng chữ bí ẩn trong flash 8 có sử dụng Action Script. 

    Bước 1 

    Tạo một file flash mới, vào Modify > Document (Ctrl + J) và thiết lập Width: 300px, Height: 224px. Frame rate: 35fps.

    Bước 2 

    Kích đúp vào layer 1 đổi tên nó thành background. Chèn thêm một layer mới với tên là text.

    Bước 3 

    Khóa layer background, chọn layer text, sử dụng công cụ Text Tool (A) và nhập vào text vào.

    Bước 4 

    Thêm một layer mới với tên là Action

    Bước 5 

    Tìm một bức ảnh có cùng kích thước như file flash (300 x 224px) và inport nó vào (Ctrl + R

    Bước 6 

    Chọn ảnh vừa inport, nhấn phím Ctrl + K trên bàn phím (Align Panel) sau đó chọn phần Align, chọn căn chỉnh như hình sau

    Bước 7 

    Chọn Modify > Break Apart (Ctrl + B) để phá vỡ từng phần bức ảnh

    Bước 8 

    Chọn công cụ Selection Tool (V) và chọn từng phần của bức ảnh. Xem hình dưới

    Bước 9 

    Nhấn phím F8 (Convert to Symbol) để chuyển đổi nó sang dạng Movie Clip.

    Bước 10 

    Chọn Movie Clip mới tạo (một phần của bức ảnh), mở Properties Panel (Ctrl + F3) và nhập part1 vào phần <Instance Name>

    Bước 11 

    Kích đúp vào Movie Clip vừa tạo hoặc kích chuột phải chọn Edit in Place

    Bước 12 

    Chọn frame 1, mở Action Script Panel (F9) và đưa vào script sau:

    stop();

    Bước 13 

    Chọn frame 30 và nhấn phím F6. Sau đó chọn frame 10, dùng công cụ Free Transform Tool (Q) và kéo nhỏ phần bức ảnh như hình dưới

    Bước 14 

    Chọn frame 15, và làm như sau

    Bước 15 

    Trở lại scene chính (Scene 1) và lặp lại quy trình này cho tất cả các phần còn lại của bức ảnh

    Bước 16 

    Thêm một layer mới với tên là Invisible Button

    Bước 17 

    Trở lại layer Action, chọn phần đầu tiên của bức ảnh (part 1), mở Info Panel (Ctrl + I) và xem kích cỡ cũng như vị trí của phần đó. Sau đó ghi nhớ thông tin đó, chọn layer Invisible Button, dùng công cụ Rectangle Tool (R) và tạo một hình chữ nhật có cùng kích thước và vị trí với phần thông tin đã nhớ (của part 1)

    Bước 18 

    Chọn Invisible Button, mở Action Script Panel (F9) và đưa vào đoạn mã sau

    on (rollOver) { 
        tellTarget ("/part1") { 
            play(); 
        } 
    }

    Vậy là đã tạm xong! Hãy tiếp tục công việc tạo Invisible Button như chúng tôi đã hướng dẫn cho từng phần còn lại của bức ảnh.

    Download file nguồn!

     

    TH - HT

    Theo quantrimang 

     


    Nhắn tin cho tác giả
    Phan Tuấn Hải @ 23:21 29/02/2012
    Số lượt xem: 1672
    Số lượt thích: 0 người
    Avatar

    TVM thân chào

     
    Gửi ý kiến

    Lên đầu trang