2014年2月6日 星期四

軟體 || Photoshop CS6/CC 製作gif小動畫



step1 準備素材 (分別存成4張透明背景的png檔)

step2 開啓photoshop設定畫面大小
因為我的鍋子小小一個所以我開230x230 pixels 

step3 視窗>開啓 時間軸 面版
面版會出現在下方, 中間會出現一個 "建立視訊時間軸" 按鈕 
按下 "建立視訊時間軸" 旁邊倒三角下拉選單選 "建立影格動畫"
選擇後按下中間按鈕"建立影格動畫" 後會出現以下畫面
工作區設定完成!


step4 將圖檔置入, 分散不同圖層
將圖拖進photoshop
圖面點擊兩下 或 按下右上角版面打勾按鈕, 即可置入

完成置入, 圖層可改名子避免混淆

step5 調整位置
若位置跑掉可利用移動工具&圖層透明度做調整
完成對齊

step6 時間軸設定
先將面版左下角動態設定永遠, 並複製四個影格

影格1打開01圖層眼睛其餘關掉, 選影格2打開02圖層眼睛其餘關掉, 以此類推
影格下方數字可依照自己的需求調整速度, 單位:秒

設定完成後播看看順不順, 即可輸出



step7 輸出設定
檔案> 儲存為網頁用, 1.選擇GIF 2.透明打勾 3.設定大小 4.儲存


step8 完成
輸出大小分別為230x230 pixels; 150x150 pixels