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/.
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.
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.
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.
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.
Tạo banner đẹp với Anim-FX
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 có rất nhiều hiệu ứng đẹp cho bạn lựa chọn.
- 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 ý.
Tạo banner quảng cáo
 |
(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.
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
Phần 1
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/");
}
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:
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
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:
<script language="Javascript"> <!-- //
original 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",
"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 --->
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
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 --->
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
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. Lưu trữ tài liệu trên về máy vui lòng download file word tại đây |
0 nhận xét:
Post a Comment