教你如何利用Photoshop打造雷達(dá)掃描動(dòng)畫

先看一下最終效果：

好，閑言少敘，我們來(lái)做這個(gè)動(dòng)畫圖片。首先，要注意的是，您的ps版本必須在ps cs2（9.0）以上，如果沒有，請(qǐng)到這里下載：http://u.115.com/file/c4x6rric

1，打開ps，新建一個(gè)333*333像素的文件，如圖：

2，把背景色填充為黑色，（alt+delete 填充前景色，ctrl+delete填充背景色）

3，用橢圓工具畫出我們中心的圓圈。（按住shift不放，可以畫一個(gè)正圓）

現(xiàn)在的文件如下：

如果你的圖片不是這樣的，請(qǐng)檢查你是不是用的橢圓選框工具。

4，新建圖層（快捷鍵ctrl+shift+n），選中我們剛建立的圖層，打開路徑面板，設(shè)置如圖：

點(diǎn)好后我們的畫面應(yīng)該是這樣子的，

如果圓圈里有虛線，請(qǐng)到路徑面板在空白處單擊一下，取消路徑選擇就好了。

5，新建圖層，用上面的方法畫一個(gè)大圓（最好把每個(gè)圖層的名字改一下方便修改文件。）

如圖：

（如果你畫的圓跟你畫筆設(shè)置的不一樣，那我建議你在點(diǎn) 用畫筆描邊路徑前，先選中你的畫筆） 6，新建圖層，再畫一個(gè)外圓，如圖：

7，新建圖層，畫一個(gè)圓環(huán)。畫筆設(shè)置成5.，效果如下：

（如果你的圓大小不是很理想，可以ctrl+t，自由變換調(diào)整下大小。）

8，新建圖層，畫出我們的線線來(lái)~怎么畫？自己想辦法。

9，選中我們的線線，復(fù)制一份（ctrl+j），然后ctrl+r，打開參考線，在參考線上點(diǎn)右鍵，選中百分比。在參考線上，左鍵點(diǎn)住不放往下拖出一根參考線，拖到50%，如圖：

如果你的沒有50，可以按住alt不放旋轉(zhuǎn)鼠標(biāo)滾輪，可以放大縮小畫面。這樣也可以精確對(duì)準(zhǔn)50%。

橫豎都拖出一根到50%的參考線，接著在復(fù)制了的圖層上ctrl+t，

放正哦，放正后的定位點(diǎn)會(huì)變紅的。

然后把選項(xiàng)欄里的角度設(shè)置為30度，設(shè)置好后按回車應(yīng)用自由變換。我們的線線就按30度變換了。

如圖：

10，然后按住ctrl+shift+alt再按t，按10次，讓線規(guī)則的排滿圓圈，效果如下：

（如果你的中心圓和橫線交叉的不好，可以自由變換一下大小，變換的時(shí)候按住alt+shift可以不變位置，不變扁的放大或縮小。

11，把所有的線線和最小的圓（就是最內(nèi)部的小圓）都選中，按ctrl+e，合并選中圖層。

12，新建圖層，取名為云彩，放到黑色背景層上邊。然后執(zhí)行濾鏡》渲染》云彩，然后選中圓環(huán)里面的大圓圖層，用魔術(shù)棒工具在大圓內(nèi)點(diǎn)一下，便得到大圓內(nèi)部的選區(qū)。如圖：

然后，選我們的云彩圖層，按住ctrl+shift不放按一下i鍵，反選，delete鍵刪除，于是我們得到一個(gè)圓形圖層。如圖：

（我們可以按ctrl+h，隱藏掉參考線）

13，新建圖層，這個(gè)放在背景層和云彩層中間，簡(jiǎn)單的說(shuō)就是放到最下邊倒數(shù)第二個(gè)。然后點(diǎn)自定義形狀

在選項(xiàng)欄選一個(gè)圓形的形狀。如圖：

然后按住shift鍵，畫出一個(gè)正圓形的圖案。

ctrl+回車鍵，轉(zhuǎn)換成選區(qū)，然后選中我們的“倒數(shù)第二個(gè)圖層”，填充白色。

14，用文字工具畫一個(gè)選區(qū)，大小如圖：

里面輸入一些綠色的數(shù)字和字母。我的字體設(shè)置是這樣的：字體用的arial，字體大小 14，字體大小后邊的那個(gè)消除鋸齒選項(xiàng)，選的無(wú)，而不是犀利。

然后給這個(gè)文字圖層添加蒙板，并取消與蒙板的鏈接。

然后選擇矩形選框工具，并設(shè)置羽化大小為5，

在蒙板上畫出一個(gè)選區(qū)。大小如圖。（必須要選中蒙板，如上圖文字圖層t圖標(biāo)后邊的白色方塊就是蒙板，用鼠標(biāo)點(diǎn)一下即選擇了蒙板，如果不太懂蒙板，建議到硅谷學(xué)院學(xué)習(xí)一下蒙板）。

然后給蒙板的選區(qū)填充黑色，

下邊用同樣的辦法搞定。（如果底端還有漸顯的文字，就來(lái)用矩形工具往下移一點(diǎn) 填充黑色。）、

（圖片里我為了方便大家觀看，我暫時(shí)關(guān)掉了云彩圖層和白色的大圓圖層。）

ok，我們要把文字移動(dòng)一下，點(diǎn)選文字層，按住shift鍵按↓，把文字移動(dòng)下來(lái)，等會(huì)要做動(dòng)畫的。松開shift按↓可以微調(diào)位置。

15，我們的雷達(dá)基本上算是做的好了。在左上角寫上幾個(gè)字，雷達(dá)掃描效果�；蛘咂渌�的字。并把本如層放到倒數(shù)第二層。（以前的第二層不知道成第幾層了～）

16，新建圖層，命名為小方塊，這個(gè)圖層放到倒數(shù)第三層。然后用矩形選框工具畫一個(gè)小礦，大小剛好覆蓋住一個(gè)文字即可。白色后邊是黑色，樣子如圖：

我故意拉出來(lái)了兩個(gè)參考線，讓大家能看出來(lái)這個(gè)黑白條的長(zhǎng)度是可以覆蓋住上邊整排文字的。

17.ok，接下來(lái)。。就是見證奇跡的時(shí)刻，我們開始做動(dòng)畫。

18，選擇云彩圖層，在本圖層上點(diǎn)右鍵，選混合選項(xiàng)，混合選項(xiàng)設(shè)置如下：

然后設(shè)置漸變，點(diǎn)漸變條， 彈出漸變顏色設(shè)置，設(shè)置參數(shù)如下：

（不會(huì)設(shè)置漸變的請(qǐng)觀看祁老師的教程：http://www.enet.com.cn/eschool/zhuanti/pscs3/37.shtml）

目前，我們的作品應(yīng)該是這樣的。接下來(lái)，選擇這個(gè)大的白色圓圈，同選混合選項(xiàng)，設(shè)置漸變，

漸變條的設(shè)置如下：

設(shè)置好后，在窗口往下拉，讓漸變都下去，如圖：

（圖上的那句模糊的話是：鼠標(biāo)在這里往下拉。）

選中線線圖層（實(shí)際上我們的線線圖層已經(jīng)和小圓合并過(guò)了），打開混合選項(xiàng)，添加漸變，漸變參數(shù)如下：

漸變條的參數(shù)：

19，把黑白條覆蓋到文字上邊，并關(guān)閉文字和黑白條的顯示，一會(huì)做動(dòng)畫時(shí)我們有操作。

20，打開動(dòng)畫面板（窗口，動(dòng)畫），然后點(diǎn)復(fù)制幀。

21，選云彩圖層，打開混合選項(xiàng)面板，然后選擇漸變參數(shù)，我們把之前90度的角度設(shè)置為-30度，點(diǎn)確定。然后把亂碼數(shù)字選中，注意不要點(diǎn)住蒙板，按住shift鍵，按↑，按5次。讓他上去一些。選白色的大圓層（自定義形狀的那個(gè)大圓），同樣打開混合選項(xiàng)，然后選中漸變（必須選中漸變，讓漸變選項(xiàng)有選中的藍(lán)色才可以的）,選中漸變后，在我們的圖層里往上拉，讓漸變到最上邊去，一直看不到為止。

22，再?gòu)?fù)制一幀，然后把亂碼數(shù)字選中，按住shift鍵，繼續(xù)按↑，按5次。接著，選云彩圖層，打開混合選項(xiàng)面板，然后選擇漸變參數(shù)，我們把之前-30度的角度設(shè)置為-150度，

選中線線層，打開混合選項(xiàng)》漸變疊加，把縮放由之前的150改為10.

23，ok，

選中第一幀，點(diǎn)過(guò)渡，過(guò)渡設(shè)置如下：

繼續(xù)添加過(guò)渡，選中第十四幀，點(diǎn)過(guò)渡按鈕，過(guò)渡設(shè)置跟上次的一樣。

現(xiàn)在我們的動(dòng)畫窗口有27幀動(dòng)畫了，我們選第27幀，點(diǎn)復(fù)制，然后選中第28幀，在圖層窗口選云彩圖層，打開混合選項(xiàng)》漸變疊加，把-150的角度設(shè)置成90，然后確定。

選擇第27幀，點(diǎn)過(guò)渡，添加過(guò)度幀，

然后刪除最后一幀，以為最后一幀和第一幀是一樣的，不刪除的話播放的時(shí)候你會(huì)看到有一下的停頓。

點(diǎn)播放，看一下效果。

ok，效果不錯(cuò)。停止，選中第十幀，把黑白條顯示出來(lái),

11幀 關(guān)閉黑白條

12幀 打開黑白條

13幀，打開文字顯示，并把黑白條向右移動(dòng)，讓文字露出一個(gè)來(lái)。

14幀 繼續(xù)向右移動(dòng)黑白條露出第二個(gè)字

一次類推。。直到第18幀漏出全部文字

第19幀，我們關(guān)閉黑白條，

20幀 顯示，但是不透明度設(shè)置為50%