close

*這個簡單的GIF動畫是用ADOBE IMAGE READY所做的,只要有PHOTOSHOP就一定會有附的程式。

(不過這次的教程主要以有摸過PHOTOSHOP的人為主喔~!)

-

*以下這張圖就是這次的範本:



(下面是轉成JPEG的四張圖,有興趣可以抓來做做看。)

 

 

#繪圖程式:  小畫家   [當年無聊做出來的想說有天如果會GIF就來玩玩XD"]

#製作GIF程式:  ADOBE IMAGE READY

-

==================================================================

*初學者必記的快捷鍵!!

記不起來的話我只能說阿門啦~~[會很辛苦]

CTRL+A    全選

CTRL+Z    復原

CTRL+X    剪下

CTRL+C    複製

CTRL+V    貼上

CTRL+S    儲存檔案

                                                                      >>>更多快捷鍵

-

*首先介紹幾個重要的區塊,會用PHOTOSHOP的人應該就比較好上手啦~

旁邊的工具列如果已經有畫好的圖片就用不太到了。

-

#製作步驟-1

1. 開啟ADOBE IMAGE READY>>檔案>>開啟舊檔>>選你要的圖片(可複選)>>按確定囉~

(如果是用PHOTOSHOP繪圖的話,建議背景用不透明,存成PNG。)

-

2. 或是開PHOTOSHOP編輯,存好檔之後對著工具列的下面,按"跳到ADOBE IMAGE READY"來開啟。

-

-

#製作步驟-2

1. 跑出一堆你選的圖(視窗),決定當第一張的圖(動畫的開頭)的留下,其他按著要排成動畫圖的順序開始按全選>>複製>>然後貼到"決定要當第一張的圖"那個視窗去。(確定貼上之後就關掉,以免搞混。)

-

2. 以此類推,把全部的圖片通通複製到第一張圖的視窗之後,就開始來編輯囉~

-

-

#製作步驟-3

1. 到這個步驟為止,複製這麼多的圖,可是浮動視窗"動畫"的部份,只有一張圖吧?

再看看旁邊浮動視窗的"圖層",會發現剛剛複製的圖都在裡面。

(如果沒有出現"動畫"的浮動視窗,請按工作列的"視窗">>顯示"動畫",就會出現了)

-

2. 點一下"動畫"裡面的圖,然後按"垃圾桶"旁邊的"開新影格",會出現跟前面一樣的圖。

-

(眼睛的標誌點一下就消失囉~)

-

#製作步驟-4

1. 選一個"動畫"中的影格後,看見該影格"圖層"的部分都有很多剛剛貼上的圖,每個圖層旁邊都有個眼睛的圖案(指示圖層可見度),把所有的眼睛都點一下讓它消失,剩下最後一個就是你要讓那個影格的圖案啦!!

-

2. 以此類推,開始複製每個"動畫"中的影格,然後慢慢點"眼睛的圖案"吧~[好累的方法]

-

-

#製作步驟-5

1. 通通編輯好之後呢~就來調整每張影格下面顯示的秒數,預設的秒數是0秒,跑的快到看不見,所以就看自己的喜好度來調整。

(想要自訂秒數就選擇"其他")

-

2. 好了之後就按下面的撥放來試試看囉~

下面那個"永遠"的三角形按鈕,可以調整撥放方式為"永遠"或是"一次",注意!選"一次"的話存檔後圖片也只撥放一次喔![建議調成永遠就好]

-

-

#製作步驟-6

1. 按浮動視窗的"2欄式"後,調整浮動視窗的"最佳化"來設定存檔後的圖片格式。

(當然~顏色越多檔案越大,建議設定成"GIF混色"的類型)

-

2. 通通OK預覽撥放也OK之後呢~就是存檔啦!

按到存檔或是另存新檔的部份都只能存成PSD檔,要存成GIF動態圖的話就要按"檔案">>"儲存最佳化"或是"另存最佳化為...",存好之後就大功告成啦!!XD

-

-

(挖哈哈哈哈哈~~~)

 

(當然這張影格更多更不好做...)

-

-

#補充-漸變功能:

1. 選取漸變的影格,然後點選"漸變",出現上圖的視窗,照著圖片點選,建議點"全部圖層",按確定。

(按確定之後,影格就會變成這樣。)

#效果如下圖:

-

===========================================================

*以上教程大概就這樣,也歡迎提供其他更好用的方法喔~

*如需圖文轉載請註明來源,謝謝。

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 宅宅貓 的頭像
    宅宅貓

    瘋涼畫

    宅宅貓 發表在 痞客邦 留言(0) 人氣()