THIẾT KẾ BANNER QUẢNG CÁO BẰNG MACROMEDIA FLASH 

Bài viết sử dụng font Unicode

Chào các bạn! hôm nay Tôi xin được phép trình bày phần cuối về banner để khép lại phần này trước khi chuyển sang những bài viết khác về mouse, menu, XML nhúng vào Flash,... Nhưng nếu có dịp nào đó thì tôi sẽ quay lại hướng dẫn tiếp về banner (tùy theo tình hình, xu hướng thiết kế trên mạng,...). Nhưng nếu bạn cần được giúp đỡ xin đừng ngừng ngại hãy gửi mail cho tôi, trong khả năng của tôi, tôi sẽ giúp bạn.

Chạy phần mềm MacroMedia Flash 5.0, bấm Ctrl + M chọn kích thước như sau: (468 x 60)px, màu gì thì tùy ý bạn, tiếp theo bấm Ok.

Bấm Ctrl + Shift + O tại Files of type chọn All files (*.*), chọn hình bàn tay (hình này bạn có thể vẽ từ bất cứ chương trình vẽ nào cũng được như PhotoShop, Paint Shop Pro,...sau đó nhớ lưu thành file .gif hoặc .jpg, tôi có gửi kèm theo 1 hình bàn tay bên dưới nếu bạn cần có thể download bên dưới bài viết này) và click mouse trái vào Open. Bấm mouse trái kéo và thả vào chính giữa bên ngoài ở phía dưới của banner. Mở Menu Insert chọn Creat Motion Tween (nói đến đây mới nhớ đến có bạn đọc hỏi tôi tại sao - Tôi mở Menu Insert nhưng không thấy Creat Motion Tween hiện lên cho Tôi chọn? là do mouse trái của bạn không chọn vào tấm hình đó hoặc là dòng chữ vừa gõ thì nó đâu biết bạn đang chọn cái gì? thì làm sao Creat Motion Tween hiện lên cho bạn chọn được!), tiếp theo click mouse trái vào dưới số 20 của thước bấm F6, gắp hình bàn tay này đưa lên nằm giữa bên trong banner, click vào dưới số 30 của thước bấm F6, lại gắp bàn tay này kéo xuống dưới lại.

Sau đó bạn click mouse phải vào Layer 1 chọn Insert Layer, bạn sẽ được Layer 2, kéo Layer 2 này xuống dưới Layer 1 (nói đến đây con lại nói cho các thánh nghe nhé! có bạn hỏi tôi tại sao hình lại nằm trên chữ hoặc chữ lại nằm trên hình, tôi muốn đảo ngược lại được không? thì bạn chỉ việc kéo Layer 2 này lên trên Layer 1 thì lát nữa bạn gõ chữ ở Layer 2 thì chữ sẽ nằm trên hình & ngược lại kéo Layer 2 xuống dưới Layer 1 thì hình nằm trên chữ! OK! mệt và bực lắm rồi đó nghe! nói vậy thôi chứ bực thì cắn răng mà chịu thôi chứ làm gì giờ!!!).

Bạn hãy click mouse trái vào dưới số 1 của thước ở Layer 2 chọn Text Tool (T), click mouse trái vào giữa lòng bàn tay gõ dòng chữ "Welcome to Lê Hưng" (nếu bạn không thích thì gõ luôn vào Welcome to Lê Hoàn vào đó cũng được), mở Menu Insert chọn Creat Motion Tween tiếp theo click mouse trái vào dưới số 20 của thước bấm F6, gắp dòng chữ này đưa lên nằm giữa bên trong banner, click vào dưới số 45 bấm F6, sau đó bạn tiếp tục click mouse trái vào dưới số 65 của thước bấm F6, vào Effect chọn Alpha, kề bên chọn 0%, vào Frame Actions gõ (nếu không gõ được thì bấm Ctrl + E, hoặc giả bạn có thể chọn trong Frame Actions):

Stop();

- Click mouse phải vào Layer 2 chọn Insert Layer bạn sẽ được Layer 3, kéo Layer 3 xuống dưới Layer 2, click mouse trái vào dưới số 1 của thước ở Layer 3 chọn Rectangle Tool (R) vẽ 1 hình chữ nhật vừa bằng banner của bạn (468 x 60)px. Bạn muốn phối màu cho hình chữ nhật vừa vẽ thì phụ thuộc tùy chọn trong Fill như hình bên dưới:

Click mouse trái vào dưới số 65 của Layer 3 bấm F6 vào Frame Actions gõ (nếu không gõ được thì bấm Ctrl + E, hoặc giả bạn có thể chọn trong Frame Actions):

loadMovieNum ("banner2b.swf", 1);

Sau khi xong bạn lưu lại và đặt tên là banner2a.fla và bấm Ctrl + Enter để chạy thử xem.

- Tương tự như vậy bạn hãy tạo thêm 1 banner2b.fla nhưng có bàn tay kéo ngang qua hàng chữ giúp cho hàng chữ này rõ từ từ giống như vén một bức màn qua vậy (tôi cũng sử dụng tính năng giống như bên trên tức là bàn tay nằm trên chữ, nhưng điều đặc biệt ở đây là có thêm 1 hình chữ nhật phối màu như trên - trong suốt và rõ từ từ lên và gắn vào giữa lòng bàn tay nên khi chạy đến đâu rõ dần đến đó)

- Layer 2 chấm dứt tại 65 của thước, bạn hãy vào Frame Action gõ (nếu không gõ được thì bấm Ctrl + E, hoặc giả bạn có thể chọn trong Frame Actions):

stop ();
loadMovieNum ("banner2a.swf", 1);

Cuối cùng mọi việc cũng đã xong bạn hãy bấm Ctrl + Enter để chạy thử xem! Bạn hãy mở lại banner2a.fla sau đó bấm F12 để hiển thị trong trình duyệt web.

- Bạn hãy download bàn tay ở đây: download

Vui lòng góp ý về bài viết này xin liên hệ:

Lê Quang Anh Hu'ng 

135T3 Tran Van Dang Street, District 3, Ho Chi Minh City, Vietnam.

E-Mail: lehunghp@yahoo.com hoặc ahung@hcmpt.vnn.vn  (khi gửi mail vui lòng đừng bỏ dấu Tiếng Việt)

Homepage: http://www.crosswinds.net/~lqahung/

Chúc Bạn & Gia Đình nhiều sức khỏe.

PcLeHoan 1996 - 2002
Mirror : http://www.pclehoan.com
Mirror : http://www.lehoanpc.net
Mirror : http://www.ktlehoan.com