圖標(biāo)制作,用PS繪制一款簡約風(fēng)格的解密游戲圖標(biāo)(4)

來源:學(xué)UI網(wǎng) 作者:茄子 學(xué)習(xí):30259人次

本篇教程通過PS繪制一款簡約風(fēng)格的解密游戲圖標(biāo),制作過程使用到鋼筆工具、剪切蒙版以及圖層樣式,我們先通過案例分析思路,再制作起來就會非常簡單,整體的風(fēng)格以扁平化為設(shè)計主題,同學(xué)們一起來學(xué)習(xí)一下吧。

效果圖

圖標(biāo)制作,用PS繪制一款簡約風(fēng)格的解密游戲圖標(biāo)_theoat.com.cn
theoat.com.cn

步驟一

繪制一個1024*1024,角半徑220px的圓角矩形。添加漸變疊加,樣式為“徑向”。

圖標(biāo)制作,用PS繪制一款簡約風(fēng)格的解密游戲圖標(biāo)_theoat.com.cn

步驟二

1. 確定畫面元素(背景、地面、山、山坡、樹、人物);

2. 開始用鋼筆工具勾出不同元素,并用不同色塊代表不同元素 ;

圖標(biāo)制作,用PS繪制一款簡約風(fēng)格的解密游戲圖標(biāo)_theoat.com.cn

3. 建立剪切蒙版:按住Alt,在圖層與圖層之間點擊,即可逐步將畫面上所有元素圖層,剪切到背景圓角矩形中。

圖標(biāo)制作,用PS繪制一款簡約風(fēng)格的解密游戲圖標(biāo)_theoat.com.cn

添加圖層樣式

步驟一

1. 地面的“漸變疊加”:

圖標(biāo)制作,用PS繪制一款簡約風(fēng)格的解密游戲圖標(biāo)_theoat.com.cn

2. 山的“漸變疊加”:

圖標(biāo)制作,用PS繪制一款簡約風(fēng)格的解密游戲圖標(biāo)_theoat.com.cn

3. 右側(cè)山的 “漸變疊加”:

圖標(biāo)制作,用PS繪制一款簡約風(fēng)格的解密游戲圖標(biāo)_theoat.com.cn

4. 左側(cè)山的 “漸變疊加”:

圖標(biāo)制作,用PS繪制一款簡約風(fēng)格的解密游戲圖標(biāo)_theoat.com.cn

步驟二

1. 用鋼筆工具勾畫人物,注意眼部細(xì)節(jié):

圖標(biāo)制作,用PS繪制一款簡約風(fēng)格的解密游戲圖標(biāo)_theoat.com.cn

2. 給人物添加“漸變疊加”效果:免費學(xué)習(xí)PS教程請到16xx8.com教程網(wǎng)www.MissYuan.net

圖標(biāo)制作,用PS繪制一款簡約風(fēng)格的解密游戲圖標(biāo)_theoat.com.cn

3. 給人物眼部和胸部添加一個“外發(fā)光”效果:

圖標(biāo)制作,用PS繪制一款簡約風(fēng)格的解密游戲圖標(biāo)_theoat.com.cn

4. 給人物添加倒影:

復(fù)制一層人物,Ctrl+T“垂直翻轉(zhuǎn)”移動到人物下方,并縮小人物長短范圍 ;然后右鍵選擇“斜切”,鼠標(biāo)只需拉動左下角向左平行移動;

給倒影變換下角度即可。

圖標(biāo)制作,用PS繪制一款簡約風(fēng)格的解密游戲圖標(biāo)_theoat.com.cn

完成:

圖標(biāo)制作,用PS繪制一款簡約風(fēng)格的解密游戲圖標(biāo)_theoat.com.cn
theoat.com.cn

區(qū)分每個圖層,按照順序勾畫出來,整理好思路,做起來還是挺簡單的。

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

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

浮世夢中夢2022-07-22 02:13
我的作業(yè):

ming10282022-01-25 05:41
我的作業(yè):臨摹完成

禿頭小寶貝兒2020-12-11 03:12
ICOIN

人心散漫2019-03-08 08:45
很不錯
瘋了373在搜狐2018-08-10 10:14
練好了 就是上傳不了
你知我深淺i2018-06-14 06:37
銘小濤2018-02-12 02:56
圖標(biāo)學(xué)習(xí)我的作業(yè):
小禽獸假斯文2018-02-12 12:33
感謝分享
南丁格爾2018-02-11 10:56
支持,支持
涼城舊愛i2018-02-11 02:08
效果很好看啊,好喜歡。步驟很詳細(xì)對于我這個菜鳥都看的懂
愛你一萬年2018-02-11 12:13
想仔細(xì)了解一下
注冊只為這帖2018-02-11 10:01
嘗試著模仿,細(xì)節(jié)好難把握
不是每個人都叫Wkj2018-02-11 03:52
嘗試著模仿,細(xì)節(jié)好難把握^^
獅子座的孩子氣2018-02-11 01:19
簽到

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

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