圖標(biāo)制作,在PS中制作開關(guān)按鈕
用PS制作一款開關(guān)按鈕,要用到漸變工具,再用矩形工具畫一個(gè)圓形矩形,通過圖層樣式來給其添加樣式,基本都在圖層樣式中完成,圖層樣式可以給圖片添加很多種樣式,做文字和圖標(biāo)用到圖層樣式的時(shí)候很多,所以同學(xué)們在閑暇之余可以好好學(xué)習(xí)一下圖層樣式中的各種功能,相信會對同學(xué)們學(xué)習(xí)PS有所幫助。
效果圖:
操作步驟:
1、新建500*500的文檔
2、選擇漸變工具從#ffffff到#a3de91徑向漸變
3、利用圓角矩形工具畫一個(gè)直徑為45PX的圓角矩形
4、雙擊圓角圖層,添加描邊 大小-5 填充類型—漸變,漸變顏色由#ffffff到#d8d5d5 并勾選反向
搜索公眾號photoshop教程論壇,免費(fèi)領(lǐng)取自學(xué)福利5、內(nèi)陰影設(shè)置:混合模式—正常,距離-2,阻塞-0,大小-5
6、內(nèi)發(fā)光設(shè)置,顏色#358bab,塞阻-100%----大小-5
7、漸變疊加混合模式—濾色--勾選仿色---不透明度25%
8、用橢圓工具在圓角矩形左邊畫一個(gè)白色的圓
9、內(nèi)陰影
顏色疊加
描邊
內(nèi)發(fā)光
投影,雙擊圓形圖層在這個(gè)圓添加圖層樣式(參數(shù)可參考以上圖)
10、在圓形按鈕下用畫筆畫一個(gè)點(diǎn) ,做這個(gè)按鈕的陰影
11、在圓形按鈕上用橢圓工具再畫一個(gè)白色的圓
12、雙擊這個(gè)的圓的圖層給新畫的圓圖層樣式添加立體感
13、最后給這個(gè)按鈕添加文字ON,給文字添加圖層樣式,添加投影,參數(shù)看以上圖
完成:
做出來最終效果就是這樣的啦,是不是很逼真呢?可以用于給平面設(shè)計(jì)做產(chǎn)品優(yōu)化,快來通過PS學(xué)習(xí)一下吧。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- UI
- 美工
- ui設(shè)計(jì)
- 美工學(xué)習(xí)
- 美工設(shè)計(jì)
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)制作,制作一個(gè)微信朋友圈圖標(biāo)
- 玉石效果,制作逼真玉石效果圖標(biāo)
- 圖標(biāo)制作,用PS打造輕擬物相機(jī)圖標(biāo)
- 圖標(biāo)制作,制作立體質(zhì)感玻璃圖標(biāo)
- 圖標(biāo)設(shè)計(jì),在ps中制作一款可愛的獼猴桃圖標(biāo)
- 圖標(biāo)制作,用PS制作個(gè)性的的網(wǎng)頁圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS制作一款簡單的按鈕圖標(biāo)
- 圖標(biāo)設(shè)計(jì),通過PS設(shè)計(jì)制作一款逼真的玉石圖案
- 圖標(biāo)制作,通過PS制作彌撒圖標(biāo)
- 圖標(biāo)設(shè)計(jì),通過PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)
推薦教程
- 塑料按鈕的制作方法
- Photoshop完美打造金屬風(fēng)暴按鈕
- ps設(shè)計(jì)倒計(jì)時(shí)圖標(biāo)
- Photoshop入門教程:玻璃風(fēng)格的網(wǎng)頁按鈕
- ps設(shè)計(jì)水晶質(zhì)感的立體播放器按鈕
- PS繪制簡單時(shí)尚的電子商務(wù)網(wǎng)站UI按鈕
- 圖標(biāo)制作,用PS制作一個(gè)簡單逼真的環(huán)形播放按鈕圖標(biāo)
- 用ps制作漂亮的藍(lán)色點(diǎn)擊按鈕
- ps設(shè)計(jì)網(wǎng)頁UI滑動按鈕教程
- Photoshop設(shè)計(jì)時(shí)尚質(zhì)感的圓形按鈕