播放器圖標(biāo),設(shè)計(jì)勃朗風(fēng)格音樂播放器圖標(biāo)(6)
教大家設(shè)計(jì)一個(gè)勃朗風(fēng)格音樂icon圖標(biāo),效果很好,而且運(yùn)用了很多知識(shí)點(diǎn),如漸變、圖層樣式、濾鏡、直接選擇工具等,對(duì)新手了解PS有很大的幫助,希望大家喜歡。
新建圖層,矩形工具繪制矩形:加圖層樣式投影
復(fù)制圖層,cmd+d(自由變換向上調(diào)整顯示出厚度)
圓形工具繪制圓添加圖層樣式內(nèi)發(fā)光,外發(fā)光
復(fù)制圓形圖層調(diào)整大小把原有樣式刪除,添加新的樣式漸變疊加:“角度”
接下來制作金屬拉絲部分:復(fù)制黑色突出右鍵刪格化圖層(這里的刪格化圖層一定要記得,一會(huì)徑向模糊時(shí)就會(huì)出現(xiàn)原因,你可以試試不刪除哦)
<點(diǎn)圖片看大圖>
添加雜色
選中圖層選區(qū)進(jìn)行濾鏡-模糊-徑向模糊
調(diào)整圖層模式類型:濾色,不透明度調(diào)節(jié)到何時(shí)(根據(jù)自己畫面調(diào)整)
調(diào)整結(jié)束后復(fù)制大圓縮小刪除原有樣式重新調(diào)節(jié)凹進(jìn)去的感覺:凹就要給內(nèi)陰影內(nèi)發(fā)光等。
漸變疊加效果稍微調(diào)整下比大黑的顏色要重些
光源從左上方打出小黑圓右下方應(yīng)該有反光作用要加上,這里用投影添加
復(fù)制小黑縮小調(diào)整成小綠刪除原有樣式添加新樣式斜面浮雕給他個(gè)立體感
漸變疊加調(diào)整成綠色位置不用變化直接改你想要的顏色就好
制作小綠中間的黑色底層(這樣可以反襯出上面的金屬小圓點(diǎn))繪制圓或者復(fù)制小綠刪除圖層樣式改成黑色在添加圖層樣式就ok了。
制作圓形金屬球,添加一個(gè)灰色圓形(用形狀工具做),復(fù)制一個(gè)改變顏色改成白色縮小成上部高光大小,在屬性面板里面的蒙板,調(diào)整羽化值。(找不到可以在窗口中找到)
下面的小反光可以新建個(gè)圖層用畫筆畫下,添加模糊就好來。(這也是第二種畫上面高光的方法這里用下面的反光說)
下面的部分就是小金屬按鈕了,其實(shí)和前面的小黑一個(gè)道理
下面是下面矩形的圖層樣式
重點(diǎn)制作這個(gè)兩面反向的支撐棒,形狀工具繪制圓角矩形,填充關(guān)掉,添加描邊(這里為了明顯,我用的墨綠)
直接選擇工具(小白)選擇形狀圖層
選擇右邊不需要的部分刪除
提示直接點(diǎn)是
在用小白選擇下面錨點(diǎn)
cmd+t(自由變換右鍵水平翻轉(zhuǎn))
在調(diào)整顏色添加斜面浮雕,讓它有體積感,加投影。
下面調(diào)整音量的部分和上面一樣通過刪除錨點(diǎn)(這里只是用橢圓畫就好了)上面的金屬調(diào)節(jié)器之間復(fù)制上面的用就行了。
最終結(jié)果(我調(diào)整了下顏色,你可以感覺自己的喜愛調(diào)整,但是要記住上面所有圖層樣式給的效果該給濾色,正片疊底,要分清楚,給對(duì)了變什么顏色都不怕)
下次更新文章教大家做AE動(dòng)效哦(上面圖為GIF動(dòng)圖所以沒有聲音,MP4格式是有聲音的)!
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- ps網(wǎng)頁設(shè)計(jì)
- 音樂圖標(biāo)
- 播放器圖標(biāo)
- 帶你離開
- 勃朗風(fēng)格
學(xué)習(xí) · 提示
相關(guān)教程
- UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個(gè)音樂圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS繪制索尼PSP圖標(biāo)
- UI圖標(biāo)教程,在PS中繪制一枚炫酷的鐘表圖標(biāo)
- UI圖標(biāo)教程,用ps制作浪漫的冰晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制一款簡(jiǎn)約風(fēng)格的解密游戲圖標(biāo)
- 插畫制作,用PS繪制簡(jiǎn)約沙漏插畫效果圖片
- 圖案設(shè)計(jì),用PS快速制作一個(gè)心形圖案
- 手機(jī)圖標(biāo),用PS繪制華為手機(jī)圖標(biāo)
- 相機(jī)圖標(biāo),用UI制作簡(jiǎn)單的彩虹相機(jī)圖標(biāo)
推薦教程
- UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則
- UI教程:設(shè)計(jì)電池icon
- UI知識(shí),做UI的工作方式與流程
- ps設(shè)計(jì)盒子圖標(biāo)
- ps日歷圖標(biāo)
- UI視頻, 設(shè)計(jì)中得美術(shù)基礎(chǔ)
- ps設(shè)計(jì)折紙效果風(fēng)格的短信軟件圖標(biāo)
- 相機(jī)UI圖標(biāo)設(shè)計(jì)教程
- 地圖圖標(biāo),設(shè)計(jì)簡(jiǎn)潔的地圖主題UI圖標(biāo)教程
- PS繪制磚塊ICO圖標(biāo)