先前為了要學著製作EDM,也順道學習了簡便的gif圖檔製作,
畢竟EDM上也要有一些變化(餔拎餔拎),才會引人注目啊!!!

需要物品:
Photoshop軟體一枚(嗯...因為我原本就有~想說不要再灌其他的軟體)
要製作成gif的圖檔(要分圖層放好)
耐心(要多花一點點時間調整一下gif檔的感覺~)

提醒:開啟Photoshop之後,可以先將要製作成gif的圖片「分圖層」放好,再進行以下的動作喔!

步驟一:選擇視窗-->動畫
0326_GIF教學1.jpg

 

步驟二:之後在視窗底下就會出現一個橫列的工具,感覺就很像flash的時間軸
 (但是圖層的地方,是要你製作的檔案有分圖層才會出現喔!)
 不過這個操作面板還不是我們要使用的面板~
0326_GIF教學2.jpg 

 

步驟三:這時候呢~就看到這個工具面板的右下角,有『三個排排站的框框』
    是切換面板操作的按鈕,把面板換成影格動畫!
0326_GIF教學3.jpg

 

步驟四:按下去之後,就會變成一個帶有圖片的影格出現!
    這樣我們的面板工具就好了!
0326_GIF教學4.jpg

 

步驟五:來認識一下普遍會用到的工具名稱和作用!
 (1) 新增影格:會依照前一個影格的條件,新增一個一模一樣的影格
   【小撇步】因為他會依照前個影格來做新增,因此建議先把普遍的設定(例如秒數),
        然後在按下新增,這樣可以稍微節省一些時間喔...
        (唉呀~因為我是不怎麼有耐心的傢伙,哈哈)

 (2) 秒數更改:就是所選的圖片要停留多久,既定的有0.1、0.2、0.5...etc,
          如果都不滿意,也可以按其他,自己設定秒數!
 (3) 循環更改:這個gif的播放要replay幾次?既定的有1次、3次、永遠~
        當然,如果還是不如自己的預期,也可以按其他,自己設定喔!
   【小撇步】通常應該都是選永遠啦,不然就跑幾次就不動了耶~
0326_GIF教學5.jpg 

 

步驟六:都調整好之後,選擇『檔案』-->儲存為網頁與裝置用
    會出現一個視窗,就選擇『儲存』,完成啦!!!
0326_GIF教學6.jpg

以下是成品~

0324_表情圖-OK~.gif

 

關於 EDM相關的教學文章連結如下...!!!
如何將製作好的EDM用Email寄出去呢?  請點我:【教學】EDM email教學(一)
如何使用Photoshop切片? 請點我: 【教學】如何使用Photoshop切片

 

 

 

 

創作者介紹

阿玻的畫筆兒

阿玻 發表在 痞客邦 PIXNET 留言(1) 人氣()


留言列表 (1)

發表留言
  • aselin
  • 降至 我們要來拍拍新ㄉ動態圖了 喜怒挨樂來一遍ㄅ 上次ㄉ好好玩喔 哈哈哈哈哈
  • 哈哈~可是那些又不能擺出來分享~很丟臉!!!

    阿玻 於 2010/03/27 11:51 回覆

找更多相關文章與討論