如果您喜歡『PS學習網』,請推薦給您身邊的朋友!本站永久域名:www.3555061.live

制作精致雷達掃描圖標的PS教程

當前位置 : PS學習網 > 實例教程 > 正文來源:網絡作者:網絡時間:2012-11-15人氣:

制作圖片是非常需要耐心的細活。因為圖標的大小相對來說要小很多,不過構造并不簡單。尤其在質感和光感方法非常講究,需要把較小面積的高光和暗調刻畫出來,還是要花一定功夫的。最終效果

制作精致雷達掃描圖標的PS教程

 

一、在Photoshop中新建一個大小為 1024×1024 的空白文檔。添加一個紋理背景(原作者使用了一個之前教程中制作的類布紋紋理),只要貼合整體風格即可。

 

二、使用 橢圓形選擇工具 在畫布正中央拖出一個大小為 500×500 左右的圓。然后填充為 黑色。命名為circle。

 

三、為了創建圖標的邊框,我們復制剛剛填充的圓,然后縮小到合適的尺寸形成一個內圓,命名為inner circle。 然后,在圖層面板上,右鍵點擊inner circle的縮略圖,在彈出菜單上選擇 選擇像素 從而建立一個馬上要用到的選區。

制作精致雷達掃描圖標的PS教程 

制作精致雷達掃描圖標的PS教程

  

四、隱藏這個圖層后,點擊circle圖層激活,接著執行 圖層 > 圖層蒙版 > 隱藏選區 。這樣就以蒙版的形式得到了一個圓環,也就是我們要做的圖標的邊框。

制作精致雷達掃描圖標的PS教程

 

五、通過調整circle圖層的圖層樣式得到金屬質感的邊框。樣式中要運用到 投影、內陰影、斜面和浮雕、顏色疊加。具體設置如下圖:

制作精致雷達掃描圖標的PS教程 

制作精致雷達掃描圖標的PS教程 

制作精致雷達掃描圖標的PS教程 

制作精致雷達掃描圖標的PS教程 

制作精致雷達掃描圖標的PS教程  

 

六、這時候取消對inner circle圖層的隱藏。接著復制它,得到的新圖層命名為small circle。在新圖層上執行 圖層 > 圖層樣式 > 漸變疊加 。鼠標拖動漸變,讓高光的區域稍微靠近下方,具體設置和顏色值如下圖:

制作精致雷達掃描圖標的PS教程

 

七、在small circle上新建一個空白層,然后按住ctrl鍵點擊圖層面板上small circle的縮略圖得到選區,接下來需要使用 筆刷 工具在選區內刷出按鈕的高光效果。筆刷硬度調整為 0%,顏色為 #7a5511,流量可以盡量小一點,這樣可以多刷幾遍,以獲得最優的效果。層命名為top light。

制作精致雷達掃描圖標的PS教程

 

八、接下來添加邊框上的顏色,做出一種反射的效果。 添加一個新圖層,命名為border light。按住ctrl鍵點擊circle圖層縮略圖,得到選區,以此為border light層的圖層蒙版。接著按住ctrl鍵點擊innercircle圖層縮略圖,得到選區,在border light圖層蒙版上填充黑色,最后得到一個環形的蒙版。 這樣,我們使用筆刷在圖層上進行制作放光效果,就不會超出邊框區域。筆刷設置基本和上一步一樣,可以根據自己想要的效果做修改。

制作精致雷達掃描圖標的PS教程

 

九、接下來我們開始制作雷達盤面上的元素。首先在圖層面板上 創建新組,命名為elements,并且把組的混合模式改為 顏色減淡。為了保證所有繪制的元素都在盤面內,我們給這個圖層圖添加一個圖層蒙版,選區使用small circle的即可。 然后開始添加雷達的坐標軸。在elements組內,新建圖層,命名為x line。使用矩形選擇工具,畫出一條細線,用白色填充。接著執行 濾鏡 > 模糊 > 高斯模糊 ,模糊值使用0.5px。最后把x line圖層的不透明度改為 70%。微微發光的效果得以呈現。最后復制x line圖層為y line,旋轉到垂直的位置,這樣完整的坐標軸就完成了。

制作精致雷達掃描圖標的PS教程

回頂部
江苏11选五遗漏号码 北京体彩11选5走势图 广东十一选五有合买吗 北京快乐8 基本走势 幸运飞艇冠军定位算法 理财平台排行榜人人贷 广东快乐十分走势图 澳门娱乐全部网站 福彩30选5怎么算中奖 微信股票交流群 什么股票配资平台靠谱