快捷搜索:  汽车  科技

ps卷轴制作过程,游戏UI设计之卷轴

ps卷轴制作过程,游戏UI设计之卷轴第五步:给卷轴增加一些丝带缠绕效果和残缺边缘效果。第四步:接下来添加细节效果详细步骤第一步:按照图片进行设置第三步:构思草图,圆柱体卷轴雏形;使用【钢笔工具】,快速将卷轴形状中绘制出来。

当你在玩游戏的时候,你有没有想过,游戏里面的图标道具其实就是你现在从事工作的主要内容?想没想过有一天你设计的图标被所有玩游戏的人点击?想没有想过一个小的卷轴就有诸多学问?


今天学霸小姐姐就带你来学习UI设计,游戏UI中图标是非常关键的点,如果没有图标,那么游戏玩家会感觉这个游戏非常不人性化,很多操作都无从下手,它连接着游戏玩家与游戏之间的信息互通。教程学习群:583915450,备注:学习UI

ps卷轴制作过程,游戏UI设计之卷轴(1)

游戏图标的要求

绘制时需按原始图标尺寸的2~3倍大小进行绘制,游戏项目运用的图标实际尺寸大小为100像素×100像素。

配色

ps卷轴制作过程,游戏UI设计之卷轴(2)

详细步骤

第一步:按照图片进行设置

ps卷轴制作过程,游戏UI设计之卷轴(3)

第三步:构思草图,圆柱体卷轴雏形;使用【钢笔工具】,快速将卷轴形状中绘制出来。

ps卷轴制作过程,游戏UI设计之卷轴(4)

第四步:接下来添加细节效果

ps卷轴制作过程,游戏UI设计之卷轴(5)

第五步:给卷轴增加一些丝带缠绕效果和残缺边缘效果。

ps卷轴制作过程,游戏UI设计之卷轴(6)

第六步:新建图层,将卷轴整体色调设定为黄色,并使用【画笔工具】分层绘制出卷轴的大色块,绘制时注意卷轴整体的色彩,以及光影关系的处理,如下图所示。

ps卷轴制作过程,游戏UI设计之卷轴(7)

ps卷轴制作过程,游戏UI设计之卷轴(8)

第七步:绘制出卷轴上的绳子和印泥部分,绘制时注意区分出绳子多个层次的光影关系。

ps卷轴制作过程,游戏UI设计之卷轴(9)

添加高光效果,增强卷轴立体感。

ps卷轴制作过程,游戏UI设计之卷轴(10)

TIPS

绘制到这一步,当发现图层很多时,可以点选图层,然后单击【创建新组】按钮(快捷键为Ctrl G)进行建组管理。在平时绘制图标时也要注意养成将图层建组管理的好习惯,方便查找图层。

ps卷轴制作过程,游戏UI设计之卷轴(11)

第九步:深入刻画卷轴上面的印泥细节部分,绘制时注意其层次和体积感的表现,如以下两图所示。

ps卷轴制作过程,游戏UI设计之卷轴(12)

ps卷轴制作过程,游戏UI设计之卷轴(13)

第十步:调整卷轴整体,并给卷轴添加蓝色的反光,让卷轴图标有明显的冷暖色的变化,使之更加立体,如下图所示。

ps卷轴制作过程,游戏UI设计之卷轴(14)

第十一步:按上一个案例同样的方法给卷轴加上一个背景,在四周加上一个黑色遮罩效果

ps卷轴制作过程,游戏UI设计之卷轴(15)

猜您喜欢: