GuidePedia

0
TẠO BANNER FLASH ĐỘ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 file nén có 10 bài viết và Mẫu thực tập tại:



 

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


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIMsq9P0b5VeU-fY6wRUg_mpSgsrMbWIdmq_VIMPdvM4_E0d6suHEXDSXUuaV6PtZjsaxKtxe5vT9Kbh8u92gFC2w8xElNvTXTaCYn64wBMdF0JD5apbyHrcIfG-NMjBbF7lvgYt1kDQ8/s1600/UB+va+NCKD800.jpg

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:

  1. Tạo một số banner bằng Photoshop.
  2. Sử dụng chương trình tạo Flash động để tạo 2 files: flv và html cho Banner Flash
  3. Upload file flv bằng Google Sites để lấy link URL.
  4. Dán Code vào Blog.
  5. 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


  • 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.


  1. Vào: http://goo.gl/tgToLb . Bấm nút Tạo bên trái.
  2. Nhập tên trong dòng Đặt tên trang web của bạn.(taobannerdong). Bấm nút tạo.
  3. 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.
  4. Đăng nhập: https://sites.google.com/site/taobannerdong/home
  5. 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.
  6. 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

(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

  1. 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.

  1. 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


Youtube:                   http://gg.gg/utbinh070

Blogspot:                  http://gg.gg/utbinh040

Website 1803:          http://gg.gg/utbinh010

Chùa Thái Nguyên: http://gg.gg/utbinh020
 

Đăng nhận xét

 
Top