/* syntax highlight */ /* end of syntax highlight */

2011年10月17日 星期一

[Photoshop] 用 photoshop CS + ImageReady做 GIF 動畫

Bookmark and Share

筆者雖然重度依賴 photoshop 軟體 XD 但一直沒有更新使用的版本

雖然一度有用過 CS2 或以上版本,但是吃記憶體吃的很嚴重…不知道是不是自己的問題

總之,就是還是很老古董的使用 Photoshop CS 在工作,如果網友們使用更新的版本

但是記憶體其實沒有吃那麼兇的話,就好康倒相報一下  ~ 哈

這篇文章是我想要弄一個簡單的 GIF 動畫,如下:

banner_small_final

 

網路上的GIF製作網站像是 http://gifmake.com/ 

大多數都有長寬限制,大約在 500x500 左右,不合我的需求

後來又有下載一些免費軟體…都不堪用,於是就想說來學一下怎樣用 photoshop 做 GIF 檔吧

以下就是製作過程的備忘錄

 

  (1) 首先準備兩張圖片,如下,記得都要是 GIF 檔

banner_big

banner_big2

 

(2) 開啟 photoshop 7.0 ,點選左下方的 imageReady

image

 

(3) 在 ImageReady 開啟兩個檔案

image

 

(4) 開啟 視窗 → 動畫窗格

image

 

(5)  將第二張圖片也拖到另一張圖片上,變成兩個圖層

image

 

(6) 回到動畫窗格,按右邊數過來第二個選項,開新圖層

image

 

(7) 變成兩個動畫窗格了 (有點類似 Flash 的概念)

image

 

(8) 在第一格動畫,開啟第一個圖層的圖檔

image

 

(9) 在第二格動畫,點開第二個圖層的圖檔,並 hide 第一個圖層

image

 

(10) 回到第一格動畫

image

 

(11) 選擇「另存最佳化設定」

image

 

(12) 確定為 GIF 檔,完成

image

 

(13) 結果如下:

banner_small_final

 

以後,就可以自己製作任意大小的 banner 了!

0 意見:

張貼留言

Related Posts Plugin for WordPress, Blogger...