用Photoshop精細(xì)打造雷達(dá)掃描動(dòng)畫

先看一下最終效果： 

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

2，把背景色填充為黑色，（Alt+delete 填充前景色，Ctrl+delete填充背景色）
3，用橢圓工具畫出我們中心的圓圈。（按住shift不放，可以畫一個(gè)正圓）

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

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

4，新建圖層（快捷鍵Ctrl+shift+N），選中我們剛建立的圖層，打開路徑面板，設(shè)置如圖：
點(diǎn)好后我們的畫面應(yīng)該是這樣子的，

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

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

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

6，新建圖層，再畫一個(gè)外圓，如圖：

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

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

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

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

如果你的沒有50，可以按住Alt不放旋轉(zhuǎn)鼠標(biāo)滾輪，可以放大縮小畫面。這樣也可以精確對準(zhǔn)50%。
橫豎都拖出一根到50%的參考線，接著在復(fù)制了的圖層上ctrl+t，

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

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

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

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



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



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

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



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


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

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

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

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

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

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

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

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

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

12幀 打開黑白條

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

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

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

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

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

最終效果：