Hướng dẫn thiết kế tạo Banner

Hướng dẫn Sử dụng phần mềm SWFText để tạo banner Người soạn: Đỗ Mạnh Hà Để tự tạo một banner Flash một cách đơn giản nhất với một người chưa thành thạo sử dụng vi tính cũng như chưa biết gì về Flash thì phần mềm SWF Text là sự lựa chọn tuyệt vời nhất! Phần mềm SWF Text giúp bạn tạo ra một banner Flash đuôi .SWF để đưa lên banner. Với hơn 200 hiệu ứng đẹp và sinh động, SWF Text thật sự hữu ích và hấp dẫn những ai muốn tự làm đẹp cho banner trang web hay blog của mình! 1.1. Cài đặt Trước tiên bạn cần tải bộ cài phần mềm SWF Text về máy tính của mình để cài đặt Bạn có thể vào link sau để download: http://bachkim.vn/swftext_v14.rar Sau khi tải về máy, nhấn đúp chuột vào file exe để cài đặt. Nhấn Next liên tục đến khi kết thúc quá trình cài đặt. Lựa chọn cài đặt vào ổ C:\Program\SWFText Nhấn Finish để hoàn tất quá trình cài đặt 1.2. Các chức năng chính Để khởi động chương trình SWFText, bạn nhấn vào: Start \ All Programs \ SWFText \ SWFText Sẽ có 2 cửa sổ xuất hiện là: - Cửa sổ SWFText để bạn chế tác. - Cửa sổ SWFText – Movie Preview để bạn xem thành quả của mình. Trong cửa sổ SWFText, bên trái là cột các chức năng và bên phải là các lựa chọn cho các chức năng đó khi ta nhấn vào các chức năng. Chỉnh kích thước file Flash Chọn mầu hoặc ảnh nền Chọn hiệu ứng hình ảnh chuyển động nền: mây bay, cá bơi, hoa rơi,…. Gõ chữ Chọn hiệu ứng cho chữ Chọn font chữ (chọn Font VN và kiểu gõ TCVN3) Tạo siêu liên kiết khi nhấn vào file Flash Đưa âm thanh vào file Flash Giới thiệu về phần mềm, đăng ký bản quyền (Registry) Phía dưới cùng là các nút: Mở file .ini đã làm trước đó Lưu lại File chế tác của mình (đuôi .ini) Xem kết quả mình vừa thay đổi thông số Kết xuất ra file Flash (đuôi .swf) Trợ giúp Thoát khỏi chương trình 2.1. Movie – Giao diện, Hình ảnh - Đặt chiều ngang (Width) và chiều cao (Height) cho banner. Chiều ngang banner trên thư viện violet.vn là 770 pixel, chiều ngang bạn nên để ở 180 đến 220 pixel. - Speed (FPS) là tốc độ chuyển động. - Display border around flash movie: nhìn đường viền xung quanh khung hình. - Enable right-click…. : cho phép nhấn chuột phải để xem phóng to, v v… - Add preload to flash movie: đưa chức năng xem lại vào Flash - Protect flash movie…. : Tránh xâm phạm bản quyền. - Generate compress … : Nén file khi xuất ra dạng SWF. 2.2. Background – Nền - Solid Color: Nền là một mầu. - Gradient Color: Tạo nền chuyển mầu: • Từ mầu (Starting Color) … đến mầu (Ending Color)… • Type: Chuyển mầu theo chiều ngang (Linear) hoặc chuyển màu theo hình tròn (Radial) • Rotation Degree: Độ nghiêng, xoay. - Image: Nhấn nút: Browse để tìm đến file ảnh trong máy tính của mình làm nền. Các bạn xem hướng dẫn tạo ảnh nên cho banner trong Giáo trình hướng dẫn thiết kế banner bằng Photoshop. • Position: chọn kéo dãn ảnh kín nền (Stretch) hoặc giữ nguyên kích thước ảnh, nhân lên để phủ kín nền (Tile) • Quality: Chất lượng ảnh. Các bạn nên chọn khoảng 60 để giảm nhẹ file ảnh hết mức có thể! - Transparent: Làm cho nền trong suốt. 2.3. Background Effect – Hiệu ứng nền - Use Background Effect: Sử dụng hiệu ứng cho hình nền. Có 40 hiệu ứng ở phiên bản SWFText v1.4 để bạn lựa chọn: • Arrow: Mũi tên, Circle: Vòng tròn, Cloud: Mây bay, Flower: Hoa, Heart: Trái tim, …. - Property: Là các thông số cho các hiệu ứng mà bạn chọn ở trên: • Color: Mầu, Number: số lượng, Speed: Tốc độ,… - Alpha Transparency: Độ trong suốt của các hình ảnh! 2.4. Text, Font – Chọn Font chữ và gõ chữ - Nhấn nút Add: thêm chữ, Edit: sửa chữ, Delete: xóa chữ, Up: đưa chữ được chọn lên trên (hiện ra trước), Down: đưa chữ được chọn xuống dưới (hiện sau) - Trước khi gõ chữ, bạn phải chọn kiểu gõ trong công cụ gõ là TCVN3 - Nhấn vào chức năng Font: • Font Name: chọn kiểu font Vn • Color: Mầu chữ • Alpha Transparency: Độ trong suốt của chữ • Text Size: Cỡ chữ • Text Rotation: Xoay nghiêng chữ • Hoz Alignment: Căn theo chiều dọc: Chính giữa (Center), Bên trái (Left), Bên phải (Right). • Ver Alignment: Căn theo chiều ngang: Chính giữa (Middle), Phía trên (Top), Ở dưới (Bottom). • Letter Width: Kéo dãn, thu hẹp chiều ngang của chữ. • Letter Height: Kéo cao lên hoặc làm thấp chiều cao của chữ. • Letter Space: Co ngắn, kéo dãn khoảng cách giữa các chữ. • Line Space: Thu hẹp, kéo dãn khoảng cách giữa các dòng. 2.5. Text Effect – Hiệu ứng chữ - Use Text Effect: Chọn hiệu ứng cho chữ. - Property: Các lựa chọn thay đổi hiệu ứng đó: Delay: lặp lại, Speed: Tốc độ,… 2.6. Interaction – Đặt lệnh, liên kết,… - Stop movie animation after… : Dừng hình khi các hiệu ứng kết thúc • Loop time: Số lần lặp hiệu ứng. • Make the text on last… : Chữ đứng im sau khi hết hiệu ứng • Close Flash : Tắt Flash khi chạy xong các hiệu ứng. - Open web page in browser…: Mở một trang web khi nhấn vào file Flash • Only when user click…: Chỉ khi người dùng nhấn vào chữ • URL: Link đến trang web. Bắt đầu bằng: http:// • Target: Mở ra ở một cửa sổ khác: _blank - Open web page in browser when Flash movie Finish running: Tự động mở trang web khi File Flash dừng chạy • URL: Link đến trang web. Bắt đầu bằng: http:// • Target: Mở ra ở một cửa sổ khác: _blank 2.7. Sound – Âm Thanh - Play backgound music…: Chạy nhạc nền trong Flash • Browse: Nhấn và chọn file nhạc trong máy tính. Chú ý đuôi MP3 hoặc WMA - Stop sound after… : Dừng nhạc sau số lần chạy (Loop time) 2.8. About – Giới thiệu 3.1. Kết xuất ra file Flash - Trong quá trình làm, bạn muốn xem thử hiệu ứng mình chọn, nhấn: Preview - Sau khi đã thấy thỏa mãn với ý thích của mình, bạn cần kết xuất ra một file .SWF để đưa lên banner của mình trên web: • Nhấn nút: Publish • Save flash movie: Save lại dưới dạng Flash. • Generate HTML code….: Kết xuất ra mã nhúng để nhúng file Flash vào trang web. • Export to GIF: Kết xuất ra dạng ảnh động. • Export to AVI: Kết xuất ra dưới dạng phim video. [...]... lưu file chế tác này của mình lại (đuôi ini) trong máy tính để lần sau bạn có thể chỉnh sửa lại (thay ảnh nền, thay nhạc, thay chữ,…) 3.2 Đưa lên banner trang web - Mở trang web của mình trên hệ thống violet.vn - Vào mục Quản trị - Trong thẻ: Giao diện, ô Banner, Browse… đến file Flash (đuôi SWF) và nhấn Cập nhật . tìm đến file ảnh trong máy tính của mình làm nền. Các bạn xem hướng dẫn tạo ảnh nên cho banner trong Giáo trình hướng dẫn thiết kế banner bằng Photoshop. • Position: chọn kéo dãn ảnh kín nền (Stretch). Hướng dẫn Sử dụng phần mềm SWFText để tạo banner Người soạn: Đỗ Mạnh Hà Để tự tạo một banner Flash một cách đơn giản nhất với một người chưa. SWF Text giúp bạn tạo ra một banner Flash đuôi .SWF để đưa lên banner. Với hơn 200 hiệu ứng đẹp và sinh động, SWF Text thật sự hữu ích và hấp dẫn những ai muốn tự làm đẹp cho banner trang web