PS CS5制作逼真流動的云霧動態(tài)GIF動畫(8)

本實例將利用PS來仿真制作流動的云霧動畫特效，主要涉及云彩濾鏡、自由變換、圖層蒙版以及動畫制作等知識要點，有興趣的朋友可以一試！

效果圖：

原圖：

1、本教程實例采用photoshop CS5制作，其它版本通用，先打開原圖，如下圖所示：

2、本原圖選材于太姥山，我們的目的就是要在其基礎(chǔ)上添加流動的云霧效果，先新建一個圖層1，如下圖所示：

3、按D鍵將前景和背景色復(fù)原為黑白，然后選擇菜單“濾鏡->渲染->云彩”，如下圖所示：

4、單擊選擇“魔棒工具”，設(shè)置容差為3，不要勾選連續(xù)，如下圖所示：

5、在填充了云彩效果的圖層1上任意位置單擊，這時會發(fā)現(xiàn)有部分不規(guī)則區(qū)域被選中，接著按住Shift鍵，同時左鍵在不同位置單擊，如下圖所示：

6、差不多得到如下的選區(qū)效果即可：

7、將圖層1的眼睛點掉，新建一個圖層2并單擊選中，如下圖所示：

8、選擇菜單“編輯->填充”，選擇白色對選區(qū)進行填充，效果如下圖所示：

9、選擇菜單“濾鏡->模糊->高斯模糊”，設(shè)置半徑為6左右，如下圖所示：

10、按Ctrl+T鍵進行自由變換，將圖層2內(nèi)容壓縮至如下圖所示效果：

11、將寬度W設(shè)置為200.00%，目的是為了后續(xù)做動畫使用，如下圖所示：

12、給圖層2添加圖層蒙版，如下圖所示：

13、利用硬度為0的黑色畫筆工具對邊緣部分進行過渡效果處理，如下圖所示：

14、另外要注意此時的圖層2的寬度實際上放大到了200%，所以要配合移動工具左右移動，將所有的云霧下方的邊緣部分都進行過渡處理，如下圖所示：

15、接下來制作水中的云霧倒影，將圖層2復(fù)制生成一個圖層2副本，如下圖所示：

16、選擇菜單“編輯->變換->垂直翻轉(zhuǎn)”，然后按Ctrl+T鍵進行自由變換，將圖層2副本進行適當(dāng)?shù)膲嚎s，因為從原圖的視覺角度看水中的倒影，

倒影的高度會比實物高度小，另外要適當(dāng)?shù)膶D層2副本向下方移動一些，因為倒影中的天空部分沒有完全顯現(xiàn)，同時還要注意圖層2與圖層2副本

的左右要對齊，如下圖所示：

17、將圖層2副本的不透明度設(shè)置為50%左右，因為倒影的可見度應(yīng)該較低，如下圖所示：

18、按住Ctrl鍵一起選中圖層2和圖層2副本，單擊右鍵選擇“鏈接圖層”，如下圖所示：

19、將背景圖層復(fù)制生成一個背景副本，并將背景副本圖層置于最上方，如下圖所示：

20、給背景副本添加圖層蒙版，利用硬度為0的黑色畫筆工具將需要顯現(xiàn)云霧的區(qū)域進行適當(dāng)?shù)耐磕�，如下圖所示：

21、倒影部分也一樣進行涂抹，注意樹木和草部分的倒影是不能有云霧倒影的，具體如下圖所示：

22、接下來我們就可以開始制作動畫，選擇菜單“窗口->動畫”，在彈出的動畫窗口中默認有一幀的動畫，如下圖所示：

23、單擊動畫窗口下方的“復(fù)制所選幀”按鈕復(fù)制生成第2幀，如下圖所示：

24、單擊選中第1幀，同時選中圖層2和圖層2副本，利用移動工具將其移動到最左邊，注意要正好讓云霧的最右邊界與文檔的右邊界對齊，

接著單擊選中第2幀，將圖層2和圖層2副本向右移動，直到云霧的左邊界與文檔左邊界對齊，如下圖所示：

25、按住Ctrl鍵一起選中第1幀和第2幀，單擊幀下方時間位置，在彈出的菜單中選擇間隔時間為0.2秒，如下圖所示：

26、確保單擊選中第1幀，然后單擊動畫窗口下方的“過渡動畫幀”按鈕，在彈出的“過渡”窗口中設(shè)置過渡方式為“下一幀”，

要添加的幀數(shù)為28（數(shù)值越大動畫越慢，同時文件也越大），具體設(shè)置如下圖所示：

27、確定過渡幀后會發(fā)現(xiàn)在動畫幀窗口中自動復(fù)制生成了28過渡幀，可以按播放按鈕預(yù)覽動畫，如果對動畫不滿意可以反復(fù)修改，直到滿意為止，

如下圖所示：

28、另外動畫文件的寬與高一般不能太大，否則文件會過大影響網(wǎng)絡(luò)傳輸，可以在動畫做完后通過菜單“圖像->圖像大小”中設(shè)置寬度等，

如本例中將寬度縮小到400，默認高度也會自動縮小，如下圖所示：

29、最后要想讓動畫以動畫格式保存，必需通過菜單“文件->存儲為Web和設(shè)備所用格式”進行保存，如下圖所示：

30、在彈出的保存設(shè)置對話框中，確保預(yù)設(shè)格式為GIF，之后按“存儲”按鈕保存成gif格式的動畫文件即可，如下圖所示：

最終效果！