二流設計師的小筆記

Photoshop / GIF簡易動畫製作

網頁的畫面，除了精緻的編排與色彩，還有豐富的內容以外，動態的圖片以及動畫，更是

吸引目光增加瀏覽率的一大利器。

以下就提供製作簡單GIF動態圖片的製作方式....

步驟一：首先到「檔案」→「開啟新檔」。

步驟二：輸入需要製作動畫的尺寸大小。

步驟三：設定完尺寸大小後，到「檔案」→「置入」，選擇要做動畫的圖片。

步驟四：選擇好要做置入動畫畫面中的圖片後，按置入。

步驟五：圖片置入後，到「視窗」→「動畫」，開啟“ 動畫面板 “。

步驟六：之後出現動畫面板後，看到右下角這邊，有個選項，點選一下，轉換為” 影格動畫 “。

步驟七：轉換為” 影格動畫 ”後，就會看到面板，變成這樣的格式。

步驟八：之後複製一個影格，複製鍵在面板下方，先將第一格的圖片往左移一些。

步驟九：再到第二格，將圖片往右移，這樣的動作是為了做出” 來、去 ”的效果。

步驟十：將二格影格用滑鼠左鍵 + 按Shift 一起選取，之後把秒數改成 “ 0 . 1秒 ”，這動作為了調整速度。

步驟十一：影格秒數調整完後，再到面板下方，點選「補間動畫影格」。

步驟十二：將 “ 要增加的影格數 ”這項，輸入要增加的影格數據，按確定。

步驟十三：到面板左下方，找到循環” 選項 ”，將循環改成永遠，這樣動畫就會重複播放。

步驟十四：動畫完成後，將圖片儲存為動畫圖檔，點選「檔案」→「儲存為網頁與裝置用」。

步驟十五：“ 儲存為網頁與裝置用 ”視窗跳出後，將檔案格式這邊設定為 GIF 。

步驟十六：之後儲存到要匯出的位置，格式為” 僅影像 ”，其它就按照以下預設，就可以了。