.

 

( 延伸應用の設計).gif

延伸應用の設計


今天來介紹另一種GIF動畫效果,它便是生動有趣的

 文字過光效果...



完成圖

影像處理軟體 Photoshop CS3

GIF動畫文字過光效果-完成圖.gif
   

1、首先開啟新檔,尺寸依個人喜好另做設定,背景顏色為黑色
   使用文字工具輸入自己喜歡的文字及顏色與字體大小,
 並將此圖層命名為「文字圖層」圖層

1.jpg


2、 新增一個圖層命名為「過光圖層」圖層,並將此圖層放在「文字圖層
圖層的上方,
選擇矩形選取畫面工具,並在「過光圖層」圖層上
畫一個矩形,羽化為7像素,

   並填滿白色,然後取消選取後(ctrl+D),接著執行「編輯/變形/旋轉
    命令,旋轉矩形後放置於文字的最左方。

2.JPG

3.JPG

 

4.JPG
 

羽化為7像素,

 
5.JPG


6.JPG

7.JPG


8.JPG

9.JPG


3、請點選「過光圖層」圖層,並建立剪裁遮色片
( 使用快捷鍵 Alt+Ctrl+G )。
我們可以看到「過光圖層」圖層,是向右縮進並且還有一個
   小箭頭朝下在左邊,

    這表示該圖層已被下方的「文字圖層」圖層所剪裁。

10.JPG

 

11.jpg


4、執行「視窗/動畫」命令,顯示動畫浮動視窗後,此時你會看到
浮動視窗中,左上角已經有一個標示為1 的影格,並且
   是處於已被選取的狀態。


12.JPG


13.JPG

5、現在我們按下動畫浮動視窗中的「複製選取影格」鈕,來新增
    第2個影格。
接著在動畫浮動視窗中 先選取第 2 的影格,然後
到圖層面版中點一下過光圖層」圖層,並在畫面上

   將過光從左移到文字 的最右方,直到過光不見為止。



14.JPG


15.JPG

16.JPG

 

17.JPG


6、在動畫浮動視窗中著設定第1個影格跟第2個影格的延遲時間,
    都設定為 0.13秒。


18.JPG

 

19.JPG


7、接著點動畫浮動視窗中的第1個影格,然後按住Ctrl 同時點擊
   第2個影格,當兩個影格都被選取時,再按下動畫浮動
視窗中的「補间動畫影格」鈕,

 其補间設定值如下;



20.JPG


21.JPG

結果如下

22.JPG


8、選擇重複播放 其設定如下 ;


23.JPG


9、最後完成動畫過光文字後,請儲存為網頁與裝置用 設定如下;


24.JPG

 

25.JPG

 

 

 

 

 

 

Grace 發表在 痞客邦 PIXNET 留言(7) 人氣()


留言列表 (7)

禁止留言
  • c872139
  • 好厲害~
    我想中等女子可以升等囉~變成高階女子^^
  • 謝謝妳的讚美^^

    Grace 於 2010/03/02 01:47 回覆

  • Pinggis
  • 這Grace 早就是頂階女子!!
    這分享很實用! 來好好學一下!!
  • 哈.頂階女子(更高階嗎?)
    呵呵~我喜歡當中等就好>V<

    Grace 於 2010/03/02 01:51 回覆

  • louker
  • 哈哈 高階 頂階女子 1.2樓的給Grace加冠封侯啦 louker也來一個優等女子如何?
    slide的攝影作品louker很喜歡
  • 呵呵~優等女子實在不敢當,
    Grace還是當個中等的女子比較實在^^

    Grace 於 2010/03/02 01:55 回覆

  • annieL0821
  • 感謝分享
    打算走教學格??
  • 不客氣!
    Grace從2007年10月就開始寫教學文,
    安妮可能沒注意到左邊欄位類別裡的Photoshop教學
    已達30多篇,也歡迎妳有興趣常來學習^^

    Grace 於 2010/03/02 02:04 回覆

  • jack60455867
  • 哇~~真利害吔!!!
    我會用AutoCAD繪圖,
    Photoshop...還在學習中~~有空一定要試一下;謝謝分享
  • 會用AutoCAD也很利害^^

    Grace 於 2010/03/04 10:44 回覆

  • jeannike
  • 噯!只有我最笨
    真是電腦白痴
    大家都很厲害超羨慕的~~
  • 呵呵~jeannike哪裡笨
    妳很會下廚做菜,我都不會@@"
    Grace也很羨慕..

    Grace 於 2010/03/04 10:52 回覆

  • miiu
  • 可以請問grace~頁首那張綠色的過光&凸起特效是如何銜接的這個棒的嗎?有了這篇教學,一切特效都可以在PS完成了~
【 X 關閉 】

【PIXNET 痞客邦】國外旅遊調查
您是我們挑選到的讀者!

填完問卷將有機會獲得心動好禮哦(注意:關閉此視窗將不再出現)

立即填寫取消