相機(jī)圖標(biāo),制作風(fēng)格絢麗的漸變相機(jī)圖標(biāo)

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

本教程教你如何用Photoshop設(shè)計一款風(fēng)格絢麗的相機(jī)圖標(biāo)教程,通俗易懂,感興趣的朋友不妨一試,從中又能發(fā)現(xiàn)新的樂趣噢,還等什么,一起動起手來吧。

最終效果:

相機(jī)圖標(biāo),制作風(fēng)格絢麗的漸變相機(jī)圖標(biāo)_www.theoat.com.cn
www.theoat.com.cn

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

相機(jī)圖標(biāo),制作風(fēng)格絢麗的漸變相機(jī)圖標(biāo)_www.theoat.com.cn

步驟一:

首先新建畫布800px*800px畫布,命名為相機(jī)圖標(biāo),為背景添加圖層樣式。

相機(jī)圖標(biāo),制作風(fēng)格絢麗的漸變相機(jī)圖標(biāo)_www.theoat.com.cn

相機(jī)圖標(biāo),制作風(fēng)格絢麗的漸變相機(jī)圖標(biāo)_www.theoat.com.cn

相機(jī)圖標(biāo),制作風(fēng)格絢麗的漸變相機(jī)圖標(biāo)_www.theoat.com.cn

步驟二:

我們最先來繪制底座吧,使用圓角矩形工具、繪制一個520px*520px圓角半徑90px的底座,并為它添加圖層樣式。

相機(jī)圖標(biāo),制作風(fēng)格絢麗的漸變相機(jī)圖標(biāo)_www.theoat.com.cn

相機(jī)圖標(biāo),制作風(fēng)格絢麗的漸變相機(jī)圖標(biāo)_www.theoat.com.cn

相機(jī)圖標(biāo),制作風(fēng)格絢麗的漸變相機(jī)圖標(biāo)_www.theoat.com.cn

相機(jī)圖標(biāo),制作風(fēng)格絢麗的漸變相機(jī)圖標(biāo)_www.theoat.com.cn

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

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

楊布布2018-11-14 03:57
我的作業(yè):
心樂獨濟(jì)2018-04-13 08:34
我的作業(yè):
孟婆湯真得好喝2017-09-25 05:29
擠出一定要打好
陌曉缺2017-09-25 12:30
愛學(xué)習(xí),上進(jìn)的孩子
梔虞heart2017-09-25 07:17
我是新來的 多向大家學(xué)習(xí)啊
依舊是小哦2017-09-25 05:22
謝謝大大提供那么棒的教學(xué)喲
海中看日月2017-09-25 01:28
簽到
你真是惡魔2017-09-25 01:27
真棒

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

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