PS教程!手把手教你繪制一個精致的分貝檢測儀 - 特级毛片www,色综合天天综合网,国产成人综合亚洲 - UISDC

PS教程!手把手教你繪制一個精致的分貝檢測儀

2015/12/03 7624評論區

photoshop-texture-tv-icon-1

編者按︰今天?來一個圖標教程,重點依然是圖層樣式的運用,而且會多次用到布爾運算,這是PS課程中特別重要的一個知識點,不熟悉的同學建議來練個手。

我們從背景的創建開始,我用的尺寸是1000*800像素。創建一個“漸變填充”調整層,設置如下︰

45PDDS20151203

畫一個600*600像素的圓,設置填充為0,並添加一個斜面和浮雕。

44PDDS20151203

43PDDS20151203

42PDDS20151203

設置前景色為#312f35,利用布爾運算,畫出下圖中的這個圓環。這個不多贅述,不懂的可以百度下。

41PDDS20151203

為這個圓環添加一個圖層樣式。

40PDDS20151203

39PDDS20151203 38PDDS20151203 37PDDS20151203 36PDDS20151203 35PDDS20151203

設置前景色為黑色#000000,跟剛才一樣的操作方法,利用布爾運算,畫出下圖中的這個小的圓環出來,添加一個圖層樣式。

34PDDS20151203

33PDDS20151203

設置前景色為#aba9a8,畫一個350*350像素的圓,命名為“主體”,並添加一個圖層樣式。

32PDDS20151203

31PDDS20151203 30PDDS20151203 29PDDS20151203

用橢圓工具畫一個330*330像素的正圓,添加一個圖層樣式。

28PDDS20151203

27PDDS20151203 26PDDS20151203

接下來,我們返回到剛才那個命名為“主體”的圓那里,復制一層,命名為“浮雕1”清除圖層樣式,設置填充為0,添加一個斜面浮雕。

25PDDS20151203

24PDDS20151203 23PDDS20151203

接著復制一層“浮雕1”圖層,在圖層樣式中,勾選將內部效果混合成組,並更改斜面浮雕參數,添加一個圖層蒙版,擦拭一下。

22PDDS20151203

21PDDS20151203 20PDDS20151203 19PDDS20151203

復制“浮雕2”圖層,在圖層樣式中更改斜面浮雕的陰影角度,同時調整蒙版。

18PDDS20151203

17PDDS20151203

剛開始,想用一個斜面浮雕搞定這個效果,調節了好幾次等高線,效果不佳,于是放棄,改用了3個斜面浮雕配合蒙版來疊加效果,有大神能搞定的,請告之。

接下來,我們開始添加刻度,這個沒什麼好說的,大家應該都會,畫個矩形,變換中心點,旋轉3度,CTRL+SHIFT+ALT+T,輕松搞定。這里我設置的顏色為白色,不透明度7%。

16PDDS20151203

一樣的方法做出那橙色的刻度,顏色為#f6a303。

15PDDS20151203

下面,我們來添加那個類似雷達掃描的漸變,從我們的截圖中,你可以清楚的看到,我們的形狀是利用布爾運算得到的,一個圓和一個旋轉了15度的矩形相交,將這個形狀的顏色設置為#171826,圖層填充設置為0,添加一個漸變疊加,並添加蒙版擦拭下方。

14PDDS20151203

13PDDS20151203

接著我們來添加高光,用橢圓工具畫一個圓,設置顏色為#bbaffd,圖層混合模式為“柔光”,不透明度“81%”,在屬性面板中,將這個形狀羽化35.6像素,並載入“主體”那個圓的選區,為這個高光添加一個蒙版。

12PDDS20151203

11PDDS20151203

接下來,我們完善一下高光,復制這個藍色高光圖層,左移上移一定像素,更改形狀顏色為#e9e5fe,羽化不修改,圖層混合模式依舊為“柔光”,圖層不透明度更改為“56%”。

10PDDS20151203

復制一個剛才那個“主體”圖層,移到最頂層,設置圖層填充為0,添加一個內陰影。

9PDDS20151203

8PDDS20151203

打上文字和添加那三個形狀,形狀圖標的話,利用布爾運算來畫。

7PDDS20151203

最後,我們添加左側的那個按紐,設置前景色為#a09e9f,畫個圓,添加個圖層樣式。

6PDDS20151203

5PDDS20151203 4PDDS20151203 3PDDS20151203 2PDDS20151203

最終效果︰

1PDDS20151203

可能是國內最用心做原創PS教程的︰

psqr21

【設計干貨+職場秘籍+神器推薦】

教科書級別的隻果官方人機指南!

如何自學成為騰訊高級交互設計師?

紋理素材兩大殺器!

原文地址︰

【特级毛片www,色综合天天综合网,国产成人综合亚洲 原創资讯 投稿郵箱︰02-8993-5275@qq.com】

================關于特级毛片www,色综合天天综合网,国产成人综合亚洲================
“特级毛片www,色综合天天综合网,国产成人综合亚洲“是國內人氣最高的網頁設計師學習平台,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書︰史上最全的設計師圖書導航︰。
設計微博︰擁有粉絲量106萬的人氣微博 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航︰全球頂尖設計網站推薦,設計師必備導航︰

儒墨堂大課堂

非特殊說明,本文版權歸原作者所有,轉載請注明出處
本文地址︰http://www.rumotanartist.com/photoshop-texture-tv-icon

發表評論 加載中....

評論加載中....

uisdc

評論區都快餓癟了,看看我期盼的小眼神...

版式設計 交互設計師 界面設計 排版布局 職場 設計師干貨 儒墨堂專訪 儒墨堂大課堂 設計達人 配色 視覺設計 web前端開發 素材下載 AI教程 設計流程 設計理論 神器下載 字體下載 設計師專訪 psd下載 設計規範 用戶體驗設計 海報設計 平面設計 設計趨勢 動效設計 logo設計 圖標設計 ICON 產品設計 神器推薦 App設計 字體設計 職場規劃 酷站推薦 交互設計 ui設計 優秀網頁設計 設計師職場 ps技巧 酷站 用戶體驗 PS教程 網頁設計 經驗分享

您還沒有登錄

儒墨堂啟用更安全省心的 微信掃碼登錄

微信掃碼

300萬設計師聚集地!特级毛片www,色综合天天综合网,国产成人综合亚洲是極具人氣的設計師平台
2012年成立至今,一直專注于設計師的學習成長交流

特级毛片www|色综合天天综合网|国产成人综合亚洲

打開微信,掃碼分享
學設計 特级毛片www,色综合天天综合网,国产成人综合亚洲 在這里