教你用Ps製作漣漪波浪效果的GIF動畫

本教程主要使用Photoshop製作漣漪波浪效果的GIF動畫，教程的過程寫的很詳細。希望能對大家有所幫助。

最終效果圖

圖00

1.打開一張圖片。

圖01

2.用裁剪工具將它裁剪成400乘400的正方形。

圖02

3.裁剪後的大小。

圖03

4.下來新建一個400乘800的透明文檔。

圖04

5.用40像素鉛筆工具，在文檔左上角畫一橫線。座標可藉助信息面板來觀察。

圖05

6.畫好後載入選區，按一下ctrl+alt+t組合鍵——複製變換——0座標值狀態下向下移動80像素（呈等距）。

圖06

7.確定，下來連續按ctrl+shift+alt+T組合鍵8次，複製8個橫條（共10個），然後取消選區。

圖07

8.按住ctrl鍵單擊箭頭處——在當前圖層下方新建圖層——然後填充白色。

圖08

9.執行濾鏡>模糊>高斯模糊——數值參考圖示。

圖09

10.調整一下色階，讓圖案的對比明顯一些。

圖10

11.視圖菜單>新建參考線——在水平100像素處和水平500像素處建立兩條參考線。注意參考線的位置結合圖像的尺寸是呈正方形的，這個範圍纔是我們需要的……（當然也可以在其它位置建立參考線，但兩線之間的高度必須是400像素）

圖11

12.爲什麼要這樣做？那是因爲要讓它在接下來的動畫製作中不間斷無障礙的循環播放。當初畫直線的寬度是40像素，因爲等距，所以白色也是40像素，二者相加是80像素，我計劃用4幀完成這個動畫製作，所以每複製一層向下移動20像素，4層正好形成一個循環。按住shift鍵，再按兩次向下的方向鍵——向下按一次是移動10像素，不按shift鍵移動是1像素。

圖12

13.爲準確快捷，還是複製變換方便。按一下ctrl+alt+T組合鍵，在屬性欄紅框內輸入正20像素（向下方移動），完成後按確定。

圖13

14.然後連續按ctrl+shift+alt+T組合鍵2次複製兩層（共四層）。下來再用裁剪工具在參考線之間裁出一個400乘400的正方形形狀。

圖14

15.裁剪好後，打開窗口>動畫調板，第一幀對應的是圖層2，第二幀對應的是圖層2副本。下面如此類推。

圖15

16.參考圖層對應的動畫幀。

圖16

17.依次爲圖層執行極座標效果。

圖17

18.完成後各層都起了變化，而且圓環也很細，這樣會影響效果。

圖18

19.繼續用裁剪工具，還是400乘400，參考圖中大小，對齊中心點。

圖19

20.裁剪完的效果。

圖20

21.現在打開圖片，複製四層，背景去鎖。

圖21

22.將圖層0（背景）放大一點，使它和其它圖層產生錯落感。

圖22

23.色階再調亮一點，使它和其它圖層產生色差。

圖23

24.下來單擊圖案窗口（轉換文檔快捷鍵爲ctrl+~）。從第一幀圖層2開始，單擊箭頭所指處——載入選區，然後ctrl+C（複製）。

圖24

25.再回到圖片，單擊通道面板下方箭頭所指處——創建新通道，然後ctrl+V（粘貼）。

圖25

26.這時螞蟻線還在，單擊圖層1並添加蒙版。參考圖示。

圖26

27.重複24、25、26步驟將圖案中剩餘圖層依次複製至和圖片對應的圖層蒙版中。

圖27

28.看一下蒙版在這種圖案的作用下對圖層的影響。

圖28

29.最後是建立動畫幀，這就不用說了吧。

圖29

30.建立動畫的第二幀。

圖30

31.建立動畫的其他幀數。

圖31

32.最終效果圖

圖32