Dạy thiết kế web - Hướng dẫn thiết kế web, Kỹ thuật thiết kế website

Hiệu ứng hình lập phương

Xem kết quả: / 0
Bình thườngTuyệt vời 
Bài viết sẽ giải thích cho các bạn cách làm thế nào để tạo một hiệu ứng nâng cao với các khối hoặc các hình dựa trên Flash 8 và tất nhiên là có sử dụng Action Script.

Hãy di chuyển chuột lên trên các hình lập phương

Bước 1

Mở một file Flash mới. Vào Modify > Document (Ctrl + J). Thiết lập độ rộng và chiều cao tương ứng là: Width: 400 pixels và Height: 250 pixel. Chọn màu nền là #72768, Frame rate: 42 fps và chọn OK.

 
 
Bước 2

Chọn công cụ Rectangle (R). Bạn sẽ vẽ một hình chữ nhật không có màu viền. Để làm việc này, chọn màu cho Stroke là No color, màu Fill là màu trắng (white), và vẽ một hình lập phương 35 x 35px (Xem hình dưới)

 

Bước 3

Chọn hình lập phương vừa vẽ, nhấn F8 (hoặc vào Modify > Convert to Symbol) để chuyển đổi hình lập phương đó sang Movie Clip.

 

Bước 4

Kích đúp vào Movie clip trên với công cụ Selection (V). Bạn sẽ vào bên trong Mobie clip.

 

Bước 5

Chọn hình lập phương và nhấn phím Ctrl + C (Copy), tạo một layer mới (layer2), chọn frame 2 và nhấn phím F6, sau đó nhấn Ctrl + Shift + V (Paste in Place).

Bước 6

Trở lại layer 1, chọn nó và nhấn phím F8 (Convert to Symbol) để chuyển nó sang Button. Xem hình dưới.

 

Bước 7

Sử dụng công cụ Selection Tool (V), click một lần vào hình lập phương để chọn nó và mở Properties Panel (Ctrl + F3). Ở bên phải bạn sẽ nhìn thấy menu Color. Hãy chọn Alpha với 17%.

 

Bước 8

Chọn frame 8 và 13 rồi nhấn F6. Sau đó, trở lại frame 8, chọn công cụ Free Transform Tool (Q), nhấn và giữ phím Shift, dùng chuột kéo hình lập phương to ra một chút. Xem hình dưới.

 

Sau đó, chọn công cụ Selection Tool (V), lại chọn hình lập phương và mở Properties Panel. Trên menu Color, lại chọn Alpha và giá trị là 100%.

Bước 9

Kích chuột phải vào bất cứ đầu trong vùng màu giữa frame 1 với frame 8 và sau đó là giữa frame 8 với frame 13 cùng dòng, chọn Create Motion Tween từ menu xuất hiện.

 

Bước 10

Trở lại frame 1, dùng công cụ Selection Tool (V) và lại chọn hình lập phương. Nhấn phím F9 hoặc vào Window > Actions để mở Actions panel.

Bước 11

Nhập đoạn mã ActionScript bên dưới vào Actions Panel:

    on (rollOver)
      {
         play();
      }

Bước 12

Khóa layer1, chọn frame đầu tiên của layer 2, và trong Action Panel (F9) nhập vào mã sau:

     stop ();

Bước 13

Chọn frame 2 của layer 2, nhấn phím F8 (Convert to Symbol) để chuyển đổi hình lập phương này sang Graphic Symbol.

 

Sau đó, dùng công cụ Selection Tool (V), chọn hình lập phương, vào Properties Panel. Trong phần menu Color chọn Alpha và 17%.

Bước 14

Chọn frame 35 và 45 và nhấn phím F6.

Bước 15

Trở lại frame 35, dùng công cụ Free Transform Tool (Q) để tăng hình lập phương lên như là chúng ta đã làm đối với hình lập phương đầu tiên (Bước 8)

 

Bước 16

Kích chuột phải vào bất cứ đâu trong vùng giữa frame 2 với 35 và sau đó là frame 35 với 45, chọn Create Motion Tween từ menu xuất hiện.

 

Bước 17

Trở lại Scene chính (Scene1) và nhân các hình lập phương lên nhiều bản.

 Kết quả :

  Nguồn http://thegioiweb.vn/Story/vn/Flash_Swish/huongdanFlash/2009/6/8070.html
 

Khắc phục lỗi

Công cụ thiết kế website

Top 10 Add-on “hot” cho Firefox Top 10 Add-on “hot” cho Firefox Firefox vẫn nổi tiếng với hệ ...
Tool upload và download từ server Tool upload và download từ server FTP Commander 7.40 - chương trình ...
Một số trang web cung cấp tool online Một số trang web cung cấp tool online 1. Web 2.0 Badges – Tạo badges ...
Tool hỗ trợ làm flash mạnh mẽ nhất Tool hỗ trợ làm flash mạnh mẽ nhất Với SWiSH Max2 bạn có thể ...
Firebug -kiểm tra website Firebug -kiểm tra website Firebug là một công cụ chủ ...

Ebook

Ebooks Flash CS3 (english) Foundation Flash CS3 for Designers What you’ll ...
24h học Action scipts Dưới đây là tài liệu dùng để học action ...
Ebook học JavaScript Ebook học JavaScript bao gồm cả Tiếng Anh và ...
Ebook web nghe nhạc trực tuyến Bạn đang có ý định làm một website nghe ...
Tài liệu tiếng việt về PHP Biên soạn bởi: Mr. Cảnh Phúc Hiệu trưởng ...

Tin tức

Những tên miền Những tên miền "nguy hiểm nhất thế giới" Đó là những tên miền quốc gia Cameroon (.cm), ...
Tạo website trực tuyến, chuyên nghiệp, miễn phí Tạo website trực tuyến, chuyên nghiệp, miễn phí Nhằm phục vụ cho nhu cầu học tập, trao đổi, ...
Thiết kế Website và Làm thế nào để có 1 website ? Thiết kế Website và Làm thế nào để có 1 website ? Để có một website bạn phải tiến hành những ...
Các loại website Các loại website Có rất nhiều loại website nhưng có thể phân ...
Domain là gì ? Domain là gì ? Tên miền (Domain name) là định danh của website ...

Thăm dò

Bạn quan tâm về website ở điểm nào ?