师资

环境

就业

作品

企业培训

扫码
关注

首页 > 行业资讯

提升角色设计的13个小技巧

时间:2017年10月11日 来源:火星人

今天小编与大家分享的是来自Laura Sava的13个角色设计技巧,希望能对大家有所帮助。涉足插画领域多年,最为重要的进步就是从铅笔到手绘板的变化。这不仅能够提高绘画速度,还能节约不少材料开支。

我读过艺术学校,但是发现课堂上的重点完全放在了当代流行的艺术趋势上,所以,对于我比较感兴趣的写实主义绘画,大部分是靠自己去学习和练习的。然而,正规的美术教育让我更好的理解了一些绘画上的技术问题,同时也帮助我形成自己的学习方法。接下来我要讲到的这些小技巧,既有我从学校学到的,也有我自己工作过程中摸索到的,还有自己从网上其他插画师那里学习到的。

1、确定组成部分游戏原画: 一般来说,一幅画的组成部分分为两种:动态的和静态的。动态部分,我们可以通过使用对角线来刻画整体画面的灵动感;而静态部分呢,只要你善于运用垂直和水平线,也可以营造出一种极其安静的画面感。

北京原画设计

我个人更喜欢静态组成,但是对于幻想类题材的插画来说,这样未免有点枯燥。作为妥协,我选择在画面前景使用柔和的对角线形状,以增加画面的动感。举个栗子,这幅画里角色的衣物面料似乎在随风流动,很好地打破了画面的单调感,并且与画面背景形成一个令人愉悦的对比。

2、什么时候使用对称?
想要使用双边对称的布局,你可得挑选一个合适的时间和“地点”。事实上,我想说,这种布局的使用应该尽可能的谨慎,虽然它往往能起到非常好的效果。

对称的布局可以使你的角色显得强大、威严,并且带有那么一丝梦幻般的英雄色彩,尤其是当你的角色拥有翅膀或者神话人物“标配”的时候,效果绝对出人意料的好,因为这样的画面会让观看者联想到一些标志性的人物。

3、运用S曲线原理
这就要追溯到古希腊时候的艺术文化了,毕竟这可是公认的“描绘人物形象的最佳姿态。”角色的身体应该被摆放成一条S曲线,肩膀和臀部分别以不同的角度呈现。这其中,最为基础的一个原理就是构图要均衡(雕塑和绘画中常常用到这点),角色的身体重心会放在一条腿上。

当你把这个原理运用到自己的工作中时,可以根据自己的绘制思路,进行适当的夸大或修改。

北京原画设计

4、你的焦点在哪里?
一般来说,当人们看到一幅画,他们首先注意到的是角色的脸(没错,这确实是个看脸的世界),所以,对于角色的脸你必须小心对待。无论是强调角色的面部细节,还是转移观察者的注意力,都有好几种方式。举个栗子,善用操纵光,使画面大部分都处于同样的光亮之下,然后用更强的光线去突出你想让观察者注意到的地方。

当然,你也可以选择在笔触或颜色上面做文章,突出你的画面重点,其余部分则可以处置的稍微模糊一点。

北京原画设计

5、生动的光影
有趣的光影图案可以帮助你的画变得更有“幻想”范儿。我最常用的光影组合是柔和光线为主+亮眼的背景光。如果光源有互补色的话,这个组合的效果会更加惊人,过度使用的话会让整体画面显得非常俗气。

我最喜欢的另一个光影图案是光线透过窗户所呈现出来的效果,只要角度调整得当,很容易就会让观察者联想到落日余晖。

6、框架也是一门技术活儿
插画固然有着不同的目的,但它们可能也会有着相同的局限,比如说框架。举个栗子,我的插画作品主要针对智能手机用户,所以这就要求我的角色形象必须足够大,以便用户们能够看得见细节。当然,这也就意味着,有时候角色太大了,框架根本装不下。

这里有一些经验,也许可供你参考一二:不要“切断”角色的任何关节部分;不要“切断”角色的手部(要么完全看得见,要么完全看不见);另外,对于肖像画来说,不要“切断”角色的耳朵或下巴部分。

北京原画设计

7、细节放在哪儿?
当人们观察一幅画的时候,他们是分门别类地组织视觉元素,并根据这些元素之间的距离组合而成更大、更具体的形象的。视觉感知格式塔理论派生而出的一系列规则都是以此为前提的。

观察者会“自动补充”一幅画除了细节之外的部分,所以,不必执着于打磨每一处细节或者担心边缘是否完美——只要能够保证,即便是从一定距离的远处来看,观察者仍然能够看到一个整体的人物形象就够了。

8、背景可以丰富点儿
对于游戏卡片的制作来说,重点当然是角色本身,但是背景设置以及其他细节部分也可以为观察者带来一个全新的认知。比如,你可以通过设置不同的背景、社交状态来暗示不同角色的身份,甚至通过角色身边摆放的物件儿来暗示角色的职业。

举几个栗子,想要表现一个角色的博才多学,背景设置可以采用大量书籍和卷轴;想要表现你的角色是个勇士,背景音乐不妨加点暴风雨来袭的声音;想要表现一个女巫的角色,你甚至不必给她穿上巫师特有的服装,只有在她旁边装饰一些炼金术用具和其他一看就很古老很神秘的东西就可以了。

北京原画设计

前端同学可以运用曲线进行运动定义,CSS属性中的transition和animation可指定缓动函数,但不支持全部函数,可通过贝塞尔曲线的绘制达到自定义的运动效果,固定贝塞尔曲线中头、尾两个点,通过这两个点引申出的锚点来确定曲线的弧度,任何运动曲线都可以拆解为一段段的贝塞尔曲线来进行定义。

北京原画设计

通过CSS为运动曲线专门设置的VIP属性来确定两个锚点位置,流畅的动效就搞定了

这里再给大家提供一个更加省事儿的办法,SCSS,也就是CSS的进阶版本,还有Javascript可以直接调用缓动函数库,大家或许会对下面这种复杂扭曲的函数有疑惑,其实这些是具有反馈效果的运动曲线。根据我们之前的分析,由于1688首页采用的是内容靠前的设计策略以及简约的视觉风格,所以我们的动效动作一定是“稳、准、狠”,绝不拖泥带水,也绝不喧宾夺主,所以这样比较Q弹的动作是我们极力避免的。其实这些曲线更适合应用在无线端,由于在无线端用户直接使用手指来进行操作,当我们需要表达区块元素的弹性、纸质或者是卡片的材料隐喻时,用反馈效果来表达材料和重力是比较恰当的。

9、服装设计
于我而言,工作过程中遇到的最大挑战就是为角色设计新的服装、武器和配饰。为此,我长期关注大量时尚类、历史类、文化类的网站和博客,每次看到有趣的服装或武器设置就会收藏到我的专用“灵感文件夹”里面。

 10、金属也能变的好看
幻想类的艺术画作一般取材于历史资源,所以,华丽的盔甲和武器变的司空见惯。当我处理金属类的武器或配饰的时候,我经常先画草图出来,然后用斜面+浮雕选项来进一步完善。 但是,这并不是一个标准的教程——除非是应用在一些极小的、不怎么引人注意的细节上面,因为它会产生某种艺术效果。最后,调到颜色减淡模式,用纹理刷营造出一些亮点。

11、关于皮肤的绘制建议
如果你想绘制真实感十足的皮肤,细微的颜色变化就显得至关重要了。为了节省时间,我采用了冷暖色调交替出现的方法:光亮部分采用暖色调,阴影部分采用冷色调,然后黑暗阴影部分又采用暖色调,如此循环往复。 光与影之间的过渡线可以设置成饱和度稍微高一点。考虑到明亮的光线会照在皮肤上面,可以让皮肤有一种轻微的透明感,尤其是骨头比较突出或肌肉比较少的部位,比如面颊或手指。

12、颜色方面的考虑
理论上来说,插画师应该很容易就参考现有的艺术理论规则选择一套颜色方案出来,但现实生活中的绘画不止如此。要知道,一个物体的颜色(比如你的角色)所呈现出来的颜色不仅仅是由你所选的颜色单方面决定的,更多的是由角色所处的环境决定的:比如直接的或反射的光线、天气、一天中所处的时间等等。

13、超越幻想之外的部分
对于幻想类主题的设计而言,请不要把你的设计概念局限在剑术或巫术主题上面,有时候,互相冲突的元素结合在一起更有可能营造出出人意料的效果。 而除了幻想类和科幻类的艺术之外,其他图像艺术,从文艺复兴时期的艺术,到现代的3D艺术,都可以不同程度的和插画结合在一起,创作出更为令人惊艳的作品出来。

以上就是今天的游戏原画教程提升角色设计的13个小技巧,希望能对大家有所帮助。

热门课程推荐  点击查看全部课程

北京UI培训
  • 北京原画设计
  • 北京UI培训
  • 北京原画设计
  • 北京UI培训
  • 北京原画设计
  • 北京UI培训
  • 北京原画设计
北京UI培训

关键词:北京UI设计培训,北京UI设计,UI设计培训,UI交互设计

  • 14年教育品牌
  • 课程不断更新
  • 签订就业协议
  • 项目案例讲解
  • O2O教学模式

北京火星人科技文化发展中心版权所有 Copyright & copy 2002-2016 2ds.cn, All Rights Reserved 京ICP备 10216795号