1.首先,先準備去備好的人物圖1~2張,網路上有很多免費去背)的網站可以使用(去背就是去除背景,只留想留的主體)

2.準備一張背景圖,如下。(此為我自己拍攝~)

886

(照片地點:大溝溪生態治水園區)

由於網路上製作gif動圖的步驟有些我看不懂,就先亂做試試!!~

3.打開photoshop,將不同動作或相同動作的2張去背人物放進背景不同位置,製作出兩張圖片~有一個概念,就是要不同位置,如此才能產生動態效果。

8745

(圖片一)

8746

(圖片二)

4.之後將兩張圖片選取後用滑鼠拉取至photoshop內~

5.選取上方的【視窗】-時間軸

8885

6.就會出現左下方的圖片方框~~(請耐心的看下去@@)

88552

7.將第二張圖檔-8745(我隨便取名)用滑鼠鍵拖曳(拉)出來~

1-1

8.會出現兩個視窗~~大視窗和小視窗~

1-2

9.之後再大視窗的右邊有個{背景},這是圖片目前不能製作GIF的原因~所以,立即滑鼠左鍵點{背景}2下,把它變成圖層~~

1623060528518

10.接下來按鍵盤的Ctrl+C(選取並複製圖片1-其實哪張圖都可以,只是方便說明~~),接著Ctrl+V(貼上)~~這是大視窗會有兩張圖片,我們接著操作時間軸~~

1-3

11.複製時間軸圖片~在左下角~~

​​1623061016152

1623061005415

12.選擇第[1]個時間軸圖層~~

1-4

12.第一次不要顯示的圖層把它的眼睛閉起來~關閉圖層~~

1-6

13.第二個圖層也是一樣,選自己第2個動作圖就可以了,其他關起來~~

14.左下角可以選時間,這邊我設置0.5秒~設置好後按播放!!~

15.要加字也是類似的原理!!~

1-7

16.左上角點檔案,選擇儲存為網頁用,並選擇GIF,按儲存~~一張可愛的gif動態圖就完成啦!!~

1-8

1245

866-2-6

您也可以做得更生動點!!!!~~

123

別的素材,增加的背景要自己畫出來,並用綠色圖片擋住角色!!!~

1621590123440-2-3-5

像是,這樣!!!~

文章標籤

Angel Ching 發表在 痞客邦 留言(0) 人氣()