圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)(4)

來(lái)源:飛特網(wǎng) 作者:小麥啦 學(xué)習(xí):21311人次

本篇教程主要利用PS制作一款藍(lán)色深邃的立體風(fēng)格相機(jī)圖標(biāo),主要會(huì)用到我們的老朋友圖層樣式,喜歡圖標(biāo)制作的同學(xué)們一起來(lái)學(xué)習(xí)下吧。

效果圖:

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

圖標(biāo)原圖是錘子手機(jī)鏡頭,自己很喜歡錘子的ICON設(shè)計(jì),捧著對(duì)錘子手機(jī)設(shè)計(jì)師的崇拜和敬佩,于是自己花了空閑時(shí)間做了這樣一個(gè)寫實(shí)鏡頭圖標(biāo)繪制 ~ 源文件在下面大家可以下載,每一步都很詳細(xì)噢~嘻嘻(可愛(ài)臉)

堅(jiān)持做完這個(gè)教程,你會(huì)對(duì)寫實(shí)圖標(biāo)有一定的認(rèn)識(shí)和感觸

新建一個(gè)994*740的畫布

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

先新建一個(gè)正圓,并垂直水平居中,添加圖層樣式(fx)。漸變疊加和投影

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

效果如下圖

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

[2]復(fù)制橢圓1 ,調(diào)整橢圓2大小為450*450,添加圖層樣式(fx)。漸變疊加和投影

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

效果如下圖

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

[3]復(fù)制橢圓2 ,調(diào)整橢圓2大小為440*440,添加圖層樣式(fx)。漸變疊加和內(nèi)陰影

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

繼續(xù)復(fù)制橢圓4

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

現(xiàn)在繼續(xù)畫鏡頭內(nèi)部。新建橢圓1 ,顏色疊加。

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn
www.theoat.com.cn

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

復(fù)制剛才的橢圓1。并ctrl+t ,拖動(dòng)減小橢圓,效果如下圖所示:

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

命名為主心圓 ,顏色填充為 2277b2。

接下來(lái)都在主心圓上進(jìn)行創(chuàng)建剪貼蒙版。

1 復(fù)制橢圓1 ,橢圓進(jìn)行高斯模糊邊緣并且上移。顏色疊加0f0f1b

如圖所示:

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

新建橢圓 描邊填充0a0e58 水平垂直居中,并添加內(nèi)陰影和投影

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

新建橢圓 ,大小自己認(rèn)為的適合調(diào)節(jié),填充1e4db1,加圖層蒙版,黑白漸變控制舒適虛化。

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

再次新建橢圓 ,大小自己認(rèn)為的適合調(diào)節(jié),填充0e57a9,加圖層蒙版,黑白漸變控制舒適虛化

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

新建多邊形三角形 ,填充2f6eab,圖層不透明度為10%。圖層混合模式為變亮,復(fù)制,上下對(duì)稱

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

接下來(lái)添加圓形亮光,并置于主心圓最上部分。調(diào)整適合的不透明度。

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

現(xiàn)在完成鏡頭內(nèi)部,部分進(jìn)行高斯模糊以為圖層蒙版來(lái)調(diào)整。

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

最后在主心圓最低端添加亮光點(diǎn)綴,形狀橢圓高斯模糊。注意不透明度調(diào)整。圖層混合模式為變亮

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

然后就大功告成,! 其實(shí)很簡(jiǎn)單對(duì)不對(duì)。

圖標(biāo)制作,繪制相機(jī)風(fēng)格的立體圖標(biāo)_www.theoat.com.cn

學(xué)號(hào)PS的方法很多,但萬(wàn)變不離其宗的是,必須多練習(xí),同學(xué)們要多動(dòng)手練習(xí)才能提高PS技術(shù)。

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
GraphicDesigner2018-06-14 09:12
橢圓2的大小、圖層樣式都和橢圓1不一樣,為什么要復(fù)制一個(gè)呢?復(fù)制好了還是要修改,不如另外畫一個(gè)橢圓2
wingfylz2018-06-07 06:05
太喜歡了
劉詩(shī)詩(shī)大2017-11-04 12:52
新方法學(xué)習(xí)了
雨不飄2017-11-03 10:50
這個(gè)厲害了!
悲傷上小情調(diào)2017-11-03 08:53
謝謝大神
桐桐的太陽(yáng)2017-11-03 02:42
學(xué)習(xí)了,謝謝分享!
皮兔2017-11-03 05:19
來(lái)學(xué)習(xí),謝謝分享!
天王罩河妖2017-11-03 03:07
IT狂人
只為等你131442017-11-03 02:28
打卡
白兔地上蹦2017-11-03 02:26
厲害

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

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