網站首頁 語言 會計 互聯網計算機 醫學 學歷 職場 文藝體育 範文
當前位置:學識谷 > 計算機 > photoshop

photoshop的掃描雷達的製作教程

欄目: photoshop / 發佈於: / 人氣:2.86W

先看一下最終效果:

photoshop的掃描雷達的製作教程

1,打開PS,新建一個333*333像素的文件,如圖:

2,把背景色填充為黑色,(Alt+ 填充前景色,Ctrl+填充背景色)

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

現在的文件如下:

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

4,新建圖層(快捷鍵Ctrl+shift+N),選中我們剛建立的圖層,打開路徑面板,設置如圖:

點好後我們的畫面應該是這樣子的,

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

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

如圖:

(如果你畫的圓跟你畫筆設置的不一樣,那我建議你在點 用畫筆描邊路徑前,先選中你的畫筆)

6,新建圖層,再畫一個外圓,如圖:

7,新建圖層,畫一個圓環。畫筆設置成5.,效果如下:

(如果你的圓大小不是很理想,可以Ctrl+T,自由變換調整下大小。)

8,新建圖層,畫出我們的線線來~怎麼畫?自己想辦法。

9,選中我們的線線,複製一份(ctrl+j),然後ctrl+R,打開參考線,在參考線上點右鍵,選中百分比。在參考線上,左鍵點住不放往下拖出一根參考線,拖到50%,如圖:

如果你的沒有50,可以按住Alt不放旋轉鼠標滾輪,可以放大縮小畫面。這樣也可以精確對準50%。

橫豎都拖出一根到50%的參考線,接着在複製了的圖層上ctrl+t,

放正哦,放正後的定位點會變紅的。

然後把選項欄裏的角度設置為30度,設置好後按回車應用自由變換。我們的線線就按30度變換了。

10,然後按住Ctrl+Shift+Alt再按T,按10次,讓線規則的排滿圓圈,效果如下:

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

11,把所有的線線和最小的圓(就是最內部的小圓)都選中,按Ctrl+E,合併選中圖層。

12,新建圖層,取名為雲彩,放到黑色背景層上邊。然後執行濾鏡》渲染》雲彩,然後選中圓環裏面的大圓圖層,用魔術棒工具在大圓內點一下,便得到大圓內部的選區。如圖:

然後,選我們的雲彩圖層,按住Ctrl+Shift不放按一下I鍵,反選,Delete鍵刪除,於是我們得到一個圓形圖層。

(我們可以按Ctrl+H,隱藏掉參考線)

13,新建圖層,這個放在背景層和雲彩層中間,簡單的説就是放到最下邊倒數第二個。然後點自定義形狀

在選項欄選一個圓形的形狀。如圖:

然後按住Shift鍵,畫出一個正圓形的圖案。

Ctrl+回車鍵,轉換成選區,然後選中我們的“倒數第二個圖層”,填充白色。

14,用文字工具畫一個選區,

裏面輸入一些綠色的數字和字母。我的字體設置是這樣的:字體用的Arial,字體大小 14,字體大小後邊的那個消除鋸齒選項,選的無,而不是犀利。

然後給這個文字圖層添加蒙板,並取消與蒙板的鏈接。

然後選擇矩形選框工具,並設置羽化大小為5,

在蒙板上畫出一個選區。大小如圖。(必須要選中蒙板,如上圖文字圖層T圖標後邊的白色方塊就是蒙板,用鼠標點一下即選擇了蒙板,如果不太懂蒙板,建議到硅谷學院學習一下蒙板)。

然後給蒙板的選區填充黑色,

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

(圖片裏我為了方便大家觀看,我暫時關掉了雲彩圖層和白色的大圓圖層。)

Ok,我們要把文字移動一下,點選文字層,按住Shift鍵按↓,把文字移動下來,等會要做動畫的。鬆開Shift按↓可以微調位置。15,我們的雷達基本上算是做的好了。在左上角寫上幾個字,雷達掃描效果。或者其他的字。並把本如層放到倒數第二層。(以前的第二層不知道成第幾層了~)

16,新建圖層,命名為小方塊,這個圖層放到倒數第三層。然後用矩形選框工具畫一個小礦,大小剛好覆蓋住一個文字即可。白色後邊是黑色,樣 我故意拉出來了兩個參考線,讓大家能看出來這個黑白條的長度是可以覆蓋住上邊整排文字的。

,接下來。。就是見證奇蹟的時刻,我們開始做動畫。

18,選擇雲彩圖層,在本圖層上點右鍵,選混合選項,混合選項設置如下:

然後設置漸變,點漸變條,

彈出漸變顏色設置,設置參數如下:

目前,我們的作品應該是這樣的。接下來,選擇這個大的白色圓圈,同選混合選項,設置漸變,

漸變條的設置如下:

選中線線圖層(實際上我們的線線圖層已經和小圓合併過了),打開混合選項,添加漸變,漸變參數如下:

19,把黑白條覆蓋到文字上邊,並關閉文字和黑白條的顯示,一會做動畫時我們有操作。

20,打開動畫面板(窗口,動畫),然後點複製幀。

21,選雲彩圖層,打開混合選項面板,然後選擇漸變參數,我們把之前90度的角度設置為-30度,點確定。然後把亂碼數字選中,注意不要點住蒙板,按住Shift鍵,按↑,按5次。讓他上去一些。選白色的大圓層(自定義形狀的那個大圓),同樣打開混合選項,然後選中漸變(必須選中漸變,讓漸變選項有選中的藍色才可以的),選中漸變後,在我們的圖層裏往上拉,讓漸變到最上邊去,一直看不到為止。

22,再複製一幀,然後把亂碼數字選中,按住Shift鍵,繼續按↑,按5次。接着,選雲彩圖層,打開混合選項面板,然後選擇漸變參數,我們把之前-30度的角度設置為-150度,

選中線線層,打開混合選項》漸變疊加,把縮放由之前的150改為10.

繼續添加過渡,選中第十四幀,點過渡按鈕,過渡設置跟上次的一樣。

現在我們的動畫窗口有27幀動畫了,我們選第27幀,點複製,然後選中第28幀,在圖層窗口選雲彩圖層,打開混合選項》漸變疊加,把-150的角度設置成90,然後確定。

選擇第27幀,點過渡,添加過度幀,然後刪除最後一幀,以為最後一幀和第一幀是一樣的,不刪除的話播放的時候你會看到有一下的停頓。

點播放,看一下效果。

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

11幀 關閉黑白條

12幀 打開黑白條

13幀,打開文字顯示,並把黑白條向右移動,讓文字露出一個來。

14幀 繼續向右移動黑白條露出第二個字

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

第19幀,我們關閉黑白條,

20幀 顯示,但是不透明度設置為50%

最終效果:

Tags:photoshop 雷達