Đang tải... (xem toàn văn)
- 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ẻ Fi[r]
(1)Giáo trình Thiết kế banner cho trang web Flash
Người viết: Đỗ Mạnh Hà Mục đích:
- Tự thiết kế banner (đầu đề) cho website (trang web) đơn vị hệ thống website violet.vn
Yêu cầu:
- Người thực nắm số kiến thức phần mềm Flash (có thể tìm hiểu 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
- Việc bạn phải đặt kích thước cho trang giấy Banner website hệ thống violet.vn có chiều ngang chung 770pixel Cịn chiều cao banner tùy ý Tuy nhiên bạn nên để chiều cao khoảng 150pixel đến 200pixel vừa đủ Nếu bạn đăt chiều cao lớn thể hình 800x600, banner lớn không đạt yêu cầu thẩm mĩ trang web Sau ta tìm hiểu yêu cầu nội dung mỹ thuật cần thiết banner:
Nội dung:
+ Đơn vị chủ quản (nếu có) + Tên đơn vị (là tên trang web) + Địa liên lạc
VD:
Mỹ thuật:
+ Dùng Font chữ dễ đọc, rõ ràng: không dùng chữ hoa lá, uốn lượn… hay chữ có nét 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 Dòng địa chỉ cần nhỏ, vừa đủ để đọc được, không nên lớn chiếm nhiều diện tích Mầu chữ nên bật so với
+ Phần trang trí nên có tơng màu thích hợp, khơng q lịe loẹt khiến người xem nhức mắt màu hồng tươi, màu xanh nõn chuối sáng rực, v v… Bạn thêm lô gô – biểu trưng đơn vị, ảnh minh họa,… Lơgơ phải rõ ràng xác Ảnh minh họa: minh họa phần banner Nếu chốn banner nên mờ nhạt đằng sau chữ làm
PHÒNG GIÁO DỤC VÀ ĐÀO TẠO QUẬN HAI BÀ TRĂNG
TRƯỜNG THCS TƠ HỒNG
(2)VD:
1 Tơ màu nền:
- Bạn tạo mầu cho banner sau:
Trong bảng Propeties, Mục Background có mầu trắng – mầu mặc định ta tạo trang Bạn nhấn vào ô mầu trắng đó, bảng mầu để bạn chọn
Bạn nhấn vào ô mầu mà bạn muốn chọn làm
(3)2 Tạo đầu trang (header):
- Mỗi website thuộc hệ thống website violet.vn thành viên đăng nhập vào hiển thị lời chào tên thành viên phía bên phải website
VD:
Xin chào thầy giáo: Đỗ Mạnh Hà Xin chào giáo: Ngơ Thị Chinh
- Vì bạn cần tạo mảng mầu nằm ngang phía có độ cao khoảng 30 pixel Mảng mầu có mầu sáng lời chào hiển thị chữ màu đen
- Hiện bạn có Layer 1, bạn tạo phần đầu trang Layer Bạn chọn công cụ Rectang Tool (R) để vẽ 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 công cụ Selection Tool (V)
- Chú ý: Hãy nhớ đặt tên cho Layer nhé! Ví dụ là: header
- Bạn kéo file ảnh file mấu header sẵn Bạch Kim cung cấp để đưa vào làm header
3 Viết chữ:
- Bạn tạo Layer để chứa chữ 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 hình gõ chữ cần thiết
- Bạn đổi Font chữ, thay đổi kích cỡ chữ, mầu chữ, lề, khoảng cách chữ, khoảng cách dòng bảng Propertise:
- Nếu bạn muốn tạo hiệu ứng cho chữ 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 ( + ) chọn hiệu ứng mà bạn mong muốn Bên cạnh có lựa chọn (options) để bạn thay đổi mức độ hiệu ứng theo ý
(4)- Xóa tất hiệu ứng
- Hiện tất hiệu ứng
- Ẩn tất hiệu ứng
- Đổ bóng
- Làm mờ
- Tỏa sáng
- Làm
- Chuyển độ sáng
- Chuyển độ
- Đổi tong mầu, chỉnh đậm nhạt
4 Trang trí:
- Bạn muốn đưa ảnh vào để trang trí cho phần nền? Bạn lưu ý ta đưa thêm đối tượng vào Flash, bạn tạo layer (Insert Layer) đế chứa Việc giúp bạn dễ dàng chỉnh sửa đối tượng Layer mà không làm ảnh hưởng đến đối tượng khác Layer khác
- Bạn tạo Layer kéo thả file ảnh vào trang thiết kế Flash File nằm Layer mà bạn vừa tạo
- Bức ảnh q to bị nhỏ Bạn hồn tồn thay đổi kích thước chúng cơng cụ Free Transform Tool (Q) Khi bạn chọn vào công cụ này, xung quanh ảnh có nút vuông màu đen, bạn giữ chuột để kéo làm thay đổi kích thước ảnh Nếu bạn muốn thay đổi độ lớn mà giữ nguyên tỉ lệ chiều cao chiều ngang, bạn giữ phím Shift thay đổi kích thước
- Để cho ảnh mờ làm nền, bạn phải biến đối tượng ảnh thành Movie Clip Bạn nhấn phím F8 Tích vào Movie Clip nhấn OK Đối tượng ảnh chuyển sang dạng Movie Clip Bạn chọn vào đối tượng bảng properties, mục Color, bạn chọn Alpha Ở ô thông số, bạn gõ vào 30% bạn nhấn vào mũi tên nhỏ kéo trượt xuống cho hình mờ
Flash có tuyệt chiêu giúp bạn làm cho ảnh ẩn thay đổi ảnh Cách làm khơng khó, cần bạn làm theo bước sau:
- Bạn đưa ảnh vào, thu nhỏ, biến thành đối tượng Movie Clip phần
(5)- Trong Movie Clip (đoạn phim) này, bạn tạo nhiều Layer (Insert Layer), Layer bạn để ảnh Mỗi ảnh bạn lại nhấn F8 chuyển sang định dạng Movie Clip Các ảnh nằm vị trí
- Sau ta làm cho chúng thay xuất Ở ảnh thứ (photo 1), Time line (dòng thời gian), bạn chọn frame 20, nhấn F6 để tạo Key Frame
- Tiếp tục nhấn F6 Frame Frame 15
- Chọn Frame Frame 20, kéo Alpha mục Color xuống 0%
- Nhấn chuột phải vào Frame khoảng Frame Frame 5, Frame 15 Frame 20, chọn Creat Motion Tween
- Làm tương tự với ảnh lại (photo 2, photo 3, …)
- Bôi đen Time line ảnh thứ (photo 2) dịch chuyển cho Key frame thứ nằm frame 20
- Bôi đen Time line ảnh thứ (photo 3) dịch chuyển cho Key frame thứ nằm frame 40
- Để kéo dài thời gian xuất ảnh, bạn cần kéo dài thêm frame xuất ảnh (khoảng Key Frame có Alpha = 100%): Nhấn vào frame giữa, nhấn F5 bàn phím để chèn thêm frame
- Dùng công cụ Selections Tool (V) nhấn đúp ngồi vùng có ảnh bạn khỏi Movie Clip chứa nhiều Movie Clip nhỏ
5 Chiết xuất file:
(6)- Bạn lưu file Flash lại: vào File chọn Save Bảng Save As ra, bạn điền tên file chọn nơi lưu giữ file máy tính nhấn OK
- Bạn giữ phím Ctrl nhấn Enter Như Flash xuất file SWF cạnh file mà bạn vừa lưu Đây file banner Flash bạn
Ghi - Thủ thuật:
- Bạn tạo Layer làm Layer mặt nạ (Mask) cho Layer chứa Movie Clip Trên Layer bạn vẽ hình cơng cụ Pen Tool (P) Movie Clip có ảnh chuyển đổi hình mà bạn vẽ (Tìm hiểu thêm cách tạo mặt nạ
http://daotao.violet.vn)
Ghi nhớ:
- Luôn lưu ý đến lớp (Layer) Mỗi đối tượng ta để lớp khác để dễ dàng quản lý
- Chú ý ta làm việc Movie Clip Khi làm bạn dễ nhầm lẫn nằm Movie Clip
Bài tập:
- Thiết kế banner kích thước 770 x 170 pixel
- Nội dung mang tên đơn vị
- Có logo (hoặc khơng)
- Có ảnh minh họa thay đổi Có ảnh mờ phía chữ
http://daotao.violet.vn