PS設(shè)計一款漂亮的按鈕教程(4)

來源:網(wǎng)絡(luò) 作者:寒露 學(xué)習(xí):4255人次

  先來看看最終效果圖:

ps教程:m.tgudhdp.cn_PS快速制作一款華麗的按鈕

  具體制作步驟:

  一、運(yùn)行PS軟件,新建一文檔,輸入文檔名稱,尺寸自定義,白色背景。

  二、新建一層,選擇橢圓工具,同時按 Shift鍵拉一個白色圓形,并為其添加圖層樣式。首先添加漸變疊加--混合模式為正常--不透明度為100%--樣式為線性,打開編輯器編輯漸變顏色,從左至右依次為#000000 #8d0d0a #650000 #ab1919 #b21818 #d51818 #ffffff,如下圖:

ps教程:m.tgudhdp.cn_ ps教程:m.tgudhdp.cn_

  三、添加內(nèi)發(fā)光樣式--混合模式為濾色--不透明度59%--方法為柔和--大小為1像素,詳細(xì)設(shè)置如圖:

ps教程:m.tgudhdp.cn_

  四、繼續(xù)添加投影--混合模式為正版片疊底--大小為5像素,如圖所示:

ps教程:m.tgudhdp.cn_

 

  五、復(fù)制該層--得到圓形副本層并調(diào)整圖層順序放其下面,按CTRL+T,再按SHIFT+ALT拖動鼠標(biāo)拉大圓形,載入圓形層的選區(qū)刪除,我們便得到了一個圓環(huán)的形狀。

ps教程:m.tgudhdp.cn_

  六、我們來為圓環(huán)添加圖層樣式,添加漸變疊加--混合模式為正常--不透明度為100%--樣式為線性,編輯漸變顏色,從左至右依次為#a97f2c #fce5ba #a97f2c #fce8b1 #a97f2c,如圖設(shè)置:

ps教程:m.tgudhdp.cn_ ps教程:m.tgudhdp.cn_

  七、繼續(xù)添加描邊--大小為5像素--位置為外部--樣式為線性--角度為135度,詳細(xì)設(shè)置如圖:

ps教程:m.tgudhdp.cn_ ps教程:m.tgudhdp.cn_

 

  八、接下來添加斜面和浮雕--樣式為描邊浮雕--深度為81%--大小為4像素--方向?yàn)橄蛏,如圖設(shè)置:

ps教程:m.tgudhdp.cn_ ps教程:m.tgudhdp.cn_

  九、添加內(nèi)陰影--混合模式為正片疊底--不透明度為60%--距離為4像素--大小為7 像素,詳細(xì)參數(shù)如圖:

ps教程:m.tgudhdp.cn_

  十、最后添加投影--混合模式為正片疊底--距離為5像素--擴(kuò)展為22%--大小為12像素,詳細(xì)參數(shù)如圖:

ps教程:m.tgudhdp.cn_

  十一、復(fù)制圓環(huán)層--得到圓環(huán)副本--調(diào)整圖層順序放置在最上面,添加圖層樣式--圖案疊加(鉆石圖案),最后添加內(nèi)發(fā)光效果,參數(shù)如圖:

ps教程:m.tgudhdp.cn_ ps教程:m.tgudhdp.cn_

  十二、我們最后為按鈕添加文本,可根據(jù)需求任意添加,此時效果如圖:

ps教程:m.tgudhdp.cn_

  十三、經(jīng)過調(diào)整后,最終效果展示圖:(最后感謝您的閱讀,感謝您的支持!)

ps教程:m.tgudhdp.cn_

 

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

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

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

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