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

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

Ðể tạo 1 banner đẹp mắt và nhẹ ký thì đòi hỏi người thiết kế banner phải nắm bắt và cập nhật thường xuyên những gì mới mẻ, không những chỉ học hỏi những người đi trước mà những người đi sau cũng không kém phần quan trọng. Tại sao tôi lại nói như vậy? Bởi vì tôi nhận được rất nhiều thư bạn đọc đã hỏi tôi những câu hỏi thật sự hóc búa như: làm sao để giảm kích thước file .swf của MacroMedia Flash?, làm sao để kết nối nhiều file .swf lại với nhau? MacroMedia Flash có tạo được Hit Counter không?, Tạo sấm chớp bằng MacroMedia Flash được không? Tạo từ MacroMedia Flash để gửi nhận Mail được không? MacroMedia Flash có thể kết hợp cùng trình diễn với file .dat được không?,... còn rất nhiều những câu hỏi. Ðể trả lời những câu hỏi này các bạn hãy cho Tôi thời gian vì Tôi chỉ có 1 mình chống mafia, nhưng Tôi cũng rất cám ơn các Bạn đã cho tôi ý tưởng để có được bài viết ngày hôm nay và rút ra kinh nghiệm nhiều hơn trong việc thiết kế MacroMedia Flash.

Bên cạnh đó có những câu hỏi như: MacroMedia Flash 5.0 bán ở đâu trong khi bạn đang ở xa? Bạn hãy gửi mail đến địa chỉ sau: 

Vi tính Duy Nghi
128 Bùi Thị Xuân Q1
aoe@hcm.vnn.vn

- Mua sách hướng dẫn MacroMedia Flash ở đâu? Cái này không biết à! Bạn có thể gửi mail đến Anh Lê Hoàn ở Vi tính Duy Nghi hỏi thử xem. Vâng! còn nhiều câu hỏi nữa nhưng thôi chúng ta hãy thiết kế banner đi thôi hết giờ mất rồi!

Khởi động Chương trình MacroMedia Flash 5.0, chọn kích thước banner như sau: (468 x 60), click chọn Text Tool (T) gõ vào dòng chữ "Welcome To Lê Hưng".

Click mouse phải chọn Insert Layer, bạn sẽ được Layer 2, kéo Layer 2 xuống dưới Layer 1, click mouse trái vào dưới số 1 của thước ở Layer 2 này, sau đó chọn Rectangle Tool (R), vẽ 1 khối hình trụ màu trắng nằm bên ngoài phía tay trái của banner, bạn sẽ được như hình sau:

Muốn có được màu như khối hình trụ này bạn phải vào bảng Fill lựa chọn như hình sau:

Sau đó bạn có thể quay nghiêng khối hình trụ này khoảng 30 độ về tay phải (Ctrl + Alt + S), nhớ phải chọn khối này mới bấm (Ctrl + Alt + S), tiếp theo vào Menu Insert chọn Create Motion Tween, mở Instance vào Behavior chọn Movie Clip, name: gõ test. Mở bảng Frame vào Tweening chọn none.

Công việc tiếp theo là Double click vào khối hình trụ này, sau đó chọn khối hình trụ này mở Menu Insert chọn Create Motion Tween, click mouse trái vào dưới số 20 của thước bấm F6 đồng thời gắp khối hình trụ này ra ngoài banner phía tay phải (nghĩa là bạn tạo cho vệt sáng này chạy ngang qua banner của 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. Click mouse trái vào số 1 dưới thước của Layer 2, click chọn Rectangle Tool (R), vẽ 1 khối hình chữ nhật trùm hết banner này, khối này Tôi chọn màu vàng. Click vào Scene 1 để trở ra.

Click mouse phải vào Layer 1 chọn Mask. Bây giờ bạn có thể lưu lại và bấm F12 để chạy thử. Thật tuyệt vời phải không các bạn? Như vậy có nghĩa là yếu tố màu của chữ phụ thuộc vào khối hình chữ nhật trùm lên banner như Tôi đã diễn giải bên trên. Ngoài ra bạn có thể cho nó nối tiếp các Layer với nhau tạo nên nhiều dòng chữ có bảng màu khác nhau.

Như các bạn đang thấy banner trên hình đó có dòng chữ "Welcome To Lê Hưng" màu đỏ và màu nâu đó thì chỉ có 3 Kb mà thôi nên việc load file .swf này cực kỳ nhanh.

Có nhiều bạn đọc gửi mail đến hỏi Tôi, làm sao để giảm kích thước file .swf xuống? Tôi xin trả lời các bạn rằng nếu các bạn sử dụng chương trình MacroMedia Flash 5.0 thì hoàn toàn có thể được bạn hãy chẻ nhỏ các Layer này ra (nghĩa là tách Layer này thành file khác) như banner bên trên bạn nhìn thấy sau khi vệt sáng chạy qua chữ màu nâu lập tức load tiếp file thứ 2 sau đó trở về file thứ 1, muốn làm được như vậy bạn hãy thêm vào cuối của Layer (ở đây là sau khi vệt sáng chạy qua chữ màu nâu) bạn hãy gán cho nó đoạn code sau: (lưu ý b12.swf là tôi đặt cho file thứ 2):

loadMovieNum ("b12.swf", 0);

Ðồng thời ở file b12.swf pha trình diễn cuối cùng tôi cũng gán cho đoạn code như sau:

loadMovieNum ("banner12.swf", 0);

Ngoài ra bạn có thể cho nó trình diễn hết banner này đến banner khác đến 100 hoặc 1000 banner,... cho xoay vòng cuối cùng trở về lại banner 1 (với điều kiện nhỏ thôi! mỗi banner phải gán cho nó đoạn code mà nó sẽ load, tất cả các file .swf & file .html phải nằm cùng 1 thư mục) chỉ đơn giản vậy thôi. Nhưng khi trên mạng bạn sẽ nhận ra sự ưu việt của chương trình này là:

- Người dùng không phát hiện ra sự thay đổi giữa các file với nhau.

- Load cực kỳ nhanh (vì bạn đã chia nhỏ ra làm nhiều file)

- Tạo nên 1 banner nhiều màu sắc và tràn đầy hấp dẫn.

* Ðể chứng minh cho điều này mời bạn hãy ghé thăm website của Tôi các bạn sẽ thấy 1 banner ở trang chủ nhưng sự thực nó được kết nối từ 3 file .swf ghép lại với nhau tạo nên sự trình diễn liên hoàn. Ngoài ra tại Bản Ðồ Việt Nam cũng được kết nối từ 3 file .swf (1 file chứa bản đồ, 1 file chứa nút nhấn, 1 file chứa 1 chuỗi màu di chuyển theo mouse), ở đây có 1 điều đặc biệt là cả 3 file .swf cùng trình diễn nhưng nút nhấn chỉ hoạt động khi nào đưa mouse vào mà thôi và sẽ tự động tắt hướng dẫn trong vòng vài giây. Ở đây tôi sử dụng không chỉ 1 đoạn code mà tôi sử dụng 2 đoạn code ở trên (loadMovieNum) load cùng 1 lúc 2 file (nút nhấn, chuỗi màu) vào bản đồ Việt Nam.

Theo tôi nghĩ bài viết ngày hôm nay cực kỳ quan trọng vì nó giúp bạn giảm bớt kích thước file của bạn xuống, nó chính là sự ước muốn và mong mỏi của những người thiết kế web chuyên nghiệp. Tôi không dám nói là mình chuyên nghiệp nhưng Tôi chỉ có thể nói là mình yêu thích nghệ thuật thiết kế trang web mà thôi!

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