THIẾT KẾ BANER

Giáo trình Thiết kế banner cho trang web bằng Flash
Người viết: Đỗ Mạnh Hà
đích:
Tự thiết kế được banner (đầu đề) cho website (trang web) của đơn vị mình trên hệ thống website của violet.vn

Yêu :
Người thực hiện đã nắm được một số kiến thức cơ bản về phần mềm Flash.
(có thể tìm hiểu trên trang web: http://daotao.violet.vn)

Thao tác:
Các bạn khởi động phần mềm Flash. Chọn New Document để tạo trang giấy mới.
Việc đầu tiên là bạn phải đặt kích thước cho trang giấy mới. Banner của các website trên hệ thống của violet.vn có chiều ngang chung là 770pixel. Còn chiều cao của banner thì tùy ý. Tuy nhiên các bạn chỉ nên để chiều cao ở khoảng 150pixel đến 200pixel là vừa đủ. Nếu bạn đăt chiều cao quá lớn thì khi thể hiện trên màn hình 800x600, banner sẽ quá lớn và không đạt yêu cầu thẩm mĩ của một trang web.

Sau đây ta chúng ta cùng tìm hiểu những yêu cầu về nội dung và mỹ thuật cần thiết của một banner:
Nội dung:
+ Đơn vị chủ quản (nếu có).
+ Tên đơn vị (là tên trang web).
+ Địa chỉ liên lạc.
VD:






Mỹ thuật:
+ Dùng Font chữ dễ đọc, rõ ràng: không dùng chữ quá hoa lá, uốn lượn… hay chữ có nét quá mảnh. Nên dùng chữ in hoa với dòng tên trang web, chữ thường với dòng địa chỉ. Dòng địa chỉ chỉ cần nhỏ, vừa đủ để đọc được, không nên quá lớn và chiếm nhiều diện tích. Mầu của chữ cũng nên nổi bật so với nền
+ Phần nền trang trí nên có tông màu thích hợp, không quá lòe loẹt khiến người xem nhức mắt như màu hồng tươi, màu xanh nõn chuối sáng rực, v..v… Bạn có thể thêm lô gô – biểu trưng của đơn vị, ảnh minh họa,… Lôgô phải rõ ràng và chính xác. Ảnh minh họa: đã là minh họa thì chỉ ở một phần của banner. Nếu choán cả banner thì chỉ nên mờ nhạt đằng sau chữ làm nền.
VD:












Tô màu nền:
Bạn sẽ tạo một mầu nền cho banner như sau:
Trong bảng Propeties, Mục Background có một ô mầu trắng – mầu mặc định của nền khi ta mới tạo trang mới. Bạn nhấn vào ô mầu trắng đó, một bảng mầu sẽ hiện ra để bạn chọn.


Bạn nhấn vào ô mầu mà bạn muốn chọn làm nền
Bạn nên chọn những mầu trầm hoặc tươi sáng như: nâu, đỏ, xanh lam đậm,… Tránh những mầu non như mầu nõn chuối, vàng chanh, v..v…

Tạo thanh đầu trang (header):
Mỗi website thuộc hệ thống website của violet.vn khi thành viên đăng nhập vào thì sẽ hiển thị lời chào và tên thành viên đó phía trên cùng bên phải website.
VD:
Xin chào thầy giáo: Đỗ Mạnh Hà
Xin chào cô giáo: Ngô Thị Chinh
Vì vậy bạn cần tạo một mảng mầu nằm ngang phía trên có độ cao khoảng 30 pixel. Mảng mầu này có mầu sáng vì lời chào hiển thị chữ màu đen.
Hiện tại bạn đang có Layer 1, bạn sẽ tạo phần đầu trang trên Layer này. Bạn chọn công cụ Rectang Tool (R) để vẽ một hình chữ nhật. Trong bảng Properties, bạn điền kích thước cho hình này:
+ W (width – chiều rộng) = 770 pixel
+ H (heigh – chiều cao) = 30 pixel


Bạn kéo mảng hình lên phía đầu trang bằng công cụ Selection Tool (V)
.
Chú ý: Hãy nhớ đặt tên cho Layer này nhé! Ví dụ như là: header.
Bạn cũng có thể kéo một file ảnh trong file các mấu header sẵn do Bạch Kim cung cấp để đưa vào làm header.

Viết chữ:
Bạn tạo một Layer mới để chứa chữ bằng cách nhấn vào biểu tượng Insert layer

Bạn chọn công cụ Text Tool (T)
. Nhấn lên màn hình và gõ các chữ cần thiết.
Bạn cũng có thể đổi Font chữ, thay đổi kích cỡ chữ, mầu chữ, căn lề, khoảng cách chữ, khoảng cách dòng trong bảng Propertise:




Nếu bạn muốn tạo các hiệu ứng cho chữ như bóng đổ, tỏa sáng,… , bạn chọn chữ đó, nhấn F8 để chuyển chữ sang đối tượng Movie Clip.
Trong bảng Properties phía dưới, bạn chọn thẻ Filter. Nhấn vào dấu cộng ( + ) và chọn hiệu ứng mà bạn mong muốn. Bên cạnh đó có các lựa chọn (options) để bạn thay đổi mức độ của hiệu ứng theo ý mình.
Bạn có thể nhấn vào dấu trừ ( - ) để bỏ hiệu ứng mà mình không muốn.