暫停按鈕,設(shè)計(jì)金色暫停按鈕教程(4)

來源:站酷 作者:a120872042 學(xué)習(xí):12523人次

本篇教程教大家快速設(shè)計(jì)一枚暫停按鈕圖片,制作簡單,分享給新手學(xué)習(xí)吧。

暫停按鈕,設(shè)計(jì)金色暫停按鈕教程_theoat.com.cn

首先,打開ps 軟件,新建一個(gè)圖層

聲明一下:因?yàn)槭侵谱饕粋(gè)界面圖標(biāo),所以新建一個(gè)400*400像素的圖層,分辨率是72

暫停按鈕,設(shè)計(jì)金色暫停按鈕教程_theoat.com.cn

首先我們填充一個(gè)黑色的底,用橢圓選框工具,填充一個(gè)白色的圓,加一個(gè)外發(fā)光效果。

暫停按鈕,設(shè)計(jì)金色暫停按鈕教程_theoat.com.cn

暫停按鈕,設(shè)計(jì)金色暫停按鈕教程_theoat.com.cn

然后ctrl+J復(fù)制一個(gè)圓,填充為棕色,按住alt+shift向中心縮小。

疊到白色圓的上方,并且在圖層樣式填充一個(gè)顏色漸變和投影。

暫停按鈕,設(shè)計(jì)金色暫停按鈕教程_theoat.com.cn 暫停按鈕,設(shè)計(jì)金色暫停按鈕教程_theoat.com.cn

按照上一步,制作一個(gè)黃色的圓。

暫停按鈕,設(shè)計(jì)金色暫停按鈕教程_theoat.com.cn暫停按鈕,設(shè)計(jì)金色暫停按鈕教程_theoat.com.cn

之后在黃色面上加一些深色的圓斑,模仿類似奶酪的效果。

暫停按鈕,設(shè)計(jì)金色暫停按鈕教程_theoat.com.cn暫停按鈕,設(shè)計(jì)金色暫停按鈕教程_theoat.com.cn

圓點(diǎn)加內(nèi)陰影,注意一下光效來源,圓點(diǎn)也不要畫的太小,也不要太密集。

這里要給整個(gè)底面加一個(gè)矩形反光條

暫停按鈕,設(shè)計(jì)金色暫停按鈕教程_theoat.com.cn

直接用矩形選框工具填充純白色的矩形,之后降低圖層透明度。

暫停按鈕,設(shè)計(jì)金色暫停按鈕教程_theoat.com.cn

這里再加一個(gè)圓邊,可以直接用圓形選框工具加描邊,然后在這個(gè)圖層上面加一個(gè)漸變疊加,或者直接用一個(gè)噴槍筆刷去涂抹,這里要記住,鎖定透明圖層哦~才不會畫出圓圈。

最后一步,畫暫停鍵。

暫停按鈕,設(shè)計(jì)金色暫停按鈕教程_theoat.com.cn

首先用圓角矩形工具

暫停按鈕,設(shè)計(jì)金色暫停按鈕教程_theoat.com.cn

再做一個(gè)圖層顏色疊加和內(nèi)陰影

暫停按鈕,設(shè)計(jì)金色暫停按鈕教程_theoat.com.cn

按照上一個(gè)步驟做一個(gè)深色的圓角矩形

暫停按鈕,設(shè)計(jì)金色暫停按鈕教程_theoat.com.cn

同樣按住alt+shift等比例縮小。

暫停按鈕,設(shè)計(jì)金色暫停按鈕教程_theoat.com.cn

單個(gè)做好之后,給這兩個(gè)圖層建一個(gè)組,命名為矩形1,然后復(fù)制組,水平拖動。

暫停按鈕,設(shè)計(jì)金色暫停按鈕教程_theoat.com.cn

給第二個(gè)組也命名,建個(gè)組

這樣,圖標(biāo)就完成了,希望有興趣的小盆友可以自己嘗試做一個(gè)~!

暫停按鈕,設(shè)計(jì)金色暫停按鈕教程_theoat.com.cn

暫停按鈕的制作方法就講解到這里,大家可以舉一反三,設(shè)計(jì)出其它樣式的暫停按鈕,也歡迎大家分享投稿自己的制作方法。

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個(gè)作業(yè)支持一下吧~

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

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