Photoshop制作漣漪波浪效果的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.看一下蒙版在這種圖案的作用下對圖層的影響。