×

《失落的巴比伦》概念场景绘制解析

发布时间:2018-11-17 19:57:24

作者简介

朱志轩

游戏原画师,概念艺术设计师。大学学的是动画专业,后转行从事游戏美术,曾在上海云蟾络网络科技有限公司以及广州网易任职,参与项目有《蜀门》、《龙剑》、《大唐无双》以及《斩魂》。现任武汉勤道创意美术工作室艺术总监。

联系方式:

BLOG:http://love.draw.blog.163.com/

Email:493616777@qq.com

#p#e#

导言:

四大文明古国一直让我非常崇敬,它们曾经在这个美丽的星球上缔造了无数恢弘的画面。大家对古中国,古印度,古埃及都了解颇多,但了解古巴比伦的相对较少,我自己对巴比伦的好奇来源于中学时代听过的一首《爱在西元前》,那时候对巴比伦这三个字产生了浓厚的兴趣,这个建立在美索不达米亚平原上的伟大国家虽然存在短暂,但是却给后人留下了无数瞎想。

我一直想绘制一张描述巴比伦的场景概念画,算是圆我内心的一个梦想,但我又不大想绘制它辉煌时候的样子,我觉得它没落之后的情景更打动人。在绘制之前我找了大量的西亚建筑参考以及沙漠场景的参考,起稿的时候故意设定场景的气氛是阳光明媚的而不是阴暗的,因为我觉得阳光明媚后的破落,这种反差更能让人感受到那一丝丝凄凉......
                                    
以下为绘制步骤

一、绘制整体概念

用大号的喷枪快速的画出场景的整体色调,这张图由于是一张阳光明媚的场景,所以远景以及天空用蓝色作为主调子,近景由于打算设定一些建筑残骸以及沙漠,所以色调为偏黄。蓝黄色调的画面比较常见,这种色调的画面可以比较好的形成色彩对比关系以及色彩互补关系,画出漂亮丰富的色彩。(图1)


图1

二、画出基础构图

在图1的基础上再画出一些构图,确定前景、中景、远景的空间以及这些空间中会出现哪些物体。当然,笔刷不能再用喷枪了,可以选用一些比喷枪稍微硬一点笔刷。但不要选择用过于硬的笔刷,因为现在还是要带着气氛画,而不是用硬笔刷刻画的阶段,用PS自带的这几个笔刷就能完成。(图2、3)


图2


图3

#p#e#

三、构建物品造型

在图3确定了大致构图的前提下,可以确定一些物件的大致造型,有断裂的阶梯,破损的建筑以及塔顶的残骸。这一步的重点是确定透视线,地平线。由于这个场景我想把它画得纵深感强烈宏大一点,所以地平线偏高,用得透视稍微复杂,基本涵盖了一点透视、两点透视以及三点透视。(图4)


图4

一点透视


图5

一点透视也称为平行透视,表现范围广,纵深感强,适合表现庄重严肃的室内空间。

两点透视


图6

两点透视也称成角透视,其效果比较自由活泼,能比较真实的反应出空间感。

三点透视


图7

三点透视也叫斜角透视,它能比较好的表现宏伟高大的建筑。

#p#e#

四、强化物品造型

主要是对图3物体的造型做一个具体的强化以及确定,在中间的平台上加上了人物比例,以便于把物体的比例画准确,避免大小失调。这一步可以用再硬一些的笔刷绘制,但也不要用特别硬的,给后面的刻画留下余地。(图8)


图8

五、调整地形透视

在图8的基础上调整整体的造型透视以及地形,继续让纵深感强烈和透视准确。(图9)


图9

#p#e#

六、叠加材质素材

是为后面的刻画做准备的一个步骤,因为之前的几步基本是在打基础。到图8的时候基础基本打好了,物体造型,透视,空间感已经确定,所以为了后面的刻画,第六步是一个叠加材质的步骤。具体的材质主要是砖墙材质,裂纹材质。叠加了材质再去刻画可以让画面更加生动,更容易打动人。

具体方法是:我们选好的材质素材,然后利用变形透视工具调整好角度,再讲透明度降低,选择一个合适的图层属性将素材进行附着。(图10、11、12)


图10


图11


图12

#p#e#

七、细节刻画

在叠加了材质后进行一些细节的刻画就有了图13的细节质感,然后对整体画面做一些调整,用索套工具选取前景的范围,然后按ctrl+b,ctrl+m利用色彩调节工具和曲线工具让前景的黄色调子更纯一些,远景同样用此方法将颜色调节。为了有好的纵深感,让远处的建筑在这个步骤虚化它,具体方式是用索套选取这个建筑,然后利用渐变工具,让渐变属性改成颜色减淡,透明度调到15%左右,然后进行颜色减淡的渐变。用这种方法调节的好处是不会改变原本物体的素描阴影关系。 (图13、14、15)


图13


图14


图15


图16

#p#e#

八、调整远景

这一步骤主要是对远景进行调整细画,使画面整体完整,为最终的刻画做准备。(图17)


图17

九、深入刻画整体

在图8的基础上进行整体刻画深入,然后调节画面的前后关系,让画面重点突出,整体画面气氛更生动,画到这一步这张图就基本完成了。最终效果图如下所示。(图18)


图18

#p#e#

更多个人作品欣赏

#p#e#

如何快速绘制平面布局图?

如何快速绘制平面布局图?

返回列表>
关于我们
关于我们