圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款心形的APP圖標(biāo)

來源:PS自學(xué)教程Photoshop 作者:小蘇打 學(xué)習(xí):1267人次

整個(gè)教程將會用到圖層樣式來進(jìn)行制作,我們選好畫布后,會先要繪制一個(gè)正圓角矩形,擇混合選項(xiàng),之后做出對應(yīng)的參數(shù)值,來制做斜面浮雕,斜面浮雕做好之后,再做漸變疊加,這個(gè)時(shí)候要用鋼筆繪制一個(gè)心形,具體如何制作通過教程來練習(xí)一下吧,相信同學(xué)們可以制作的更好。

效果圖:
圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款心形的APP圖標(biāo)_m.theoat.com.cn學(xué)習(xí)PS請到m.theoat.com.cn

操作步驟:

第一步,先新建一個(gè)800*800像素的畫布,之后繪制一個(gè)半徑為70的正圓角矩形。

圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款心形的APP圖標(biāo)_m.theoat.com.cn

第二步,單擊鼠標(biāo)右鍵,選擇混合選項(xiàng),之后做出對應(yīng)的參數(shù)值,來制做斜面浮雕。

圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款心形的APP圖標(biāo)_m.theoat.com.cn

第三步,斜面浮雕做好之后,再做漸變疊加。

圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款心形的APP圖標(biāo)_m.theoat.com.cn

第四步,使用鋼筆繪制一個(gè)心形。

圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款心形的APP圖標(biāo)_m.theoat.com.cn

第五步,按ctrl+j,將心形復(fù)制一個(gè),并命名為心形拷貝層,之后改變一下路徑。

圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款心形的APP圖標(biāo)_m.theoat.com.cn

第六步,再回到心形圖層,單擊鼠標(biāo)右鍵,進(jìn)入混合選項(xiàng),設(shè)置對應(yīng)的漸變疊加。

圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款心形的APP圖標(biāo)_m.theoat.com.cn

第七步,再回到心形層,按ctrl鍵加圖層縮略圖獲得選區(qū),之后羽化15個(gè)像素。

圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款心形的APP圖標(biāo)_m.theoat.com.cn

第八步,再新建圖層,并右鍵描邊20像素。

圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款心形的APP圖標(biāo)_m.theoat.com.cn

第九步,按 ctrl 加心形拷貝層縮略圖獲得選區(qū),之后反選,再回到描邊層按刪除鍵,接下來利用蒙版http://m.theoat.com.cn/tags/38847/工具,進(jìn)行擦拭即可。

圖標(biāo)設(shè)計(jì),設(shè)計(jì)一款心形的APP圖標(biāo)_m.theoat.com.cn學(xué)習(xí)PS請到m.theoat.com.cn

制作心形app圖標(biāo),并不困難,我們在進(jìn)行平面設(shè)計(jì)時(shí),需要形成類似的思路,舉一反三,如此才能成為真正的高手。

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

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

1537965792020-04-29 09:16
學(xué)習(xí)學(xué)習(xí),謝謝分享。
苗嬋娟2020-04-29 08:33
我的桃心

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

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