PhotoShopCS3 製作簡單動畫


PhotoShopCS3
製作簡單動畫

製作動畫是CS3版本才有的功能
CS3以前是在image ready下的功能
PhotoShop CS3已經將image ready整合進來
歷經7>CS>CS2>CS3
CS3是我最滿意的一個版本
不僅新增了很多功能
很多細節操作方面也都有貼心的照顧到
強力建議大家升到CS3版本






step1
到上方的工具列
視窗>動畫
將動畫控制視窗打開











step2
準備一張要作動畫的圖了
這次是最基本的只做字的動畫











step3
點動畫控制列下方
新建一個動畫影格





step4
新建一個文字圖層
這時兩個影格都會出現字體
點選第一個影格將文字圖層影藏
這時兩個影格的字又都會消失
這是因為第二個影格會跟著第一個影格改變
接下來點選第二個影格
將字的圖層打開








step5
接著就是設定各個影格所停留的時間
就都先來預設兩秒好
接著點下面的播放鍵就可以看到效果了




step6
以上是最基本的
接著點動畫控制列下方的補間動畫影格
可以做出一些簡單補間動畫
像是位置的移動 透明度等等
接下來的就靠大家自己領悟拉

師父帶入門 修行看個人






step7
最後使用 檔案>儲存為網頁用
輸出成gif檔就大功告成了








step8
完成拉
PS能作簡單的GIF動畫真的是太方便了
不用像以前去開友立的ani什麼的
用熟悉的工具簡單的就能做出動畫
拿來作交換連結的LOGO綽綽有餘啦

9 則留言:

  1. 雖然image ready跟CS3合併是方便了不少
    不過變成沒辦法分析gif圖檔了,這裡倒是有點小不方便
    有些gif真的是做的很不錯~看來以後分析還是要開友立的
    ani什麼的XDD

    版大的初音真萌XD

    回覆刪除
  2. 我到完全沒有注意到這點 @ @

    回覆刪除
  3. 其實PS CS2就已經有的了
    只不過是比較難找到...

    回覆刪除
  4. 我是跳過CS2所以沒有注意到@@

    回覆刪除
  5. gif動畫,超~推薦使用Fireworks(以前是Macromedia產品,現在屬於Adobe)

    回覆刪除
  6. Thank you. 找了好久,這個最好用

    回覆刪除