Photoshop制作雷達掃描的gif動畫效果

發(fā)布時間：2017-02-23 12:16:26 作者：duanhunke001

我要評論

這篇教程是向腳本之家的朋友分享Photoshop制作雷達掃描的gif動畫效果方法，教程制作出來的動畫效果非常漂亮，而且方法很簡單，文章也介紹了動畫的制作過程，好了，下面我們一起來看看怎么操作吧

下面為大家介紹Photoshop制作雷達掃描的gif動畫效果方法，操作很簡單的，喜歡的朋友可以參考本文，來看看吧！

步驟：

1、新建一個文件（大小自定），填充背景色為黑色。

Photoshop制作雷達掃描的gif動畫效果

2、新建圖層1，用橢圓工具設(shè)置路徑畫出中心的小圓。（畫正圓按住shift不放）

Photoshop制作雷達掃描的gif動畫效果

3、對圓描邊，設(shè)置好顏色，這里設(shè)置為綠色。點擊“路徑面板”的“用畫筆描邊路徑工具”進行描邊。建議描邊路徑前，先選中你的畫筆

Photoshop制作雷達掃描的gif動畫效果

4、如此重復再畫2個圓，逐步放大比例，再接著畫1個圓，但是注意設(shè)置好畫筆粗細，略比之前的粗即可。

Photoshop制作雷達掃描的gif動畫效果

5、一個雷達的顯示框就畫好了，這個時候再畫一下掃描的線。

Photoshop制作雷達掃描的gif動畫效果

6、新建圖層2，可以借助一下標尺工具，樣式暫時畫成下圖（風格自定）。

Photoshop制作雷達掃描的gif動畫效果

7、對畫的線復制一次，旋轉(zhuǎn)角度注意，選擇變型工具，按住Alt不放，移動中心點的位置對齊到圓心位置。然后按住Ctrl+Shift+Alt+T，旋轉(zhuǎn)一周，可以合并為一個圖層。

Photoshop制作雷達掃描的gif動畫效果

8、新建圖層3，放在背景層之上，選擇“濾鏡”菜單下的“渲染”——“云彩”，去除最大園外的區(qū)域。

Photoshop制作雷達掃描的gif動畫效果

9、設(shè)置好圖層樣式，如下圖（自己可以調(diào)整）。

Photoshop制作雷達掃描的gif動畫效果

10、復制該圖層2次，分別叫做光線2、光線3，依次變更角度為-30、-150，因為后面只做3次旋轉(zhuǎn)。可以看到光線是按照順時針方向旋轉(zhuǎn)的。

Photoshop制作雷達掃描的gif動畫效果

11、選擇“窗口"菜單——”動畫“，點擊動畫窗口，在0秒的地方，在出現(xiàn)的下拉式菜單中設(shè)置延遲時間為0.2秒（自由設(shè)定）復制兩個幀，第1幀隱藏圖層光線2、圖層光線3，第2幀隱藏圖層2、圖層光線3，第3幀隱藏圖層2、圖層光線2。在這3幀之間創(chuàng)建過渡，數(shù)量自定。

Photoshop制作雷達掃描的gif動畫效果