播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)(6)

來源:站酷 作者:帶你離開 學(xué)習(xí):17171人次

教大家設(shè)計(jì)一個(gè)勃朗風(fēng)格音樂icon圖標(biāo),效果很好,而且運(yùn)用了很多知識(shí)點(diǎn),如漸變、圖層樣式、濾鏡、直接選擇工具等,對(duì)新手了解PS有很大的幫助,希望大家喜歡。

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn

新建圖層,矩形工具繪制矩形:加圖層樣式投影

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn

復(fù)制圖層,cmd+d(自由變換向上調(diào)整顯示出厚度)

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn
<點(diǎn)圖片看大圖>www.theoat.com.cn

圓形工具繪制圓添加圖層樣式內(nèi)發(fā)光,外發(fā)光

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn
<點(diǎn)圖片看大圖>

復(fù)制圓形圖層調(diào)整大小把原有樣式刪除,添加新的樣式漸變疊加:“角度”

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn
<點(diǎn)圖片看大圖>

接下來制作金屬拉絲部分:復(fù)制黑色突出右鍵刪格化圖層(這里的刪格化圖層一定要記得,一會(huì)徑向模糊時(shí)就會(huì)出現(xiàn)原因,你可以試試不刪除哦)播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn
<點(diǎn)圖片看大圖>

添加雜色

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn

選中圖層選區(qū)進(jìn)行濾鏡-模糊-徑向模糊

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn
<點(diǎn)圖片看大圖>

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn
<點(diǎn)圖片看大圖>

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn

調(diào)整圖層模式類型:濾色,不透明度調(diào)節(jié)到何時(shí)(根據(jù)自己畫面調(diào)整)

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn

調(diào)整結(jié)束后復(fù)制大圓縮小刪除原有樣式重新調(diào)節(jié)凹進(jìn)去的感覺:凹就要給內(nèi)陰影內(nèi)發(fā)光等。

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn
<點(diǎn)圖片看大圖>

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn
<點(diǎn)圖片看大圖>

漸變疊加效果稍微調(diào)整下比大黑的顏色要重些

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn
<點(diǎn)圖片看大圖>

光源從左上方打出小黑圓右下方應(yīng)該有反光作用要加上,這里用投影添加

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn
<點(diǎn)圖片看大圖>

復(fù)制小黑縮小調(diào)整成小綠刪除原有樣式添加新樣式斜面浮雕給他個(gè)立體感

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn
<點(diǎn)圖片看大圖>

漸變疊加調(diào)整成綠色位置不用變化直接改你想要的顏色就好

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn
<點(diǎn)圖片看大圖>

制作小綠中間的黑色底層(這樣可以反襯出上面的金屬小圓點(diǎn))繪制圓或者復(fù)制小綠刪除圖層樣式改成黑色在添加圖層樣式就ok了。

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn
<點(diǎn)圖片看大圖>

制作圓形金屬球,添加一個(gè)灰色圓形(用形狀工具做),復(fù)制一個(gè)改變顏色改成白色縮小成上部高光大小,在屬性面板里面的蒙板,調(diào)整羽化值。(找不到可以在窗口中找到)

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn

下面的小反光可以新建個(gè)圖層用畫筆畫下,添加模糊就好來。(這也是第二種畫上面高光的方法這里用下面的反光說)

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn

下面的部分就是小金屬按鈕了,其實(shí)和前面的小黑一個(gè)道理

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn

下面是下面矩形的圖層樣式

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn
<點(diǎn)圖片看大圖>

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn
<點(diǎn)圖片看大圖>

重點(diǎn)制作這個(gè)兩面反向的支撐棒,形狀工具繪制圓角矩形,填充關(guān)掉,添加描邊(這里為了明顯,我用的墨綠)

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn

直接選擇工具(小白)選擇形狀圖層

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn

選擇右邊不需要的部分刪除

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn
<點(diǎn)圖片看大圖>

提示直接點(diǎn)是

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn

在用小白選擇下面錨點(diǎn)

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn
<點(diǎn)圖片看大圖>

cmd+t(自由變換右鍵水平翻轉(zhuǎn))

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn

在調(diào)整顏色添加斜面浮雕,讓它有體積感,加投影。

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn
<點(diǎn)圖片看大圖>

下面調(diào)整音量的部分和上面一樣通過刪除錨點(diǎn)(這里只是用橢圓畫就好了)上面的金屬調(diào)節(jié)器之間復(fù)制上面的用就行了。

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn
<點(diǎn)圖片看大圖>

最終結(jié)果(我調(diào)整了下顏色,你可以感覺自己的喜愛調(diào)整,但是要記住上面所有圖層樣式給的效果該給濾色,正片疊底,要分清楚,給對(duì)了變什么顏色都不怕)

播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)_www.theoat.com.cn

下次更新文章教大家做AE動(dòng)效哦(上面圖為GIF動(dòng)圖所以沒有聲音,MP4格式是有聲音的)!

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
rtyry4652017-06-10 04:03
誰能告訴我怎么單獨(dú)選擇下半部分的錨點(diǎn)..我一選就都選了 做不到上面朝右下面朝左qq132373684 的原帖:用直接選擇工具,選中會(huì)變黑
qq1323736842017-06-10 03:39
誰能告訴我怎么單獨(dú)選擇下半部分的錨點(diǎn)..我一選就都選了 做不到上面朝右下面朝左
靜 心(軒)2017-05-23 05:17
模仿
靜 心(軒)2017-05-23 05:05
模仿
我說我想你了丶2017-02-24 08:44
初學(xué)者
我說我想你了丶2017-02-24 08:02
初學(xué)者
受傷的心還可以愛誰2017-02-14 01:50
受傷的心還可以愛誰2017-02-14 01:02
嘉嘉兒2016-12-30 01:40
嘉嘉兒2016-12-30 01:12
小小白嘞跟屁蟲2016-09-30 09:14
晚上喝了點(diǎn)酒回家,路口讓警察攔下,拿出個(gè)機(jī)器說:吹。 于是我就吹:我家產(chǎn)有一個(gè)億,500多套房子,六個(gè)蘭博基尼,八個(gè)瑪莎拉蒂……! 警察大怒:我讓你吹它! 我恍然大悟,接著話茬吹警察手里拿著的設(shè)備:這是美國特工專用裝備,進(jìn)口產(chǎn)品,非常牛逼,嗷嗷貴…… 后來我被110帶走了,說我妨礙公務(wù),要行政拘留! 難道我說錯(cuò)了嗎?
胖胖的老婆2016-09-30 08:09
小時(shí)候每當(dāng)我生病,母親都會(huì)為我沖一杯咖啡,她溫柔地說:“外國人都喝這個(gè)的。”幼小的我總害怕咖啡,酸甜苦澀交錯(cuò)。如今我走遍米蘿、上島、星巴克都找不到小時(shí)候喝的那個(gè)味道,直到那天我喝了一杯板藍(lán)根……
李騰20012016-09-30 06:28
那年剛畢業(yè)時(shí)找工作,面試時(shí)對(duì)面坐著的漂亮女白領(lǐng),是人力資源部經(jīng)理,她問我:你能干多長時(shí)間?我有些詫異,但還是老老實(shí)實(shí)回答:一般半個(gè)小時(shí),狀態(tài)好的時(shí)候四十分鐘。她低聲說:我是說你在這兒能干多久?我環(huán)顧四周,有些羞澀的說:這我可能放不開,我從沒當(dāng)著這么多人,真的不太習(xí)慣。一周以后我被錄取了。
別愛我happy2016-09-30 05:51
小時(shí)候家里窮,洗不起澡,只能趴在窗戶上看鄰居阿姨洗澡。哎,命苦。 家里窮,,娶不起老婆,只能睡別人家的老婆。哎,命苦。 家里窮,養(yǎng)不起孩子,只能讓隔壁幫我養(yǎng)。哎,命苦。。。
可靠的執(zhí)著2016-09-30 04:25
有一次去女同學(xué)家,推開門竟然看見她在沙發(fā)上用震動(dòng)棒,我倆相視五秒突然震動(dòng)棒沒了動(dòng)靜,她嬌羞的說:“那個(gè)…沒電了…你能…過來幫我嗎?” 我咽了一口唾沫,激動(dòng)的點(diǎn)點(diǎn)頭,連忙跑到樓下超市給她買了一對(duì)南孚電池.從那以后,她再也沒理我,至今我都不明白到底我做錯(cuò)了什么.現(xiàn)在偶爾見面 ,她還是不理我,我也不好意思提那5塊錢的事,估計(jì)她是不想還錢故意不理我的,呸,沒想到她是這樣的人!

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

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