分享此网站可得100G教程,联系小洁领取点击这里给我发消息

《Lit the Torch》解密游戏Icon[教程]

icon图标 学UI设计 934次浏览 0个评论


《Lit the Torch》解密游戏Icon[教程]划重点:

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

 

分析整体

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

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

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

 

步骤一

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

《Lit the Torch》解密游戏Icon[教程]

 

步骤二

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

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

《Lit the Torch》解密游戏Icon[教程]

 

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

《Lit the Torch》解密游戏Icon[教程]

 

添加图层样式

步骤一

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

《Lit the Torch》解密游戏Icon[教程]

 

2. 山的“渐变叠加”:

《Lit the Torch》解密游戏Icon[教程]

 

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

《Lit the Torch》解密游戏Icon[教程]

 

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

《Lit the Torch》解密游戏Icon[教程]

 

步骤二

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

《Lit the Torch》解密游戏Icon[教程]

 

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

《Lit the Torch》解密游戏Icon[教程]

 

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

《Lit the Torch》解密游戏Icon[教程]

 

4. 给人物添加倒影

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

给倒影变换下角度即可。

《Lit the Torch》解密游戏Icon[教程]

 

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

《Lit the Torch》解密游戏Icon[教程]


推荐:查看最受欢迎的设计导航网站 → http://www.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (1)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!