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

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

Như chúng ta đã biết 1 banner quảng cáo thì có rất nhiều kiểu quảng cáo khác nhau, nhưng có vài dạng banner mà những chương trình thiết kế banner khác đều chào thua, đó là kiểu mà tôi sắp trình bày với các bạn sau đây, sẽ đẩy lùi tất cả những banner được thiết kế từ các chương trình khác. Bài viết hôm nay của tôi có thể sẽ làm các bạn thật sự sững sờ về mức độ tiện dụng, load nhanh, xuất nhiều thông tin hơn,... Tạo nên cuộc cách mạng cho những người thiết kế banner quảng cáo chuyên nghiệp hay dùng file .gif.

Tại sao tôi lại nói về mức độ tiện dụng, load nhanh, link đến nhiều website,...? vì như các bạn đang nhìn thấy banner bên trên chỉ có 2kb chắc các bạn sẽ không tin nhưng sự thật là vậy đó bạn ạ! Những đoạn Text đang chạy được load vào từ file .txt, và khi đưa mouse vào sẽ tạo nên hiệu ứng đổi màu chữ đồng thời bên dưới xuất hiện địa chỉ sẽ link tới. Các bạn chú ý sẽ thấy có nhiều link khác nhau đến nhiều website, đây chính sự bức phá của MacroMedia Flash mà bất cứ chương trình thiết kế banner nào cũng đều không thể làm được điều này. Bạn sẽ dễ dàng thay đổi quảng cáo ở file .txt một cách nhanh chóng mà không cần phải chỉnh sửa ở MacroMedia Flash. Ðể giải quyết vấn đề này mời bạn hãy cùng tôi thiết kế.

I. Tạo Banner ở MacroMedia Flash:

Chạy chương trình MacroMedia Flash 5.0, bấm Ctrl + M (468 x 60), click mouse trái vào dưới số 1 của thước, mở bảng Frame Actions, bấm Ctrl + E gõ đoạn code như sau:

//Nếu không tìm thấy file .txt sẽ nạp dòng này lên và link đến địa chỉ URL1
//Nếu tìm thấy tệp hung.txt thì sẽ load từ tệp hung.txt

text1 = "Text Banner Designed by Lê Hu'ng";
URL1 = "http://www.crosswinds.net/~lqahung/";
total = 1;
loadVariablesNum ("hung.txt", 0);
x = 3;

- Mở bảng Frame vào Label đặt tên là: LoadVariables

- Mở Menu Insert chọn Scene, double click vào Layer 1 đặt tên là code, click mouse trái vào dưới số 2 của thước bấm F6, mở bảng Frame Actions nhập đoạn code như sau: (nếu không nhập được bấm Ctrl + E)

onText = 1;
var textArray = new Array();
var urlArray = new Array();
var lengthArray = new Array();

for (i=1; i<Number(total)+1; i++) {
textArray[i] = eval("text" add i);
urlArray[i] = eval("url" add i);
lengthArray[i] = (length(textArray[i])*12);
}

Text.Text = textArray[onText];
http.http = urlArray[onText];
clickURL = urlArray[onText];
x = 570;
StartPoint = x;

- Click mouse trái vào dưới số 5 của thước bấm F6, mở bảng Frame Actions nhập đoạn code như sau: (nếu không nhập được bấm Ctrl + E)

x = x-6;
setProperty ("/Text", _x, x);

if (x<=-(lengthArray[onText])) {
onText = onText+1;
if (onText>Number(total)) {
onText = 1;
}

x = StartPoint;
setProperty ("/Text", _x, x);
Text.Text = textArray[onText];
http.http = urlArray[onText];
clickURL = urlArray[onText];

tellTarget ("_root.http") {
gotoAndPlay (1);
}
}

- Click mouse trái vào dưới số 6 của thước bấm F6, mở bảng Frame Actions nhập đoạn code như sau: (nếu không nhập được bấm Ctrl + E)

gotoAndPlay ("Scene 2", "Loop");

- Click mouse phải vào Code của Layer chọn Insert Layer, kéo Layer 2 này xuống dưới Code, Click mouse trái vào dưới số 1 của Layer 2 chọn Rectangle Tool (R) vẽ thành hình chữ nhật hết banner (mục đích để dòng chữ chạy bên dưới hình chữ nhật này), quét khối hình chữ nhật này, vào menu Insert chọn Create Motion Tween, sau đó double click vào hình chữ nhật này, click chọn vùng ở giữa hình chữ nhật bỏ đi chỉ giữ lại đường viền của hình chữ nhật thôi. Click vào Scene 2 để trở ra, click mouse trái vào dưới số 6 ở thước của Layer 2 bấm F5, bấm Ctrl + F (Frame) để mở bảng vào Tweening chọn none.

- Click mouse phải vào Layer 2 chọn Insert Layer, kéo Layer 3 xuống dưới Layer 2 và đặt tên là Text, click chọn Text Tool (T), click trái vào phía bên ngoài của banner phía phải, sau đó gõ chữ Lê Hưng, vào menu Insert chọn Create Motion Tween, bấm Ctrl + I (mở bảng Instance), ở Behavior: chọn Movie Clip, ở Name: gõ vào chữ Text, sau đó double click vào chữ Lê Hưng, cắt chữ Lê Hưng này (Ctrl + X), mở menu Window --> Common Libraries --> Buttons, gắp Push Bar (nút nhấn có trong Libraries) thả vào, mở bảng Object Actions nhập đoạn code như sau:

on (release) {
getURL (_root.clickURL, "_top");
}
on (rollOver) {
tellTarget ("_root.http") {
gotoAndPlay (1);
}
}

Double click vào nút nhấn này, xóa nút nhấn này đi và dán vào chữ Lê Hưng, mở bảng Text Options vào Variable: gõ chữ Text, click mouse trái vào dưới over của thước, xóa nút nhấn này đi và dán vào Lê Hưng, nhớ đổi màu chữ khác, mở bảng Text Options vào Variable: gõ chữ Text

 Click mouse trái vào dấu chấm dưới thước của Over bấm F5, quét khối dấu chấm của Hit và đằng sau (dưới thước) click mouse phải chọn Remove Frames, click mouse trái vào Scene 2 để trở ra, click mouse trái vào dưới số 6 của thước bấm F5, bấm Ctrl + F (Frame) vào Tweening: chọn none. 

- Click mouse phải vào Text chọn Insert Layer, kéo Layer này xuống dưới Text, click trái vào Text Tool (T), click mouse trái vào dưới chữ Lê Hưng nằm bên ngoài banner gõ chữ click here, vào menu Insert chọn Create Motion Tween, bấm Ctrl + I (mở bảng Instance), ở Behavior: chọn Movie Clip, ở Name: gõ vào chữ http

Double click vào click here, mở menu Insert chọn Create Motion Tween, click mouse trái vào dưới số 10 của thước bấm F6, di chuyển chữ click here này vào trong banner, click mouse trái vào dưới số 40 bấm F6 để nguyên vậy, click mouse trái vào dưới số 50 của thước bấm F6 di chuyển trở ra ngoài banner lại, click mouse trái vào dưới số 50, mở bảng Object Actions, double click vào Stop. Click mouse trái vào Scene 2 để trở ra, mở bảng bấm Ctrl + F (Frame) vào Tweening: chọn none, click mouse trái vào dưới số 6 của thước bấm F5.

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