TẠO BANNER FLASH ĐỘNG
Download file nén có 10 bài viết và Mẫu thực tập tại:
Trước đây Út Bỉnh có viết 9 bài chi tiết về nội dung này. Đây là bài rút gọn nhưng cũng đầy đủ chi tiết cần thiết cho bạn thực tập. Bài này rất hay có sử dụng cách tạo dán Code để cấu thành File Flash chạy trên nền Blog của các bạn. Chúc các bạn thực hành thành công.
Đây
là một bài viết rất công phu. Út Bỉnh đã viết 3 lần và cuối cùng đúc
kết lại thành một bài viết giản dị, dễ hiểu và dễ thực hành như dưới đây
. Bảo đảm với các bạn trên mạng không có bài viết nào chỉ dẫn rõ ràng
như bài viết này.
Download bài: http://gg.gg/utbinh61
Xem viedo tại: http://gg.gg/utbinh62
TẠO BANNER FLASH DÁN BLOG.
NGÀY 15.2.2014 (BLOG – SOFTWARES)
Download bài: http://gg.gg/utbinh61
Xem viedo tại: http://gg.gg/utbinh62
Trước đây Út Bỉnh có viết 9 bài chi tiết về nội dung này. Đây là bài rút gọn nhưng cũng đầy đủ chi tiết cần thiết cho bạn thực tập. Bài này rất hay có sử dụng cách tạo dán Code để cấu thành File Flash chạy trên nền Blog của các bạn. Chúc các bạn thực hành thành công.
Tạo Banner Flah động có 4 giai đoạn:
- Tạo một số banner bằng Photoshop.
- Sử dụng chương trình tạo Flash động để tạo 2 files: flv và html cho Banner Flash
- Upload file flv bằng Google Sites để lấy link URL.
- Dán Code vào Blog.
- Download Photoshop CS5 (979,9 MB) bản Trial: http://goo.gl/4IE3VH hoặc http://goo.gl/VNDMmL Pass: thuthuat.chiplove.biz
Hướng dẫn cài
đặt (1,4MB)http://tinyurl.com/utbinh1143
I.TẠO BANNER:
- Ban tạo một số banner bằng Photoshop với kích cở 1200 X 249 pixels.Lưu ý: Kiểm tra lại kích cở sau khi lưu lại.
- Hoặc download mẩu về thực tập tại: http://goo.gl/FAHH1r
II.SỬ DỤNG CHƯƠNG TRÌNH FLASH SLIDESHOW
MAKER PROFESSIONAL
Sử dụng chương trình này để tạo ra 2 files: HTML và
FLV
- Download: http://goo.gl/xRrMhp Cài đặt dễ dàng. Dán Serial vào.
- Sử dụng:
o
Chèn banner: Bấm
Tab Photo. Bấm File Explorer. Đến Folder chứa Banner. Bấm đúp lên banner. Xuất
hiện các banner trong khung trái. Dùng trỏ chọn các banner. Bấm nút add. Đã xuất
hiện các banner trong khung dưới.
o
Tạo hiệu ứng chuyển cảnh: Bấm Tab Transition
Effect. Có 68 kiểu hiệu ứng. Cách tạo:
Bấm nút hiệu ứng bên trái của một ảnh. Bấm chọn một hiệu ứng. Bấm nút Apply to
selected. Bạn đã thấy nút chuyển cảnh có hiệu ứng giống nút hiệu ứng đã chọn.
Xem preview bên phải. Bạn có thể chọn hiệu
ứng ngẫu nhiên (random). Chương trình sẽ tự động chèn hiệu ứng ngẫu nhiên
vào. Bấm nút Random đầu tiên và nút Apply to Allo. Xem preview bên phải.
o
Theme: Bấm
Tab Theme. Bấm Tab Basic. Trong khung them bạn chọn một kiểu. Bạn chọn kiểu nào
mà sau khi chọn xong bật lên ô Width và Height có thể nhập giá trị vào được vì
có một số Theme không nhập giá trị vào được. (nên chọn photo only). Bạn có thể
chọn các tùy chọn khác bên phải.
o
Public: Bạn
tạo một Foldertên flash11banner tại Desktop để chứa 2 files sắp tạo là html và
swf. Bấm Tab Public. Bấm nút có 3 chấm và đến folder tại Desktop. Bấm Ok. Bấm
nút Public Now. Xuất hiện cửa sổ Public, bấm View Flash Slide Show để xem
preview. Bấm nút Open Output Folder để xem 2 files vừa tạo trong folder
flash11banner. Xem preview: Bấm phải lên file html. Chọn Open with. Chọn
Firefox xem preview
II.SỬ DỤNG GOOGLE SITES TẠO LINK URL CHO
FILE SWF.
- Vào: http://goo.gl/tgToLb . Bấm nút Tạo bên trái.
- Nhập tên trong dòng Đặt tên trang web của bạn.(taobannerdong). Bấm nút tạo.
- Nhập mã hiển thị. Bấm nút TẠO TRANG WEB. Xuất hiện trang kế tiếp có tên trang web vừa tạo. Vậy là bạn đã tạo thành cong Sites cùa bạn.
- Đăng nhập: https://sites.google.com/site/taobannerdong/home
- Bấm xổ xuống của nút THÊM. Chọn Quản lý trang web. Bấm Tài liệu đính kèm. Bấm Tải lên. Đến file: 11banner.swf. Bấm open. Nó đang tải lên.
- Bạn thấy tên file vừa tải lên. Bấm Xem. Trong trình duyệt, bạn sẽ xem 11 banner chạy hiệu ứng ngẫu nhiên đã chọn. Bạn copy Link URL này. Link này rất dài.
https://600f2e2a-a-62cb3a1a-s-sites.googlegroups.com/site/taobannerdong/11%20banner.swf?attachauth=ANoY7cqIEUCBk1LJLIdHx5hifl_mlo95UVazD7OVQeVXdJKvjT0HWfqw1qktN2BsZgVnZxTh9Dbgt_vI2fh60KZGQlcb80ZJkenjaKLbzC54Vor9PKBFxkaDnvtMUGwnw_dqmaX-nt343ax8LjjgCUW0rnSDBZEBqt8lwI5coUqdadeC1TH_Jiu9plh3BIcOKguPPxk_n8PLMaJKWZfi9ZtRxMyRTIjqTw%3D%3D&attredirects=0
- Bạn lấy Link rút gọn của Goo.gl: http://goo.gl/BDmKIH
(xem hướng dẫn tạo Link rút gọn của Google tại: http://goo.gl/MDQs)
III.CHÈN BANNER FLASH VÀO BLOGSPOT
- CHỈNH SỮA TRONG TIÊU ĐỀ:
Mở Blogspot. Bấm Thiết kế góc phải trên. Bấm Bố cục cột
trái. Bấm Chỉnh sửa của Module Tiêu đề Blog. Bấm nút Xóa hình ảnh. Bấm nút Lưu.
Bấm lại nút Chỉnh sửa. Bấm nút Browser. Tìm một ảnh làm banner. Sau khi banner
hiện ra bạn bấm chọn: Thay cho tiêu đề
và mô tả. Bấm nút Lưu. Nạm phải làm động tác này chèn trước một ảnh vào
Blog rồi sau đó bấm chọn Thay cho tiêu đề và mô tả. nếu không thì khi mở lại nó
không còn lưu ảnh nửa. Mở lại kiềm tra còn ảnh hiện ra hay không. Nếu còn ảnh
thì OK.
- CHỈNH SỮA CODE.
- Bấm phải lên file 11 banner.html. Chọn Edit with Notepad++ (Phài cài Notepad++ trước đó: http://goo.gl/NzwczV). Xuất hiện đoạn Code này.
<object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
width="1200" height="249" id="tech"
align="middle">
<param
name="allowScriptAccess" value="sameDomain" />
<param
name="movie" value="11 banner.swf" />
<param
name="quality" value="high" />
<embed
src="11 banner.swf"
quality="high" width="1200" height="249"
name="tech" align="middle"
allowScriptAccess="sameDomain"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
- Thay thế đoạn code tô màu xanh bằng Link URL: http://goo.gl/BDmKIH . Đây là Link URL mà trước đó bạn đã Upload File SFW lên Google Sites lấy Link.
- Bạn Copy đoạn Code này. (từ <object … đến </object>).
- Vào trang Blog bất kỳ. Bấm Thiết kế. Bấm Mẫu cột trái. Bấm nút Chỉnh sửa HTML. Bấm vào Khung HTML vừa xuất hiện. Bấm Ctrl+F. Xuất hiện Ô Search. Bạn nhập: header-inner. Bấm Enter. Các1 đoạn header-inner được tô màu vàng. Bấm Enter nhiều lần cho đến khi xuất hiện header=inner trên có văn bản là: Show the iamge only.
<!--Show the image only-->
<div id='header-inner'>
<object align='middle'
classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000'
codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0'
height='250' id='tech' width='1000'>
<param name='allowScriptAccess'
value='sameDomain'/>
<param name='movie'
value='anh banner.swf'/>
<param name='quality'
value='high'/>
<embed align='middle'
allowScriptAccess='sameDomain' height='250' name='tech'
pluginspage='http://www.macromedia.com/go/getflashplayer' quality='high'
src='https://98df5688-a-62cb3a1a-s-sites.googlegroups.com/site/tuhoctaoblogspot/baner%2013-2-2014.swf'
type='application/x-shockwave-flash' width='1200'/>
</object>
</div>
- Dán code vào
<!--Show the
image only-->
<div
id='header-inner'>
<object
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
width="1200" height="249" id="tech" align="middle">
<param name="allowScriptAccess" value="sameDomain"
/>
<param name="movie" value="11
banner.swf" />
<param name="quality" value="high"
/>
<embed src="http://goo.gl/BDmKIH"
quality="high" width="1200" height="249"
name="tech" align="middle"
allowScriptAccess="sameDomain" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
- Bấm nút Lưu mẫu. Chữ Đang lưu xutấ hiện rất mờ cho biết đang lưu. Khi thấy Đang lưu lâu là hy vọng bạn đã làm đúng. Khi lưu hoàn tất xuất hiện chữ: Lưu mẫu. Bấm nút Xem Blog: http://goo.gl/6yaHd
FaceBook : http://gg.gg/utbinh030
Youtube: http://gg.gg/utbinh070
Blogspot: http://gg.gg/utbinh040
Chùa Thái
Nguyên: http://gg.gg/utbinh020
No comments:
Post a Comment