相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)(3)

來源:站酷 作者:全棧UI筆記 學(xué)習(xí):9783人次

相機(jī)圖標(biāo)制作過程再度來襲,現(xiàn)在拍照的應(yīng)用越來越多,相機(jī)圖標(biāo)的造型各異,本篇教程教大家自己制作一個(gè)淡色的相機(jī)圖標(biāo),整體風(fēng)格既清新,又不是科技感,一起來看看吧。

最終效果:

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn
m.theoat.com.cn

老規(guī)矩,先來分析一下。這里我們主要分為四個(gè)部分:底座、綠條、大鏡頭、小鏡頭,其他問題都不大,主要是鏡頭部分、需要用到多個(gè)圖層及圖層樣式,來表現(xiàn)圖標(biāo)的立體感,騷年分析完已經(jīng)成功一半了,離成功還會(huì)遠(yuǎn)么,噢耶。!

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

步驟一:

首先新建畫布800*600畫布,命名為相機(jī),填充背景顏色#c5c3c6

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

步驟二:

使用圓角矩形、繪制一個(gè)280*280,圓角半徑為50px的圖層,并為它添加圖層樣式。

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

步驟三:

接下來我們新建85*280的矩形,命名為綠條、添加圖層樣式。

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

步驟四:

使用橢圓工具、繪制一個(gè)170*170的大圓,并為它添加圖層樣式。

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

步驟五:

繼續(xù)使用橢圓工具、繪制一個(gè)150*150的圓,并為它添加圖層樣式。

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

步驟六:

繼續(xù)使用橢圓工具、繪制一個(gè)135*135的圓,并為它添加圖層樣式。

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

步驟七:

我們繼續(xù)使用橢圓工具、繪制一個(gè)115*115的圓,并為它添加圖層樣式。

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

步驟八:

繼續(xù)使用橢圓工具、繪制一個(gè)70*70的圓,并為它添加圖層樣式。

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

步驟九:

繼續(xù)使用橢圓工具、繪制一個(gè)65*65的圓,并為它添加圖層樣式。

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

步驟十:

有木有很快,現(xiàn)在我們來繪制最后一個(gè)圓,繼續(xù)使用橢圓工具、繪制一個(gè)28*28的圓,并為它添加圖層樣式。

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

步驟十一:

使用橢圓工具、繪制二個(gè)白色的圓,調(diào)節(jié)變換大小。

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

步驟十二:

現(xiàn)在使用形狀工具布爾運(yùn)算為鏡頭添加高光吧、繪制兩個(gè)正圓相交命令下留取高光形狀,顏色為白色。

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

步驟十三:

接下來為高光添加圖層蒙版擦除不需要的位置,將填充數(shù)值重新設(shè)置。

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

步驟十四:

嘻嘻差不多了ヽ( ̄▽ ̄)?,高逼格的趕腳有木有,最后我們用形狀工具,高斯模糊命令將投影位置處理一下吧。

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn
完成:

相機(jī)圖標(biāo),設(shè)計(jì)逼真的相機(jī)應(yīng)用圖標(biāo)_m.theoat.com.cn

步驟有點(diǎn)多,但是只要勤加練習(xí),會(huì)很大程度上提高你的PS水平。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
禿頭小寶貝兒2020-12-16 09:36
我的作業(yè):camera

禿頭小寶貝兒2020-12-16 09:28
camera

裙裾翩躚2018-01-29 04:35
打卡
騎自行車游敖漢2017-11-02 01:45
求ps軟件
我還算什么2017-11-01 06:01
看了好多次,還是不懂,求具體點(diǎn)
青春為愛KJT2017-11-01 01:08
轉(zhuǎn)發(fā)微博了
阿拉斯加丿摯愛2017-11-01 06:27
感謝老師分享,學(xué)習(xí)了
靜兒很愛藝2017-11-01 04:33
效果不是一般的好呀~不過好難的說。。
只有桃花沒有債2017-11-01 02:33
打卡
血染繁花2017-11-01 02:32
好用

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!