Banner... cách tạo cho những ai ko biết Photoshop
Đăng lúc 4/04/2011 02:35:00 PM
Blog bạn đã là 1 blog pro chưa? Căn bản nếu chưa,bạn có muốn blog mình nổi tiếng? Banner, 1 phương pháp nhanh để mọi người đến với blog bạn
Những blog nổi tiếng như Mr.Ajni V.I.P ,Sro , Dementor....( Kể hok hết đc...)Thì việc sở hữu 1 banner đẹp là hiển nhiên, xin các bậc anh chị cho dặt banner của mình vào mỗi entry, thì page view của mình sẽ tăng đột biến.Xin để banner vào blog bạn bè, thì chúng ta sẽ cùng nhau tiến.Blog phát triển, banner blog cũng phát triển theo.1 số ví dụ về banner:




Thiết kế banner với SWFText 1.3( Banner động )

Trong nhiều cách "trang điểm" cho blog hay website thì banner với hiệu ứng flash là một lựa chọn không tồi.
Với dung lượng chỉ 2.1 MB, SWFText quả bé nhỏkhi so sánh với sự đồ sộ của những chương trình thiết kế flash khác.Nhưng bạn đừng vội xem thường SWFText 1.3 vì chương trình mang đến hơn 200 hiệu ứng đẹp và nhiều chức năng hỗ trợ làm banner tuyệt vời. Menu chính của SWFText gồm 9 công cụ.
Ngoài Help để trợ giúp thì 8 công cụ còn lạiđều hỗ trợ bạn tạo ra những banner khiến người khác phải trầm trồ:
- Movie cho phép người sử dụng ấn định kích thước banner với các số đo cơ bản như chiều dài, chiều rộng và tốc độ hiển thị.
Ở đây, bạn cũng có thể click chọn Display border around flash movie - hiển thị đường viền quanh banner,

Enable right-click context menu over flash movie -hiển thị menu khi click chuột phải,Add preload to movie - hiển thị preload, Protect flash movie from being imported - chống "xâm phạm bản quyền".

- Để chọn hình nền cho banner,bạn sẽ vào phần Background.

Các lựa chọn cho nền gồm màu đơn nhất - Solid hoặc hiệu ứng màu Gradient.

Độc đáo hơn, bạn có thể tận dụng kho hình nền phong phú của mình bằng cách chỉ đường dẫn đến file hình ảnh, chọn chế độ hiển thị Stretch hay Tile.

Nhanh nhất và cũng đơn giản nhất là Transparent - nền trong suốt.

- Background Effect với các hiệu ứng mới, độc đáo như Heart, Leaf, Matrix, Festival... chắc chắn sẽ khiến bạn phải mê mẩn.

Mỗi hiệu ứng đều cho phép thay đổi màu sắc,tần số lặp để tạo nét riêng cho banner.

- Ngoài hình nền, Text là phần vô cùng quan trọng của banner.
Để nhập mới text,bạn nhấn Add rồi nhập đoạn văn bản cần hiển thị.
SWFText sẽ tự động thêm vào danh mục text và cho văn bản lần lượt "xuất hiện" theo thứ tự từ trên xuống dưới.
Nếu muốn sắp xếp lại, bạn nhớ click Up và Down.
- Đã nhập text,tất nhiên không thể thiếu hiệu ứng cho chữ.
Text Effect cũng đem đến nhiều hiệu ứng đẹp không kém gì Background Effect nên chắc hẳn,bạn sẽ phải tốn kha khá thời gian xem và chọn ra hiệu ứng ưng ý nhất.

Nhớ đừng quên thay đổi các số liệu liên quan như màu sắc, tốc độ...

- Một mục nữa liên quan đến Text là Font với các lựa chọn như chữ đậm, chữ "ngả nghiêng", màu, kích cỡ, góc quay, canh lề, khoảng cách giữa các chữ...

- Với Interaction,người dùng được phép thay đổi vòng lặp

- Loop cùng những yêu cầu nho nhỏ như hiển thị chữ sau khi thời gian lặp kết thúc, đóng flash sau khi xem xong.
Ngoài ra,Interaction cũng hỗ trợ tạo liên kết giữa banner và website bằng cách nhập URL vào hộp ký tự.

Liên kết có thể được kích hoạt bằng cách click chuột hoặc tự động mở khi flash kết thúc.

- Bước cuối cùng là thêm nhạc vào flash bằng chức năng Sound.

Bạn cần chỉ đường dẫn đến file nhạc,lưu ý là SWFText chỉ hỗ trợ file MP3 và WAV.

Nhớ đừng quên chọn vòng lặp hoặc kết thúc chơi nhạc khi flash kết thúc.

Sau khi đã hoàn thành mọi bước, bạn có thể nhấn Preview để duyệt trước.

Nếu đã hoàn toàn ưng bụng, bạn sẽ thực hiện thao tác cuối cùng - Publish.

Ba lựa chọn cơ bản là "phát hành" dưới dạng SWF, GIF hay AVI. Tốt nhất bạn nên lưu dưới dạng GIF.

Rồi post lên photobucket lấy link, sau đó sử dụng theo cách icon bên dưới phần lưu ý

Download SWFText 1.3 tại: đây


Với bannerbreak ( Banner tĩnh )

Với những bạn không muốn download chương trình trên,

hãy ghé thăm http://bannerbreak.com -

1 địa chỉ lý tưởng để tạo 1 banner miễn phí mà không tốn sức

*Lưu ý: Sau khi có hình banner, bạn áp dụng

dạng icon chứa link để làm thành 1

banner hoàn chỉnh. Sử dụng đoạn code sau:
Code:


<div style="text-align: center;">
<a href="link Blog 1"> <img src="link ảnh 1" alt="Blog Page" 
height="chiều cao của ảnh" width="chiều rộng của ảnh" 
alt="Image" /></a></div> <br />


LIÊN QUAN
BÌNH LUẬN