2011年4月5日 星期二

GIF動畫小教學

 



*LOGO製作小教學




完成品如下:


菲LOGO.gif  




PS3大概摸一下,就可以製作簡單的GIF小動畫


其實並不困難喔!1319706746.jpg  




製作這個教學希望可以幫助到別人


以下如果有不懂得可以提問喔@D@





PS3的視窗-動畫裡面會叫出一個小視窗
(就是下面那個大框框


1.jpg  

如果一個一個的檔案弄會很麻煩


首先需要把你的圖叫出來
(放置在同一個檔案裡面)


2.jpg  

選擇:
檔案-指令碼-將檔案載入堆疊



3.jpg  


就會出現以上的畫面~www


選擇瀏覽把你所需要的圖全部丟進來


按下決定

4.jpg  

右邊圖層可以看到我丟了四個圖進來


這個動畫介面按右下角的"轉換為時間軸動畫"


5.jpg

就會呈現上圖的模式


一開始只會有一個影格!


如果要做動畫就需要新增影格,這時按下紅線框起來的"複製選取影格"


就可以新增了


接下來是比較需要注意的地方:


6.jpg

目前可以看到右邊欄位的四個圖層只有一個圖層是顯示,其他是沒顯示的圖層(眼睛圖案代表顯示)



7.jpg



這時候我選擇第二個影格


遮住上面三個圖層,顯示最下面的圖層


人物的眼睛救閉起來了。(表情改變)


一個簡單的眨眼動作至少需要三張圖:睜開眼睛、半瞇著眼睛、閉起來的眼睛


完成後的樣子:

LOGO教學用.gif  
  

影格的下面有顯示幾秒的參數


如果眼睛要閉久一點,秒數就設多一點,純粹看個人需求去做調整!145e5b3a1b4291.gif  




不過還需要一個設定!


一開始動畫預設都是跑一次,跑完他就會停住不會重複跑


這時候要改一下設定~


8.jpg




點一下左下角


把一次改成永遠,這樣做出來的GIF動畫就會一直重複播放(炸




做好之後,我們要輸出~~4a7fbb5409931.png  


9.jpg

選擇:

檔案-儲存為網頁與裝置用


確定是GIF模式、取檔名後就可以存檔了!s_face (87).gif  


 


 


conclusion.gif  


10 則留言:

  1. 好讚好讚!

    是說我已經多久沒更新了... ...?

    版主回覆:(06/06/2011 02:29:20 AM)



    XDDDDDDD

    回覆刪除
  2. 請問....LOGO要怎麼做啊?
    還有...PS可以裁切圖片嗎???????

    版主回覆:(04/05/2011 12:10:20 PM)



    LOGO怎麼做?
    這麼問很不明不白喔~(要詳細點說

    PS可以裁切圖片阿~
    在工具那欄就有了~~


    回覆刪除
  3. 嘿~我在妳發文ㄉ前幾天也在研究這ㄍㄟ(超好玩ㄉ> <

    版主回覆:(04/05/2011 12:10:05 PM)



    喔喔!真巧XDD
    的確蠻好玩的~~

    如果只是要製作簡單型的動畫或LOGO,用這個就可以不用FLASH了XD
    (想想我也很久沒用FLASH了...)(驚

    祝妳玩得愉快!

    回覆刪除
  4. 我是在好久前有留言
    問線稿處理的那位"
    這篇看了也收穫良多喔!!!菲老師
    其實一直有在關注老師的發文!加油:^)

    版主回覆:(04/06/2011 06:41:14 AM)



    喔喔:P

    有機會的會可以多多嘗試彼此交流~=w=+

    加油!!

    回覆刪除
  5. 那那那.....可以幫阿兔仔做嗎~((因為看得霧颯颯
    拜託><~

    版主回覆:(04/06/2011 06:41:58 AM)



    = ="
    孩子~要懂得自我學習阿!
    有哪裡不懂可以提問沒關係@@但要學著自己做過一次!

    回覆刪除
  6. 果然很讚阿~~我喜歡!!!
    而且還可以成為動畫

    只可惜我家沒有軟體
    ((哭哭

    版主回覆:(04/06/2011 01:56:46 PM)



    嗯嗯!

    以後有機會接觸到可以玩看看阿XD

    回覆刪除
  7. ㄟㄟ
    好強喔
    你會做版面嗎



    版主回覆:(04/09/2011 01:19:20 PM)



    版面?
    指TOP圖?

    回覆刪除
  8. 簡單說就是我不會製作LOGO啦~~~
    LOGO要用什麼軟體去做啊??

    版主回覆:(04/09/2011 01:19:37 PM)



    看你個人~
    大部分的人都是用PHOTOSHOP
    (製作方面妳可以去網路上搜尋相關文章

    回覆刪除
  9. 好棒阿~~~
    方便引用嗎??
    小的有空再玩玩(還沒拿到ps
    對了對了
    logo帶走一枚

    版主回覆:(04/09/2011 01:22:29 PM)



    引用OK阿!www

    LOGO帶走可以XDD

    回覆刪除
  10. 喔喔喔喔喔!!好強大!!
    好厲害唷!!>口<~

    謝謝教學唷!
    logo~我想帶走~可以嗎?~>口<~

    版主回覆:(05/16/2011 02:45:58 AM)



    有空可以自己摸看看喔^^b(很好玩的!

    OK阿!
    歡迎帶走XDD

    回覆刪除