当前位置:丝路教程网 > UI设计 > 游戏UI >

如何用PS绘制游戏UI技能图标?

游戏UI设计随着游戏行业的持续火热,也被大家所熟知,渐渐成为了追捧的对象,今天我们要学习的游戏UI设计教程是如何利用PS绘制游戏技能图标,具体步骤如下
学设计来丝路教程网

世上无难事,只要肯攀登! —— 毛泽东 开始学习

 游戏UI设计随着游戏行业的持续火热,也被大家所熟知,渐渐成为了追捧的对象,今天我们要学习的游戏UI设计教程是如何利用PS绘制游戏技能图标,具体步骤如下:

  1使用形状工具绘制出基本的图形造型,注:剑柄和剑刃根据自己的设计绘制即可

游戏UI设计教程

  (剑刃使用矩形添加和调整锚点刻画外形,剑柄使用钢笔工具绘制出一边,另一边镜像绘制出来)

  2剑身添加细节效果刻画

PS教程

  剑身的造型和颜色效果如图所示,图层层级关系为上图所示

  最后得到的组合效果为:

  再次把我们的所有剑身刻画内容组成一个组(Ctrl+G),然后在组的上方添加一层暗色透明渐变图层;

  3剑柄细节效果刻画

  基本图形效果如上图所示;均使用形状工具和画笔工具绘制完成;

  (PS:花纹图案

  使用钢笔工具描边绘制,关闭填充选项,所以绘制的是一根路径线段,没有闭合为形状块)

  最后把所有素材组合

  3.1骷髅装饰效果刻画

  使用钢笔工具刻画出如图所示的图形,最后把他们堆叠在一起

  再刻画3层光珠的效果,并重叠在一起

  最后整体拷贝改光珠效果放置再骷髅眼部位置

  刻画好该装饰物后,把他整体转化为一个智能对象,放置在如图所示位置,并为该图层添加一个外发光效果

  同时,在添加一个剪贴蒙版图层,使用画笔工具添加局部的蓝色光效果;

  3.2剑把的刻画

  使用形状工具绘制两个圆角矩形图形图块

  再把这个小图形转化为智能对象,并整体旋转约20°左右

  通过图层复制,然后调整宽度,向下堆叠!

  3.2剑托的刻画

  绘制3个大小不等的蓝色系椭圆,最后把他们重叠在一起

  再使用形状工具绘制出明暗色块以及装饰色块,最后重叠在一起

  整体效果初步完成:

  4使用我们的调整图层效果

  整体调整图形的明暗对比和亮度细节



  这里使用了调整图层的蒙版,进行了调整效果的遮盖!!!

  最终效果如图:

  最后在添加点特殊文字的小装饰(用钢笔工具绘制且添加内外发光效果)和蓝色光效(使用画笔工具-揉边缘画笔刻画)使用剪贴蒙版置入内部

  显示

  最后添加两层背景光效(使用画笔工具-揉边缘画笔和涂抹工具

  绘制):

  最后再设计一个技能图标容器,我们的游戏ui技能图标就完成了:

         关于如何用PS绘制游戏UI技能图标的教程就说到这里,本篇教程需要学习者对钢笔工具需要有一定的掌握,也希望每位学员能动手去练习一下,这样的掌握度比看看要好得多。

还有什么问题没解决的?点击【咨询专业老师想要咨询相关课程点击【课程咨询

首发地址: 如何用PS绘制游戏UI技能图标?_室内设计教程|Ui设计教程|Cad、3Dmax软件教程-丝路教程网

资源地址: http://blog.silucg.com/UI/yx/7695.html(分享请保留)


丝路教程网先学习后付款

相关热词: 游戏UI设计教程

下一篇:没有了

免费获取最新教程

姓名
手机号
QQ
需求资料
 
Copyright © 2008-2017 blog.silucg.com 丝路教程网 版权所有 网站地图 PS软件 | 3DMAX软件 | Revit软件 | Maya软件 | CAD软件 | AI软件 | BIM软件 | VRay渲染器 |
点击这里给我发消息
0元免费学设计
姓名:
电话:
微信:
QQ:
课程: