我们只做互联网+的高阶培训 拥有好作品才会拥有好工作 咨询热线:13810428182
中文 | English

UI设计鼠绘源氏徽章

承辉学院2016-09-26

本篇文章为承辉学院原创,未经许可禁止转载

    相信说起最近的游戏《守望先锋》很多人应该都知道,他们里边精致的人物设计被人们津津乐道,很多人戏称它为《守望屁股》。今天我们承辉学院的大神用鼠标加photoshop绘制了一副《守望先锋》中源氏的徽章,当中的步骤方法在这里告诉大家。

   【概要】:

   本堂课的内容主要是带领大家学习如何用ps鼠绘一个简单写实技法源氏徽章。从一开始的构思草图,到勾形、填色,还有最后的细节刻画,都会一一在课程里进行讲解。希望大家看完本节课程,都能有所收获。

   【内容框架】:  

   1.创意思路 

   2.鼠绘基础造型 

   3.填充固有色 、黑白灰 

   4.细节刻画 

   【使用软件】PS   

   【设计难度】:★★★★☆   

   【讲师】:承辉学院庄辰

   【最终效果图】:

12321414.gif

   1小节:创意思路

   首先我们提取源氏身上具有代表性的元素。

1.png

   经过元素的提取之后,我们快速画出大量不同构图的草稿,在对比了各个草图之后,我希望整个徽章能更加有动感,所以选择了一个非对称、略微倾斜的构图,并将能够代表源氏这英。

2.png

   雄的头部、武士刀、飞镖组合并用神龙(源氏家族的象征)串联起来。使整个徽章更有层次和动感。

   这个阶段决定了整个作品的格局,我们需要反复尝试取舍,直至找到最优的构图方案,尽量打开思路尝试各种可能。开始的造型会决定作品的质量,并且减少后续的修改时间成本。所以草图完成后将线稿提炼的更精细,尽量在线稿上多费些心思。

   2小节:单色勾形

   使用钢笔工具,在草稿的基础上分区块勾勒出每个部件注意各部件的层次关系,命名好各个组名,以便于我们后面的绘制和动效制作。选取一个颜色调低透明度,便于我们可以清晰的看到各个图层的叠加效果这里我选用的是醒目的桃红色,透明度30%。

3.png

   3小节:填充固有色、黑白灰

   将所有图层都调回100%透明度,分别填充颜色,每个模块都最好有不同颜色的区分便于我们分辨结构。然后,我们吸取素材上的颜色,将固有色填充出来,并根据物体结构塑造出简单的形状。用钢笔工具勾出暗部和亮部的结构,添加蒙版,用模糊笔刷在蒙版上擦出自然的过渡,模糊笔刷越大擦出的过渡越自然。

4.png

   4小节:刻画细节

   进一步加强物体的体积和空间感,增加主体物层次,根据参考资料刻画徽章细节及质感,如头盔的金属,眼睛的发光效果,飞镖的烟雾效果。在这个阶段我们需要不停地查看别人的作品找到适合的部分加以学习利用。

5.png

   这样,我们酷炫的源氏徽章就完成了

   敬请期待系列课程:

   第二章 源氏徽章动效

   第三章 源氏图标

   就这样源氏图标已经完成了,一些photoshop的技法运用可以在我们的UI网络课上学到,如果想观看本篇源氏的视频教程,也可以在百度ue讲堂看得到(http://www.chuanke.com/v4272850-191586-1095724.html)。


承辉教务01
承辉教务02