西湖鱼

@茄子:大家好,给大家带来《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

 

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

 

转载请注明:韦德1946 » 《Lit the Torch》解密游戏Icon[教程]

登录收藏

学UI就上韦德1946!越努力,越幸运!

“韦德1946www.xueui.cn ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.xueui.cn” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.xueui.cn” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.xueui.cn” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【韦德1946 原创文章 投稿邮箱:tougao@xueui.cn,也可以找各个群的管理】

 
你可能喜欢的:
圣诞图标教程圣诞图标教程
写实计算器教程写实计算器教程
写实手机教程写实手机教程
UI设计中的视觉平衡UI设计中的视觉平衡
圣诞老人来了教程圣诞老人来了教程
PS发光字体教程PS发光字体教程
2.5D小插画教程【教程】2.5D小插画教程【教程】
折纸效果字体【教程】折纸效果字体【教程】
3招教你制作钱币底纹-Guilloche图形3招教你制作钱币底纹-Guilloche图形
巧妙快速绘制锤子系音乐播放器(难点部分)巧妙快速绘制锤子系音乐播放器(难点部分)