PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

編者按:今天的教程難度不小,而且步驟特別多,光教程截圖就有整整92張,當(dāng)然也是因?yàn)閷懙锰貏e特別細(xì)致。不多說,考驗(yàn)PS基礎(chǔ)功的時(shí)候了,來動(dòng)手,做得出效果小編大號(hào)小號(hào)齊上給你點(diǎn)贊 >>>

源文件PSD ?微盤下載

** 本文作者心中永遠(yuǎn)是胡歌,已授權(quán)發(fā)布。未經(jīng)授權(quán)請(qǐng)手下留情,先謝過 :)

最終效果:

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

1,新建一個(gè)2000*2000的畫布

(因?yàn)橹笮枰O(shè)置一些參數(shù)是根據(jù)畫布大小而定的,所以不想自己調(diào)參數(shù)的話就跟我設(shè)置同樣大小的畫布吧)

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

2,新建一個(gè)圖層,然后隨便填充一個(gè)顏色(太簡(jiǎn)單不上圖了)

3,雙擊圖層一,打開圖層樣式,使用漸變疊加。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

4、拉好參考線,畫出一個(gè)圓角矩形。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

5、再畫一個(gè)圓角矩形,圓角半徑設(shè)置如圖,顏色設(shè)置為灰色。將圖層取名為右邊。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

6、按住Ctrl點(diǎn)擊“右邊”圖層的縮略圖,得到此圖層的選區(qū),并且新建一個(gè)圖層取名為“右邊白邊”。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

7、選擇選框工具,然后在圖上右建單擊一下選擇“描邊”,設(shè)置如圖,然后確定。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

8、給“右邊白邊”的圖層建立個(gè)白蒙板,用黑色畫筆涂抹圖中紅色區(qū)域。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

9、雙擊“右邊”圖層,打開圖層樣式,使用漸變疊加,然后確定。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

10、然后將“右邊”復(fù)制一層,并且雙擊打開圖層樣式,更改下漸變?cè)O(shè)置。然后確定,然后更改圖層不透明度為50%。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

11、再新建一個(gè)圖層,取名為右邊陰影,按住alt點(diǎn)擊“右邊 拷貝”圖層縮略圖,得到圖層的選區(qū)。

12、將前景色改為灰色,再將畫筆設(shè)置為軟角畫筆。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

13,設(shè)置好畫筆大小和流量,給左邊兩個(gè)角添加一些陰影,紅色區(qū)域。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

14、將前景色設(shè)置為一個(gè)屎黃色。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

15、用畫筆畫出這樣。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

16、畫一個(gè)圓角矩形,圓角半徑為200。并且降低不透明度,要對(duì)齊好來。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

17、再畫一個(gè)圓角矩形,設(shè)置如圖。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

18、將上面這個(gè)圓角矩形的左下角的半徑設(shè)置為400,其他三只角不用管了。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

19、新建一個(gè)圖層取名為“黑線”,并且用鋼筆工具沿著邊勾出這么一條路徑。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

20、我們還需要對(duì)這條路徑做一點(diǎn)修改,用鋼筆工具來控制這個(gè)控制柄,使這一段路徑變的更圓。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

21、接下來就是描邊了,前景色設(shè)置為純黑色,畫筆大小設(shè)置為25。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

22、選擇鋼筆工具,在圖上右鍵點(diǎn)擊一下選擇“描邊路徑”,設(shè)置如圖,然后確定。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

效果如圖。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

23、新建一個(gè)圖層取名為“左邊”,用鋼筆勾出如圖路徑,并且轉(zhuǎn)化為選區(qū),把“左邊”圖層放到最大的圓角矩形圖層上面,然后給“左邊”圖層建立剪切蒙板。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

24、新建一個(gè)圖層,取名為“左邊陰影”,也建立一個(gè)剪切蒙板。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

25、我們要畫陰影啦,前景色為灰色,畫筆設(shè)置為軟角畫筆,流量降低。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

26,按住alt,點(diǎn)擊“左邊”圖層的縮略圖得到選區(qū),用畫筆在”左邊陰影”圖層上畫出陰影,紅色區(qū)域。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

然后前景設(shè)置為屎黃色。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

用畫筆在這畫一點(diǎn)黃色,別太多了,效果如圖。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

27、新建一個(gè)圖層取名為“黑線高光”,在“黑線”圖層的上面。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

28、用鋼筆勾出這樣的路徑。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

29、設(shè)置好畫筆,前景色為純白色,要軟角畫筆,畫筆大小為20,然后再鋼筆描邊。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

效果如圖。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

用以上的方法畫出其他幾條高光。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

30、降低“黑線高光”圖層的不透明度為65%。

31、新建一個(gè)圖層取名為“陰影”,放到下面,要剪切蒙板。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

32、前景色設(shè)置為灰色,畫筆設(shè)置為軟角,降低畫筆流量,畫出陰影,紅色區(qū)域。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

效果如圖。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

32、畫一個(gè)圓,雙擊圖層打開圖層樣式,使用漸變疊加和投影。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

33、復(fù)制這個(gè)圓形圖層,雙擊圖層打開圖層樣式,把投影關(guān)掉,更改漸變。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

34、ctrl+t(自由變換),如圖。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

35、將這兩個(gè)圖層放到一個(gè)組里,取名為按鈕,然后復(fù)制一個(gè),然后ctrl+t(自由變換)變小,如圖。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

46、畫一個(gè)圓角矩形,設(shè)置如圖。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

雙擊圖層打開圖層樣式,設(shè)置如圖。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

47、畫一個(gè)只有描邊的圓。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

再畫一個(gè),如圖。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

48、按住atl再畫個(gè)矩形,然后調(diào)整好矩形的大小和位置。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

49、畫一個(gè)白色的圓角矩形,圓角半徑為20,雙擊圖層打開圖層樣式,設(shè)置如圖。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

50,畫一個(gè)黑色的圓,取名為“黑圓”。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

畫一個(gè)白色的方形,降低透明度,建立剪切蒙板。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

51、畫一個(gè)小白圓,添加外發(fā)光。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

52、打上字,SAMSUNG

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

53、畫鏡頭了,一個(gè)白圓。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

一個(gè)漸變圓。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

再加一個(gè)漸變圓

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

將這兩個(gè)漸變圓放到一個(gè)組里,并且復(fù)制一個(gè),然后ctrl+t(自由變換)往下移。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

54、畫一個(gè)灰色的圓,然后斜面浮雕。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

55、再加一個(gè)黑色的圓,也是像上面的一樣斜面浮雕。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

56、加一個(gè)漸變圓。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

7、畫一個(gè)填充色為黑色,描邊色為淡灰色的圓。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

58,再畫一個(gè)更小一點(diǎn)的漸變圓。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

再畫一個(gè),填充為黑色,描邊為黑白漸變色。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

59.點(diǎn)擊這個(gè)漸變圓的縮略圖,得到它的選區(qū),然后新建一個(gè)圖層,用畫筆在兩側(cè)畫上高光。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

60、用以上方法畫出第三個(gè)。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

61,加一個(gè)紫色的漸變圓。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

62、畫一個(gè)這樣的形狀取名為“四角。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

63、復(fù)制“四角”圖層,ctrl+t,縮小一點(diǎn),然后進(jìn)行透視。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

64、將“四角拷貝”復(fù)制一層,然后縮小一些。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

65、按alt點(diǎn)擊小的“四角”圖層,得到選區(qū)之后選擇大的“四角”圖層,然后按delete刪除,得到如圖。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

66、添加圖層樣式,如圖。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

67、給這個(gè)圖層建立個(gè)白色蒙板,拉一個(gè)黑白漸變,將上部分隱藏起來。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

68、再?gòu)?fù)制這個(gè)圖層,ctrl+t,進(jìn)行縮小,如圖。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

69、該畫里面的圓環(huán)了,跟前邊的一樣,就不多說了,直接跟著過程做吧。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

70、畫一個(gè)小圓,打開圖層樣式,使用漸變,并且降低圖層不透明度為50。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

71、再畫一個(gè)比它更小一些的黑圓,放在它中間,如圖。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

72、最后要做鏡頭陰影了。畫三個(gè)不同大小的圓加到一起做成陰影的形狀,然后合并這三個(gè)圓,把陰影圖層放到鏡頭圖層的下面。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

73、把陰影的邊緣模糊一下,濾鏡 - 模糊 - 高晰模糊。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

74、將陰影圖層降低不透明度為40%。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

75、給陰影圖層建立蒙板,拉一個(gè)黑白漸變。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

76、打上字:BAMBUNG ? ZOOMLEBNB。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

到最后再整體看一下,哪里該調(diào)整的,哪里沒做好的再改一下,最后就得到的最終效果。

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

【優(yōu)設(shè)五月PS教程人氣榜】

Top 1:高手教你調(diào)出澄澈純凈色調(diào)!
《PS高手教程!后期如何調(diào)出畫面文藝澄凈的風(fēng)格?》

Top 2:效果超級(jí)贊的時(shí)鐘圖標(biāo)!
《PS圖標(biāo)教程!手把手教你繪制一枚幻彩絢麗的時(shí)鐘》

Top 3:清新淡雅的圖標(biāo)教程一枚!
《PS新手教程!手把手教你繪制一枚淡雅的播放器圖標(biāo)》

作者:心中永遠(yuǎn)是胡歌

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái),專注分享網(wǎng)頁(yè)設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書:史上最全的設(shè)計(jì)師圖書導(dǎo)航:http://hao.uisdc.com/book/。
設(shè)計(jì)微博:擁有粉絲量95萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào):【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加:

PS高能教程!手把手教你繪制一枚精致的相機(jī)圖標(biāo)(附PSD)

收藏
點(diǎn)贊 1

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。