教您如何用PhotoShop製作Gif動畫【圖解】

  可能很多人都看到別人的簽名檔裡那些不斷變化的動畫很不錯,在這裡,就教哪些不太熟悉的朋友用PhotoShop製作Gif動畫

首先先介紹下所用軟體~

這裡用的是photoshopCS,photoshop6.0以上的就自帶ImageReady!

當然用專用的製作GIF圖片的軟體也可以做。

素材:t1

教您如何用PhotoShop製作Gif動畫【圖解】

第一步 : 啟動photoshop,並打開需要的兩幅圖!

t2

教您如何用PhotoShop製作Gif動畫【圖解】

第二步 : 點擊圖象大小

t3

教您如何用PhotoShop製作Gif動畫【圖解】

彈出圖像大小修改框,修改寬度和高度的像素。注意下面紅線裡的約束比例!要改成非比例的大小就把勾點去!然後將兩副圖片的大小調一致!

t4

教您如何用PhotoShop製作Gif動畫【圖解】

第三步

很多JPG格式的圖在photoshop裡是鎖定的,所以雙擊圖層裡的背景項,會彈出一個選項框,選擇好~將背景變為圖層!(同理,另一幅圖片也這麼做。但注意在photoshop裡通過點擊圖片來改變當前編輯的圖片,所以改另一副圖之前先點擊一下)

t5

教您如何用PhotoShop製作Gif動畫【圖解】

第四步

選擇左邊工具條上面右邊的選擇工具!

t6

教您如何用PhotoShop製作Gif動畫【圖解】

然後點住一幅圖片將它拖至另一副圖片裡!

t7

教您如何用PhotoShop製作Gif動畫【圖解】

這時在圖層裡應該是有兩個圖層!

t8

教您如何用PhotoShop製作Gif動畫【圖解】

將兩個圖片根據畫面的大小對對好~按保存!

t9

教您如何用PhotoShop製作Gif動畫【圖解】

第五步

這時啟動ImageReady,打開你剛保存的圖片!

t10

教您如何用PhotoShop製作Gif動畫【圖解】

注意紅線圈的地方,這裡應該顯示兩個圖層!

第六步

在動畫工具條裡點擊「復制當前幀」就是紅色圈住的那個圖標。

t11

教您如何用PhotoShop製作Gif動畫【圖解】

復制後,在動畫裡會顯示有兩個幀!注意紅色圈住的地方!

t12

教您如何用PhotoShop製作Gif動畫【圖解】

第七步

點擊動畫工具裡的「過度…」按扭!

t13

教您如何用PhotoShop製作Gif動畫【圖解】

點擊後會出現過度對話框!在「要添加的幀數」裡選擇你希望的幀數,默認是5,這裡我們也選擇5,然後點擊「好」.

t14

教您如何用PhotoShop製作Gif動畫【圖解】

這時下面動畫欄裡會顯示有7個幀!如圖15 :

t15

教您如何用PhotoShop製作Gif動畫【圖解】

第八步

這時看看圖層裡的當前圖層是否為上面的圖,不是的話點擊來改變當前圖層!注意有蘭色條顯示的就是當前圖層!

t16

教您如何用PhotoShop製作Gif動畫【圖解】

選擇好當前圖層後,點擊動畫欄裡第二個幀!如圖黃色箭頭所指.

t17

教您如何用PhotoShop製作Gif動畫【圖解】

點中後第二幀應該是蘭色的!

然後在圖層欄那邊改透明度!將其從100%改為80%,

t18

教您如何用PhotoShop製作Gif動畫【圖解】

接著選擇第三個幀,將其不透明值改為60%;

點擊第4幀!將其不透明值改成40%;

……

以此類推,到第六幀其透明度已經為0,就是說共七幀照片,從第二幀始,每幀的透明度降低20%。

t19

教您如何用PhotoShop製作Gif動畫【圖解】

第九步

點擊第1幀,點擊「選擇幀延遲時間」如圖紅圈裡的顯示。

t20

教您如何用PhotoShop製作Gif動畫【圖解】

點擊後會彈出個菜單!如圖t21:

t21

教您如何用PhotoShop製作Gif動畫【圖解】

選擇0.2秒延遲後,第1幀下面會變為0.2秒,如圖:

t22

教您如何用PhotoShop製作Gif動畫【圖解】

第十步

點擊第7幀,將其也變為0.2秒延遲,

t23

教您如何用PhotoShop製作Gif動畫【圖解】

t24

教您如何用PhotoShop製作Gif動畫【圖解】

第十一步

點擊「播放」按扭。看下效果!

t25

教您如何用PhotoShop製作Gif動畫【圖解】

第十二步

準備保存了,在轉為GIF文件前,先設下優化值!在預設一項將其值改為 GIF 128 仿色,

t26

教您如何用PhotoShop製作Gif動畫【圖解】

然後選擇文件菜單裡的「將優化結果存儲為」, 選擇文件名後,按好!就OK了!

t27

教您如何用PhotoShop製作Gif動畫【圖解】