游戏UI设计教程是如何利用PS绘制游戏技能图标的

游戏UI设计教程是如何利用PS绘制游戏技能图标的

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

1 使用形状工具绘制基本图形形状,注意:刀柄和刀刃可以根据自己的设计绘制

游戏UI设计教程

(刀刃使用矩形添加调整锚点描绘形状,刀柄使用钢笔工具绘制一侧,另一侧镜像)

2 给剑身添加细节

PS教程

剑身造型和颜色效果如图怎么用ps画游戏ui图标,图层层次如上图

最终综合效果为:

怎么用ps画游戏ui图标_游戏图标ui设计_游戏ui的图标怎么画

再次将我们所有的剑身描绘分组(Ctrl+G)音乐音效,然后在该组的顶部添加一个深色透明渐变图层;

3 刀柄细节

游戏ui的图标怎么画_怎么用ps画游戏ui图标_游戏图标ui设计

基本图形效果如上图所示; 都是用形状工具和画笔工具绘制的;

(PS:图案

用钢笔工具画笔画,关闭填充选项,这样画出来的是路径段,不是闭合成形状块)

最后将所有材料组合起来

3.1 头骨装饰效果表征

游戏ui的图标怎么画_怎么用ps画游戏ui图标_游戏图标ui设计

用钢笔工具画出如图所示的图形,最后叠在一起

然后画出3层灯珠的效果开发学习,重叠起来

游戏图标ui设计_游戏ui的图标怎么画_怎么用ps画游戏ui图标

最后全文改光珠效果,放在骷髅眼睛的位置

描绘完装饰后,将其整体化为智能对象,放置在图中所示位置,并为图层添加外发光效果

游戏图标ui设计_游戏ui的图标怎么画_怎么用ps画游戏ui图标

同时怎么用ps画游戏ui图标,添加剪贴蒙版层后,使用画笔工具添加局部蓝光效果;

3.2 句柄说明

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

然后将这个小图形转化为智能对象,整体旋转20°左右

游戏ui的图标怎么画_怎么用ps画游戏ui图标_游戏图标ui设计

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

3.2 剑托的描绘

画3个大小不一的蓝色椭圆,最后重叠起来

然后用形状工具画出深浅色块和装饰色块,最后重叠起来

游戏图标ui设计_游戏ui的图标怎么画_怎么用ps画游戏ui图标

整体效果初步完成:

游戏图标ui设计_怎么用ps画游戏ui图标_游戏ui的图标怎么画

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

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

游戏ui的图标怎么画_游戏图标ui设计_怎么用ps画游戏ui图标

怎么用ps画游戏ui图标_游戏ui的图标怎么画_游戏图标ui设计

游戏ui的图标怎么画_怎么用ps画游戏ui图标_游戏图标ui设计

这里用调整层的蒙版遮住调整效果!!!

最终效果如下:

游戏图标ui设计_怎么用ps画游戏ui图标_游戏ui的图标怎么画

最后添加一些特殊文字的小装饰(用钢笔工具绘制并添加内外发光效果)和蓝光效果(使用画笔工具-揉边刷描绘)并使用剪贴蒙版放置在里面

展示

游戏ui的图标怎么画_游戏图标ui设计_怎么用ps画游戏ui图标

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

画):

游戏图标ui设计_怎么用ps画游戏ui图标_游戏ui的图标怎么画

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

怎么用ps画游戏ui图标_游戏图标ui设计_游戏ui的图标怎么画

PS绘制游戏UI技能图标教程就到这里了。 本教程要求学习者对钢笔工具有一定的掌握。 也希望每个同学都能实践。 这种掌握比光看要好。 很多。