Tạo banner với link liên kết

click on   post logo banner with action and link

Tạo banner với link liên  kết


Chào các thầy cô và các bạn! Trong bài này tôi hướng dẫn cho bạn cách để tạo banner đẹp logo web với cái nhấp chuột vào thì mở ra  liên kết mới. Làm theo từng bước sau theo tôi hướng dẫn và tôi hy vọng bạn thực hiện nó.

 

Tạo banner với link liên  kết
Chào các thầy cô và các bạn! Trong bài này tôi hướng dẫn cho bạn cách để tạo banner đẹp logo web với cái nhấp chuột vào thì mở ra  liên kết mới. Làm theo từng bước sau theo tôi hướng dẫn và tôi hy vọng bạn thực hiện nó.

 

Ví dụ:


Bước 1
Tạo một file flash mới. Nhấn Ctrl + J trên bàn phím (Document Properties) và thiết lập kích thước của tài liệu của bạn là 400 x 400. Chọn bất kỳ màu nền là màu sắc. Tôi sử dụng ảnh nền cho nhưng bạn có thể sử dụng màu sắc, nếu bạn muốn. Thiết lập tỷ lệ  frame rate khung hình của bộ phim Flash của bạn đến 32 và kích OK.

click on  post logo banner with action and link

Bước 2

Nếu bạn muốn chèn cái ảnh nền vào khung làm việc thì các bạn hãy chọn ảnh rồi vào  File-> Import -> Import to stage , rồi  chọn hình ảnh của bạn để chèn vào khung làm việc.

Bước 3

Bạn hãy  công cụ Text Tool (A). Bây giờ  bạn gõ  bất cứ dòng chữ gì , tên gì vào khung soạn thảo văn bản của n flash. Ví dụ này tôi dánh 1 dòng chữ màu vàng font chữ thì tùy tôi gõ dòng chữ  www.tieuhoc.info

click on  post logo banner with action and link


Bước 4
Sau đó, với lựa chọn công cụ (V) chọn cả dòng vừa gõ . Sau đó nhấn F8 (Convert to Symbol) để chuyển đổi các văn bản này sang dạng Movie Clip.

click  on post logo banner with action and link

click on  post logo banner with action and link

Bước 5
Trong khi cái movie Clip mới  vừa làm vẫn được chọn, vào Properties Panel (Ctrl + F3) dưới sân khấu. Ở phía bên trái, bạn sẽ nhìn thấy  Instance  of  là tên của movie clips mà bạn vừa đặt tên. . Nhớ gõ đúng vào  cái ô cái tên mà bạn vừa đặt . Nhìn hình vẽ . Tôi đặt tên là text_mc nên tôi gõ vào Movie Clip là text_mc.

click  on post logo banner with action and link

Bước 6

Double-click  nhấp đúp chuột vào movie clip trên sân khấu ( cái dòng chữ vừa tạo đó)  với công cụ Selection (V). Bây giờ bạn có bên trong Movie Clip.

click on  post logo banner with action and link



Bước 7


Chọn một lần nữa cả hai văn bản và nhấn phím F8 (Convert to Symbol) để chuyển đổi các văn bản này thành một Movie Clip.

Và đặt tên là text_inside_mc.

Bước 8


Chọn frame 5 và nhấn phím F6. Trong khi bạn vẫn còn trên khung frame 5, đưa công cụ Selection Tool (V), click một lần trên văn bản và vào phần Properties Panel (Ctrl + F3) dưới sân khấu. Chọn Grow . Bên phải, bạn sẽ thấy Filter panel. Và làm tất cả như trong hình dưới đây. Như tôi sử dụng màu với mã # 0099CC

click on  post logo banner with action and link

Bước 9
Nhấp chuột phải vào bất kỳ nơi nào trong vùng màu xám giữa frame 1 và 5 trên timeline và chọn Create Motion Tween từ menu xuất hiện.



Bước 10 Trở lại scene chính (Scene 1).

Bước 11

Bây giờ tạo một lớp mới trên layer menu và đặt tên là Invisible Button.

Bước 12

Tạo nút Invisible trên nút đầu tiên. Xem hình dưới. (Cái này thầy cô dựa vào cách tạo nút nhấn mà làm bước này - Chắc thầy cô biết làm rồi)

click on  post logo banner with action and link


Bước 13


Chọn công cụ Selection Tool (V), click một lần  nữa vào nút invisible button  để chọn nó và vào Action Script Panel ( nhấn phím tắt F9). Sau đó, hãy nhập mã action script  . Bạn hãy copy và paste vào khung action như sau:

on (rollover) (
_root.mouse_over_text_mc = true;
) Trên (rollOut) (
_root.mouse_over_text_mc = fstartlse;
)
on (release) (
getURL ( "http://tieuhoc.info/");
)

Bước 14


Tạo một lớp mới trên lớp nút vô hình và đặt tên là hành động. Bấm vào khung hành động đầu tiên của lớp, đi một lần nữa để các AS panel và nhập mã lệnh hành động bên trong bảng điều hành:

_root.text_mc.onEnterFrame = function () (
nếu (mouse_over_text_mc) (
_root.text_mc.nextFrame ();
) Else (
_root.text_mc.prevFrame ();
)
);

Bước 15


Bây giờ, thầy cô  đã hoàn tất!

Nhấn  (Ctrl + Enter) để chạy thử và tận hưởng!

 

_______________________phamkhacl - Giới thiệu _________________

Pin It

________________________Source:tieuhocvn.info___________________

Top