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.
1
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
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.
2
- 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 ý.
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ể
3
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
4
Bài viết sử dụng font Unicode
Phần 1
Trang 1 Trang 2
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
5
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
6
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/lo
go.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
7
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
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!
8
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
9
http://images.bigoo.ws/content/background/animated/animated_8.gif
http://images.bigoo.ws/content/background/animated/animated_9.gif
http://images.bigoo.ws/content/background/animated/animated_10.gif
http://images.bigoo.ws/content/background/animated/animated_11.gif
http://images.bigoo.ws/content/background/animated/animated_12.gif
http://images.bigoo.ws/content/background/animated/animated_13.gif
http://images.bigoo.ws/content/background/animated/animated_14.gif
http://images.bigoo.ws/content/background/animated/animated_15.gif
http://images.bigoo.ws/content/background/animated/animated_16.gif
http://images.bigoo.ws/content/background/animated/animated_17.gif
http://images.bigoo.ws/content/background/animated/animated_18.gif
http://images.bigoo.ws/content/background/animated/animated_19.gif
http://images.bigoo.ws/content/background/animated/animated_20.gif
http://images.bigoo.ws/content/background/animated/animated_21.gif
http://images.bigoo.ws/content/background/animated/animated_22.gif
http://images.bigoo.ws/content/background/animated/animated_23.gif
http://images.bigoo.ws/content/background/animated/animated_24.gif
http://images.bigoo.ws/content/background/animated/animated_25.gif
http://images.bigoo.ws/content/background/animated/animated_26.gif
http://images.bigoo.ws/content/background/animated/animated_27.gif
http://images.bigoo.ws/content/background/animated/animated_28.gif
http://images.bigoo.ws/content/background/animated/animated_29.gif
http://images.bigoo.ws/content/background/animated/animated_30.gif
http://images.bigoo.ws/content/background/animated/animated_31.gif
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 :
10
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è
5. Sau đó, vào Edit> Defind Brush , đặt tên cho nó. Ta đang tạo 1 cái cọ hình lá phong đây. Những
thao tác trên chắc ai cũng biết cả, nhưng thôi danger vẫn ghi ra cho nó đầy đủ, kẻo lại chẳng ra
đâu vào đâu ^^ !
6. Sau khi mình đã có cọ lá phong , ấn F5 để hiển thị hộp thoại edit brush :
11
Tại hộp thoại này, ta sẽ tiến hành thiết lập các thông số để tạo cọ có hình hoa văn pattern .
7. Tại mục Shape dynamics, bạn hãy kéo thanh trượt để chỉnh độ co giãn to nhỏ của cọ, phần này
khôgn quan trọng lắm, bạn có thể dùng thông số sau
8. Tại mục Scattering, thay đổi thông số scatter để chỉnh độ lộn xộn của cọ, count chỉnh độ dày
mỏng, cũng như count Jitter , bạn có thể dùng thông số sau
12
Thử thay đổi phần control để thấy sự khác biệt ^^
9. Tại mục Texture, bạn hãy mở hộp texture ra và chọn cái pattern mình vừa defind ý, như hình sau
nà
10. Cuối cùng đến mục Other dynamic, để cho cái cọ của mình có độ đậm nhạt thay đổi , bạn hãy
13
chỉnh thông số cho phần coltrol, như hình sau
11. Công việc của chúng ta đã hoàn thành, bi giờ thử xem lại thành quả nào :
Dựa theo đó, bạn hãy sáng tạo thêm nhiều cọ ứng dụng từ pattern của mình nhé ! Đây chỉ là 1 gợi
ý rất nhỏ, Chúc bạn thành công ^^ Nhớ ủng hộ dohoavn nha …
http://dohoavn.net/forum/showthread.php?t=6078
http://360.yahoo.com/doanchithuy
forevermyweb
Mr Silent
14
Không có nhận xét nào:
Đăng nhận xét