Làm banner cho website với Banner Maker Pro

Tạo Banner: Khởi động chương trình MacroMedia Flash 5.0 --> Ctrl + M 468 x 60, chọn màu xanh nước biển đậm, sau đó bấm R Rectangle Tool, kẽ 1 khung màu xanh dương bao vừa vặn banner 468

Trang 1

Làm banner cho website với Banner Maker Pro

25-01-2005 09:35:15 GMT +7

Banner Maker Pro là một phần mềm dùng để tạo banner cho website một

cách đơn giản Nó thật sự hữu ích cho những bạn chưa biết sử dụng

Photoshop để tạo một banner riêng cho mình

Với giao diện đơn giản và dễ sử dụng, phần mềm giúp bạn tạo banner

bằng cách chọn màu nền, chèn hình, tạo hiệu ứng cho text Sau đây là các chức năng chính: + Thẻ Size dùng để chọn kích thước cho banner theo mẫu có sẵn hay theo bạn

+ Thẻ Background dùng để chọn màu nền cho banner

+ Thẻ Border và Shapes tạo đường viền và bóng mờ cho banner

+ Thẻ Images dùng để chèn thêm hình ảnh vào cho banner thêm sinh động

+ Thẻ Text, Text+ và Angel dùng để chèn text và hiệu ứng cho text Cuối cùng là thẻ Save để lưu lại banner sau khi đã hoàn tất Bạn có thể lưu ở hai chế độ là bình thường (use orginal) hoặc nén hình (save compressed) Ngoài ra, phần mềm còn hỗ trợ làm hình động (dạng*.GIF), hình nén (dạng *.GIF và *.JPG), cung cấp mã HTML và Java để chèn banner, tạo hiệu ứng con trỏ chuột vào trang web qua menu Amination và HTML/Javascript/Compress ngay trên menu chính

Bạn có thể download (bản trial) tại địa chỉ: http://www.bannermakerpro.com/

LÃNG TỬ

Tạo banner quảng cáo

Một tiện ích nhỏ giúp cho những ai không biết dùng photoshop nhưng cũng có thể tự tạo cho mình banner quảng cáo

Bạn truy cập vào trang: www.bannerbreak.com, chọn màu nền cho banner ở hai ô "Latest

Banners" và theo từng chủ đề muốn tạo

Gõ dòng chữ muốn xuất hiện trên banner tại dòng: "Banner Text", chọn font chữ, cỡ chữ nhấn Generate

Trang 2

Nếu thấy chưa ưng ý bạn tiếp tục sửa đổi lại Phía bên tay phải hiện ra lần lượt các ô bạn chỉ cần lựa chọn đúng mục đích để copy

Ví dụ: bạn có trang web cá nhân hay blog ở trang "MySpace" thì bạn copy trông ô đó Tương tự chọn đường link để chèn bào forum hay lấy link chèn ảnh vào blog Bạn cũng có thể save file ảnh

đó về máy

Như vậy bạn đã tự tạo cho mình một banner với kích cỡ 468 x 80 pixel Quá nhanh và đơn giản phải không

H.D.T - Sức Trẻ Việt Nam

Tạo banner đẹp với Anim-FX

- 16/11/2004 8h:24

Với Anim–FX, bạn không cần phải biết gì về Flash mà vẫn có thể làm ra được các Banner đẹp bằng Flash Với 1 thư viện với khá nhiều templates có sẵn cho công việc tạo hiệu ứng cho Flash, bạn sẽ thấy hài lòng về “sản phẩm” của mình

- Bước 1: bạn khởi động Anim-FX bạn sẽ nhìn thấy giao diện chào mừng

- Bước 2: các bạn nhập các dòng văn bản vào Text 1,2,3,4,5 mà bạn muốn hiển thị trong banner của bạn

- Bước 3: tiếp theo bạn Click vào chữ Splash Anims chọn hiệu ứng cho banner của bạn Trong này

Trang 3

- Bước 4: sau khi đã chọn xong và tinh chỉnh vừa ý các thông số như Xpos, Ypost, Size Các bạn nhấn Save Setting và Save Textfile là gần hoàn thành rồi đó

- Bước 5: các bạn vào thư mục cài đặt chương trình để lấy tập tin *.swf và *.txt ứng với tên hiệu ứng Splash Anims mà bạn chọn Ví dụ ở đây tôi chọn hiệu ứng World Map thì tôi sẽ lấy 2 tập tin worldmap.swf & worldmap.txt Đến đây là bạn đã hoàn thành banner của bạn rồi đó

Ngoài ra chương trình còn hỗ trợ bạn tạo đoạn mã cho trang web của bạn nếu bạn không muốn mất công Bằng cách nhấn vào HTML Code và nhấn General HTML

Lưu ý: để đọc được tập tin Flash máy bạn yêu cầu phải cài Flash Player Ngoài ra chương trình không hỗ trợ unicode nên bạn không thể gõ tiếng Việt

Tải bản dùng thử tại đây, bản thương mại được bán với giá 27 USD

Tìm banner động cho trang Web

Nếu mới tập thiết kế Web, không biết nhiều về Java Script hay Flash nhưng lại

muốn thiết kế một cái banner động cho trang Web của mình, bạn có thể “nhờ vả”

trang www.addesigner.com Vào đây, bạn dễ dàng tạo banner theo ý mà chẳng

tốn công nhiều lắm, chỉ cần đăng ký miễn phí một tài khoản là có thể tha hồ lựa

chọn trong hàng trăm mẫu Banner được thiết kế sẵn Nếu muốn banner mang

dấu ấn riêng của mình, bạn chỉ việc thêm thắt, chỉnh sửa và thay đổi nó tùy ý

MỸ TÚ (Tân Bình, TPHCM)

Tạo banner quảng cáo

02/03/2007 - 03:08 PM

(Sức trẻ VN) Một tiện ích nhỏ giúp cho những ai không biết dùng photoshop nhưng cũng có thể

tự tạo cho mình banner quảng cáo

Bạn truy cập vào trang: www.bannerbreak.com, chọn màu nền cho banner ở hai ô "Latest

Banners" và theo từng chủ đề muốn tạo

Gõ dòng chữ muốn xuất hiện trên banner tại dòng: "Banner Text", chọn font chữ, cỡ chữ nhấn Generate

Trang 4

Nếu thấy chưa ưng ý bạn tiếp tục sửa đổi lại Phía bên tay phải hiện ra lần lượt các ô bạn chỉ cần lựa chọn đúng mục đích để copy

Ví dụ: bạn có trang web cá nhân hay blog ở trang "MySpace" thì bạn copy trông ô đó Tương tự chọn đường link để chèn bào forum hay lấy link chèn ảnh vào blog Bạn cũng có thể save file ảnh

đó về máy

Như vậy bạn đã tự tạo cho mình một banner với kích cỡ 468 x 80 pixel Quá nhanh và đơn giản phải không

H.D.T - Sức Trẻ Việt Nam

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

MACROMEDIA FLASH

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

Phần 1

Trang 5

Chào tất cả các bạn! hôm nay tôi xin được phép trình bày cách thiết kế 1 banner bằng MacroMedia Flash 5.0 để nhúng vào web page như thế nào Trước khi bắt đầu bài viết này tôi xin có đôi lời cùng bạn đọc: như chúng ta đã thấy, hiện nay trên mạng có rất nhiều banner quảng cáo rất đẹp

và bắt mắt, banner được tạo ra từ rất nhiều chương trình như: Bannershop GIF Animator,

PhotoShop, Vì vậy, vấn đề đặt ra đối với người thiết kế Web là phải thiết kế 1 banner thật bắt mắt và đầy đủ ý nghĩa của banner mà mình thiết kế MacroMedia Flash sẽ giúp cho bạn điều đó, không những vậy nó còn vượt trội hơn những chương trình khác về sự bắt mắt đối với những người lướt trên mạng, tạo nên sự kinh ngạc, bất ngờ và đầy thú vị Trước đây có những web site còn e dè và cảnh giác với "Phương tiện đa truyền thông", nhưng hiện nay hầu như các website đua nhau nhúng MacroMedia Flash vào trang chủ của mình nhằm quảng cáo và thu hút lượng khách hàng về phía website của mình,

- Ðể các bạn tiện nghiên cứu về MacroMedia Flash xin hãy đi từng bước từ bài viết đầu tiên của tôi đến giờ thì các bạn mới hiểu được cách diễn giải của tôi Kể từ bài viết hôm nay tôi sẽ trình bày hàng loạt cách thức tạo banner quảng cáo và nhiều thủ thuật khác của MacroMedia Flash để các bạn tiện tham khảo và nâng cấp website của mình hoặc cạnh tranh với các website khác về mặt thẩm mỹ, Ðương nhiên muốn thiết kế được 1 banner đẹp mắt thì đòi hỏi thời gian và công sức của bạn bỏ ra hơi bị nhiều đó, nhưng bù lại bạn sẽ có 1 banner tuyệt vời

I Tạo Banner:

Khởi động chương trình MacroMedia Flash 5.0 > Ctrl + M (468 x 60), chọn màu xanh nước biển đậm, sau đó bấm R (Rectangle Tool), kẽ 1 khung màu xanh dương bao vừa vặn banner (468 x 60), vào Menu Insert chọn Creat Motion Tween, tiếp theo bấm Ctrl+I (Instance), ngay tại Behavior chọn: Button, tiếp theo click mouse trái vào banner chọn Actions, trong Object Action gõ như sau: (nếu không gõ được bạn hãy bấm Ctrl+E)

on (release) {

getURL ("http://www.crosswinds.net/~lqahung/");

}

Tiếp theo click mouse phải vào Layer 1 chọn Insert Layer, sau đó click mouse trái vào dưới số 1 của Layer 2 của thước bấm R (Rectangle Tool), sau đó kẽ 1 khung hình chữ nhật lớn hơn banner vừa vẽ, tiếp theo chọn toàn bộ hình chữ nhật này (không được bấm Ctrl + A vì như vậy sẽ chọn

cả hình chữ nhật ban đầu), chỉ được phép đè Shift kết hợp với mouse để chọn vùng ở giữa hình chữ nhật và các cạnh của hình này, vào Menu Insert chọn Creat Motion Tween, tiếp theo vào bảng Effect mở menu none chọn Alpha, kế bên là 100% kéo xuống còn 0%

Click double vào hình vừa vẽ (Ctrl + E), xóa hết hình vừa vẽ đi và đưa vào một logo nào đó vào (bạn muốn đưa vào phải sử dụng Ctrl+Shift+O) Lưu ý Logo của bạn phải kéo ra cho lớn bằng khung bạn vừa vẽ, có nghĩa là lớn bằng hình chữ nhật bạn vừa xóa đi Sau đó click vào Scene 1

để ra trở lại

Click mouse trái vào Logo và chỉ vào số 25 dưới thước bấm F6, bạn hãy xem hình như sau:

Trang 6

Bây giờ bạn click mouse trái vào biểu tượng Scale để thu nhỏ logo lại

Tiếp theo vào bảng Effect, chọn Alpha, kế bên là 0% bạn hãy kéo về lại 100% như lúc đầu

Sau đó chỉ mouse vào dưới số 25 của thước, vào bảng Frame (Ctrl + F), mở Tweening chọn none, tiếp theo click mouse trái vào số 25 dưới thước bấm F5 cho đến số 40 dưới thước, sau đó bấm F6 vào bảng Frame (Ctrl + F) mở Tweening chọn Motion Click vào dưới số

60 của thước bấm F6, di chuyển Logo qua phía tay trái của banner, sau đó bấm vào dưới số 65 của thước bấm F6, kéo Logo thu nhỏ về phía bên phải (click chọn Scale để thay đổi kích thước banner) Click mouse trái vào số 70 của thước bấm F6 kéo Logo trả trở lại như vừa rồi (mục đích là để cho Logo chạy đập vào thành bên trái của banner

co lại sau đó có độ đàn hồi đẩy trở ra)

Tiếp theo click mouse trái vào số 90 của thước bấm F6, sau đó kéo Logo ra khỏi banner (về phía tay trái)

Tiếp theo bạn click mouse phải vào Layer 2 chọn Insert Layer bạn sẽ được Layer 3, sau đó bạn mouse phải vào Layer 3 chọn Insert Layer bạn sẽ được Layer 4

- Bạn hãy click mouse trái vào số 90 của Layer 3 bấm F6 sau đó gõ dòng chữ "Welcome to Lê Hưng" bên ngoài banner phía tay trái Sau

đó click mouse trái vào dòng chữ, vào Menu Insert chọn Creat Motion Tween, tiếp theo click mouse trái vào số 110 của thước bấm F6, bạn hãy di chuyển dòng chữ "Welcome to Lê Hưng" vào trong banner (phía trên bên tay trái)

Javascript tạo banner luân hồi

Trang 7

Công cụ này đặc biệt hữu dụng cho việc quảng cáo Các tấm biển quảng cáo sẽ xuất hiện ngẫu nhiên kèm theo đường link

Dưới đây là mã nguồn:

content taken from Nic's JavaScript Page with

permission // lack of these three lines will result

in copyright infringment // introduced by:

vnexpress.net var currentdate = 0; var core = 0;

function initArray() { this.length =

initArray.arguments.length; for (var i = 0; i <

this.length; i++) { this[i] =

initArray.arguments[i]; } } link = new

initArray( "http://www.fpt.com.vn/",

"http://vnexpress.net/", "http://www.fpt.vn/" );

image = new initArray(

"http://vnexpress.net/vietnam/home/logo.gif",

"http://vnexpress.net/vietnam/home/logo.gif" );

text = new initArray( "FPT Internet", "Trang

thông tin tiếng Việt hàng

đầu", "FPT Internet" ); var

currentdate = new Date(); var core =

currentdate.getSeconds() % image.length; var

ranlink = link[core]; var ranimage =

image[core]; var rantext = text[core];

document.write('<a href=\"' +ranlink+ '\"

target=\"_blank\"><img src=\"'+ranimage+'\"

border="0" alt=\"'+rantext+'\"></a>'); // > </

SCRIPT>

Văn Bình

Tạo Banner Text đơn giản

Download:

http://www.dthoi.com/software/graphic/gif/ 5TBYB_E_USG.exe

Tôi dùng cái chương trình tạo gif động Ulead Gif Animator bản 5.0

các bạn mở chương trình và chọn một cái hình nền tuỳ thích kích cỡ như một cái banner

ngang :770 pixel chiều đứng 108 pixel chẳng hạn hảy tuỳ thích bạn có thể chọn một hình nền bất

kỳ trong chương trình luôn cũng được các bạn vào file ->

Trang 8

Open Image chọn một hình nền nàp đó xong các bạn chọn thẻ Frame >Add Banner Text

Sau Đó ngay tại hộp nhập text bạn nhập tên bạn chẳng hạn tôi nhập romeowillkiss

sau đó bạn có thể chọn font chữ và xem ngay bạn thích kiểu nào thì dừng để phóng to kích cỡ chữ bạn phải sơn đen chử trong hộp text sau đó chọn kícch cỡ như thế nào là tùy bạn

bạn có thể chon mầu chữ ở đây tôi chọn màu đen và bạn có thể tạo hiệu ứng bóng ở thẻ Shadow các hiệu ứng chuyển động ở trong thẻ Effect

Bạn có thể tạo màu viền quanh chữ tại thẻ Neon ở đây tôi chọn màu vàng

Thẻ Frame Control quy định thời gian hoạt hình nhanh hay chậm tuỳ bạn Sau đó bạn co thể bấm Start Preview Để xem thử nếu vừa ý thì ok

ở đây do quá trình upload bị lỗi cái banner to đùng và rất đẹp của tôi bị hư cho nên tôi upload tạm một cái này nó hơi bi lệch và xấu hơn cái trước

tôi sẽ upload lại cái banner của mình sau ,nó rất đẹp đó Các bạn thứ lỗi xem tạm cái này

Chương trình này có rất rất nhiều chức năng tuy nhiên chức năng chính là tạo gif động và bạn có thể chuyển sang dạng flash bạn cững có thể tạo hình động theo riêng mình và có thể tạo theo thuật sĩ WinZard bạn chỉ việc nhập các hình và bấm next > finish là xong bạn có thể import một đoạn video sau đó cắt xem bớt và bạn có thể lưu lại về -> gif động Bạn cững có thể tạo file exe

và gửi vào mail cho bạn của bạn với hiệu ứng chạy ngay trên nền Desktop rất ngộ nghĩnh

hẹn gặp lại

Bài viết của Romeowillkiss

Cách tạo background cho blog entry của bạn!

Trang 9

Thế này, bạn muốn bài viết của mình thêm sống động, thu hút , hấp dẫn???

Một trong những yếu tố đó chính là cái background cho blog entry của mình

ví dụ như cái background này chẳng hạn

Đơn giản thôi Thế này nhé!

1 Đầu tiên bạn phải có đường link cho cái background của mình,

-Bạn có thể post ảnh mình thích lên một account đã tạo trên www.photobucket.com rồi coppy cái URL của cái ảnh mình đã post

-Hoặc dùng những background đã design rồi của một số trang như:www.bigoo.ws Nhớ là coppy lấy cái đường link như http://image.bigoo.ws/

2 Bạn trở lại cái blog entry của mình

Đánh dấu vào view html

coppy câu lệnh sau

<center> <br/> <table style=""align="center"

background="http://images.bigoo.ws/content/background/animated/animated_60.gif"

border="1" cellpadding="1" cellspacing="1" > <tbody> <tr> <td style=""> <div

class="image-wrapper">

Thay đường link màu đỏ bằng đường link bạn đã lựa chon từ bước 1

thế là xong thôi

3 Một số link cho bạn lựa chọn này

http://images.bigoo.ws/content/background/animated/animated_8.gif

Trang 10

cảm ơn Tunglee Dựa theo bài viết của tunglee

Tạo Background+texture+khung

Trả lời Liên hệ

Tạo cọ có hình hoa văn

Làm một cái Tut chào năm mới nào !!!

Kĩ thuật này rất đơn giản, nếu bạn chịu khó mày mò, thử qua các pattern và thay đổi chế độ brush thì sẽ tạo ra được rất nhiều loại cọ đẹp đó ^^ ( cái này là em đang nghịch 1 tí thôi, thấy hay hay nên hứng chí post lên luôn, hi vọng giúp ích được mọi người 1 phần nào đó ^^ , gút lắc )

1 nè : Tạo file mới với kích thước 3.3 px, nền trong suốt,mục đích để tạo ra những pattern phục

vụ cho bài thực hành này … Bạn hãy phóng to file này ra, rồi dùng pencil chấm vài phát như hình sau :

Rồi vào Edit> Defind pattern, đặt tên cho nó

2 nè : Sử dụng công cụ Shape tool, chọn lấy 1hình bạn thích rồi vẽ nó lên , ví dụ như ở hình sau :

3 Vẽ xong rồi bạn tạo 1 layer mới, merge layer mới với layer shape vào ( ctrl+e)

4 Tiếp theo, bạn dùng công cụ Rectangular marquee, tạo 1 vùng chọn vừa đủ xung quanh hình cái lá, như sau nè

Tiêu đề	Làm banner cho website với Banner Maker Pro
Tác giả	H.D.T, MỸ TÚ
Trường học	Sức Trẻ Việt Nam
Thể loại	Bài viết
Năm xuất bản	2005
Thành phố	Tân Bình

Định dạng
Số trang	16
Dung lượng	1,04 MB