PS繪制藍(lán)色高光方形水晶按鈕網(wǎng)頁按鈕(5)
面對相同的效果,每個(gè)人的實(shí)現(xiàn)方法都不盡相同,我把我常用的方法在這里寫出來,第一次寫教程,如有不妥之處望多多包涵
本次為寫教程部分地方重新制作了一下,與之前發(fā)的圖片在色彩等方面多少會有不同之處。
廢話少說,先看效果圖
1.制作按鈕本體。先畫一個(gè)圓角矩形,并加上漸變濾鏡
這里顏色的選擇是重點(diǎn),選擇好顏色后就已經(jīng)有一種柔和的光照效果了
2.制作投影。首先畫一個(gè)扁扁的橢圓形,填充偏黑的藍(lán)色(因?yàn)榘粹o是藍(lán)色的)
之后對橢圓進(jìn)行高斯模糊
置于按鈕本體的下層,調(diào)整大小和位置,這樣投影就做好了
3.制作高光。先畫一條1像素的白色直線,位置如圖
然后給白線添加一層蒙版,點(diǎn)擊圖中圖標(biāo)可快速添加
選中該層蒙版后,打開左側(cè)工具欄中的漸變工具,調(diào)整漸變顏色為左白右黑
然后選擇“對稱漸變”模式
從白線中間向兩邊(任意方向)拉一個(gè)漸變(依舊在選中蒙版的情況下)
這樣一條高光就做好了,如果覺得太亮,可以適當(dāng)調(diào)節(jié)一下透明度
復(fù)制一層,移動(dòng)到按鈕下邊位置,底部發(fā)光的高光也就出來了
4.制作底部發(fā)光。一開始與制作投影一樣,畫一個(gè)橢圓,填充比較亮的藍(lán)色
同樣高斯模糊(這里可以模糊的比投影大一些)
調(diào)整位置、大小、微調(diào)顏色
將多出來的部分用矩形選框刪除
將發(fā)光圖層置于高光下面即可
5.制作上部反光。先畫一個(gè)白色橢圓,調(diào)整位置、大小
調(diào)整橢圓的透明度
利用反選將沒有與按鈕重合的部分刪除即可
6.最后加上文字,按鈕制作完成。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 按鈕教程
- 藍(lán)色理想 lcgtpr
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),用PS制作一款簡單的按鈕圖標(biāo)
- 圖標(biāo)制作,用PS繪制卡哇伊的卡通兔子圖標(biāo)
- 描邊圖標(biāo),用PS繪制簡單的書本圖標(biāo)
- 圖標(biāo)制作,用PS設(shè)計(jì)制作一款心形APP軟件圖標(biāo)
- 圖標(biāo)制作,用PS制作簡單的彩色線性圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS制作一款小清新的擬物時(shí)鐘
- 圖標(biāo)設(shè)計(jì),用PS制作精美的辦公室圖標(biāo)
- 圓環(huán)圖標(biāo),簡單幾步通過PS制作炫酷效果的圓環(huán)圖標(biāo)
- 插畫制作,用PS設(shè)計(jì)具有漸變風(fēng)格的插畫圖標(biāo)
- 圓環(huán)圖標(biāo),用PS制作簡約的圓環(huán)圖標(biāo)
推薦教程
- 唱片機(jī)圖標(biāo),設(shè)計(jì)一枚唱片主題圖標(biāo)實(shí)例
- 圖標(biāo)設(shè)計(jì),通過PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)
- 圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)
- ps網(wǎng)頁開關(guān)按鈕
- 用ps制作高光橘色RSS按鈕
- Photoshop打造矢量風(fēng)格的箭頭點(diǎn)擊按鈕
- 塑料按鈕的制作方法
- photoshop制作網(wǎng)頁用水晶按鈕
- ps快速設(shè)計(jì)短信圖標(biāo)教程
- 用ps制作網(wǎng)站導(dǎo)航按鈕