西湖鱼

@茄子:大家好,给大家带来《Lit the Torch》一款解密游戏的Icon教程。带上细心耐心,你一定可以做到!

jiaozuoye

litthetorch_1

 

划重点:

制作过程使用到钢笔工具、剪切蒙版以及图层样式。通过案例分析思路,制作起来就会非常简单,动手做起来吧!

 

分析整体

做一个Icon的时候,无论是临摹还是原创,都是一样的顺序。

  • 1. 先把整个Icon内容元素划分一下,确定画面元素
  • 2.区分每个图层,然后按照顺序勾画出来。

整理好思路,现在我们开始动手做起来吧!

 

步骤一

绘制一个1024*1024,角半径220px的圆角矩形。添加渐变叠加,样式为“径向”。

litthetorch_3

 

步骤二

1. 确定画面元素(背景、地面、山、山坡、树、人物);

2. 开始用钢笔工具勾出不同元素,并用不同色块代表不同元素 ;

litthetorch_4

 

3. 建立剪切蒙版按住Alt,在图层与图层之间点击,即可逐步将画面上所有元素图层,剪切背景圆角矩形中。

litthetorch_5

 

添加图层样式

步骤一

1. 地面的“渐变叠加”:

litthetorch_7

 

2. 山的“渐变叠加”:

litthetorch_8

 

3. 右侧山的 “渐变叠加”:

litthetorch_9

 

4. 左侧山的 “渐变叠加”:

litthetorch_10

 

步骤二

1. 用钢笔工具勾画人物,注意眼部细节

litthetorch_11

 

2. 给人物添加“渐变叠加”效果:

litthetorch_12

 

3. 给人物眼部胸部添加一个“外发光”效果:

litthetorch_13

 

4. 给人物添加倒影

复制一层人物,Ctrl+T“垂直翻转”移动到人物下方,并缩小人物长短范围 ;然后右键选择“斜切”,鼠标只需拉动左下角向左平行移动;

给倒影变换下角度即可。

litthetorch_14

 

恭喜你完成了,来看下最终效果吧,你真的很棒!

litthetorch_15

 

litthetorch_16

 

看完教程咱们交作业咯!点我直达作业提交页面~~

 

转载请注明:学UI网 » 《Lit the Torch》解密游戏Icon[教程]

登录收藏
 
你可能喜欢的:
画图标,我是认真的画图标,我是认真的
通透颗粒风格插画教程(附赠笔刷)通透颗粒风格插画教程(附赠笔刷)
无需手绘的AI矢量扁平几何风基础插画:《鲜果派对》海报无需手绘的AI矢量扁平几何风基础插画:《鲜果派对》海报
手把手教你画一张国潮风插画海报!(附笔刷包)手把手教你画一张国潮风插画海报!(附笔刷包)
这些细节,我工作这么多年都没发现!这些细节,我工作这么多年都没发现!
三个Ps/Ai技法,吊打胡晓波的flash!三个Ps/Ai技法,吊打胡晓波的flash!
拿捏8种LOGO设计技法!拿捏8种LOGO设计技法!
做这个需求,真是用尽了我的招式!做这个需求,真是用尽了我的招式!
我是真不敢相信,这么简单确这么出效果,绝绝子!我是真不敢相信,这么简单确这么出效果,绝绝子!
我调了3天的设计,人家3分钟就调好了,而且效果还比我好!我调了3天的设计,人家3分钟就调好了,而且效果还比我好!