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

Thông tin tài liệu

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">  </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 [...]... 15 Nếu là các bạn chuyên về lập trình thì chắc hẵn không xa lạ gì cách tạo nền này, nhưng đối với các bạn mới tìm hiểu về tin học hay mới tậu cho mình một ổ flashdrive mà bạn thường hay gọi là usb chắc hẳn cũng sẽ muốn trang hoàng cho ổ đĩa usb của mình đúng không… Tạo background cho ổ đĩa: Để tạo hình nền cho ổ đĩa như hình 1 trên, lưu ý là ổ đĩa ở đây có thể là ổ cứng, ổ CDROM và cả FlashDrive nữa... Location: Viet Nam Posts: 85 Tạo background riêng cho từng bài viết - Giúp bài viết của bạn thu hút hơn ! Với cách dưới đây các bạn có thể trang trí từng bài viết theo chủ đề Giống như trong Blog của tôi 1.Chuẩn bị 1 bức hình làm hình nền có chiều rộng width="600" px còn chiều dài bằng bao nhiêu tuỳ vào độ dài bài viết của bạn Nếu kích thước ảnh không bằng với bài viết ảnh sẽ tự động lặp lại 2.Bạn vào... bạn đã chuẩn bị ở trên Nếu upload thành công nó sẽ cho bạn đoạn url của bức ảnh đó copy đoạn url đó Dán đoạn url đó thay cho dòng chữ - URL đến ảnh nền - ở đoạn code trên Chú ý : Nếu bạn preview lần đầu tiên có thể code sẽ không có tác dụng không sao Các bạn cứ save lại là code hiệu quả ngay A NEW DAY HAS COME December 21, 2007 Tạo background cho usb Filed under: Skills — kiril021 @ 6:15 pm 15 Nếu...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... 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... màu trong khi gif chỉ có 256 màu) File hình ciara.jpg và file desktop.ini phải cùng một thư mục, nếu ko bạn phải tạo đường dẫn đến file hình đó Để tránh nhầm lẫn với các file khác, bạn có thể ẩn 2 file này đi bằng cách nhấp chuột phải -> vô properties -> check chọn hiden -> OK Rồi vô Tool của thanh menu -> Folders options -> chọn tap view -> chọn đánh dấu Do not show hidden files and folders -> OK Khi... màu đen … Các bạn có thể vô photoshop,dreamwearver MX 2004 để biết thêm nhiều mã màu khác nữa, hay tham khảo thêm ở một số website về đồ họa như trang vietphotoshop.com Nếu trong ổ C: ko có file desktop.ini, bạn có thể tự tạo bằng cách mở notepad, gõ đoạn code ở trên vô, lưu file với tên desktop.ini, sau đó các bước còn lại cũng tương tự như ở trên Vì từ phiên bản win service pack 3 hay win punto mới... [{BE098140-A513-11D0-A3A4-00C04FD706EC}] iconarea_image=C:\WINDOWS\Resourc es\themes\EYEBALL XP RIENCE\ETERNITY.jpg iconarea_text=0×00FFFFFF thay “C:\WINDOWS\Resources\themes\EYEBALL XP RIENCE\ETERNITY.jpg ” bằng hình mà bạn muốn làm hình nền, ví dụ tui muốn hình nền là hình ciara.jpg thì đoạn code sẽ trở thành : [{BE098140-A513-11D0-A3A4-00C04FD706EC}] iconarea_image= ciara.jpg iconarea_text=0×00000000 Lưu lại file này(Ctrl + . 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. 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

Ngày đăng: 04/06/2013, 01:27

Xem thêm: Làm banner cho website với Banner Maker Pro