摩洛哥伪3D风场景插画教程

大家好,我是 cici。不知道大家国庆有没有出去玩耍?我因为疫情没有出门,所以我带着激动的心,颤抖的的手,用插画去摩洛哥走了一趟!本次的教程,让我带你用细腻丰富笔触,打造伪 3D 效果。让你也可以不出门就能插画游览大好山河。

摩洛哥伪3D风场景插画教程

知识重点:画面构图、色彩搭配、质感刻画

操作工具:数位板 | Photoshop

操作难度:★★★☆☆

这个画风的代表插画师是艺术家Stephen Morath。他的画作色彩鲜艳又带有一些怀旧,画面质感细腻。

摩洛哥伪3D风场景插画教程

摩洛哥伪3D风场景插画教程

摩洛哥伪3D风场景插画教程

图片来自插画师Stephen Morath,仅供赏析

· 解析Stephen Morath的画风特点

1. 构图:注重空间的延展性,通过道路的延伸,近景远景的大小对比做出画面的空间感。

摩洛哥伪3D风场景插画教程

2. 色彩:整体色块分区明确,对比色运用冲击力强,环境色的添加使细节富有变化。

摩洛哥伪3D风场景插画教程

3. 刻画:注重体积感的塑造,笔触细腻丰富。

摩洛哥伪3D风场景插画教程

摩洛哥伪3D风场景插画教程

确立主题

本次的主题以探险摩洛哥风情为故事主线,我们可以以此先来做下头脑风暴,确定一下画面的主要元素。

摩洛哥伪3D风场景插画教程

针对确定的元素,我们在百度找一些相关的图片,素材就整理好了,下面就动手画起来吧。

摩洛哥伪3D风场景插画教程

图片来源网络,仅供赏析

构图层次

在开始构图前,我们先来分析一张Stephen Morath的插画构图:马路作为画面主体形状呈Z字造型,占画面 1/4 的面积,观赏者的视线随着 Z 字线条移动,由近及远。

摩洛哥伪3D风场景插画教程

通过分析确定了我的构图方向:首先将画面场景范围大致搭建起来,确定前中后景的占比大小,并将马路的Z形改为S形,以此和插画师Stephen Morath的构图做出区分。

摩洛哥伪3D风场景插画教程

然后,根据构图方向,利用找到的素材大致的拼一下画面效果,做到心中有数。

摩洛哥伪3D风场景插画教程

前景的绘制

首先我们把前景的静物画出来再进行组合,静物绘制的主要方法分为两步:

1、概括总结参考图片轮廓特点

2、主观调整,丰富细节

以陶罐绘制为例:提取图片造型特点,为了使静物更有趣味性,可以做一些创意表达,用陶罐的造型做成建筑,结合眉毛鼻子位置开一个门,加上眼睛,赋予陶罐生命力,装饰植物,使造型更加丰富。

摩洛哥伪3D风场景插画教程

前景其他的元素绘制同理,以石像、仙人掌、石块为例,步骤如图:

摩洛哥伪3D风场景插画教程

摩洛哥伪3D风场景插画教程

摩洛哥伪3D风场景插画教程

将其他元素画完后再整合到一起,就完成了前景的的静物组合,右边以石像为主体,占 50% 的面积,前后搭配石块、蜡烛灯、箭头指示牌和植物,注意物品元素的大小对比和相互遮挡,使外轮廓的剪影形更加丰富。

摩洛哥伪3D风场景插画教程

左边池水石刻、仙人掌、大陶罐高低搭配,使组合有层次变化,用大小不一的石块穿插于陶罐植物之间,丰富物品之间的联系。

摩洛哥伪3D风场景插画教程

中景绘制

建筑物的绘制:首先提取图片中部分建筑组合形式,发现这部分建筑造型比较方正,为了避免过于死板,建筑可以做高低变化以及大小变化的组合使其更有节奏感。左侧建筑绘制方法同理。

摩洛哥伪3D风场景插画教程

为建筑增加门窗和装饰细节,同样可以从多张图片中概括一些简单的造型和花纹,再进行重新组合。

摩洛哥伪3D风场景插画教程

最后再加入植物和旗帜的元素,让整体建筑群更有活力,避免太过呆板。

摩洛哥伪3D风场景插画教程

车辆绘制:车辆的结构会相对复杂一些,在挑选素材的时候可以直接找符合画面角度的图片,这样透视就不用做太大的修改。

这样我们就基本完成了画面中的前景和中景部分,最后再加入远景,包含远山和天空云朵和热气球,飞鸟的小元素,整个画面的线稿部分就完成了。

摩洛哥伪3D风场景插画教程

摩洛哥伪3D风场景插画教程

摩洛哥伪3D风场景插画教程

梳理黑白关系

为了更好的体现画面的纵深感,画面自前向后逐渐提亮:四周元素统一在暗调里,对比较弱;道路作为画面最亮的部分,和车辆的对比较强,相互衬托,用暗包亮的形式突出画面主体。

摩洛哥伪3D风场景插画教程

配色

这次整体的色调氛围追求一点复古怀旧的调调:以红黄为主色调,用对比色蓝色作为辅色,使整体的视觉冲击力更强;并用饱和度高一些的橙黄色,做画面的点缀,使整体色调更加丰富。

摩洛哥伪3D风场景插画教程

结合黑白稿,完成整体配色。注意画面中颜色饱和度的变化,由近及远依次降低。

摩洛哥伪3D风场景插画教程

摩洛哥伪3D风场景插画教程

在正式开始细节刻画前,我们来说一说需要用到的笔刷:

1、铺色、画线、橡皮:适用于铺色,画线。

2、过渡(纹理):塑造体积感,过渡亮暗颜色,透气有纹理感。

3、细节:增加细节笔触,有线条叠加效果。

4、粗造质感:颗粒较大,增强质感。

5、干刮肌理:丰富细节,不宜多用。

6、渐变散点:增加颗粒感。

7、云:适用于天空,云朵。

摩洛哥伪3D风场景插画教程

车辆的刻画

光源分析:首先通过光源分析,确定车辆的受光面背光面,做一下颜色的亮暗区分。

亮暗面区分过过渡:用【过渡(纹理)】笔刷进行颜色的过渡。用笔不要太重,轻轻扫图,颜色变化时会自然出现纹理效果。需要较柔和的过渡时可以适当降低笔刷流量。

以车的顶面为例,颜色由亮到暗逐步过渡,靠近宝箱的面因为有箱子的阴影会再压暗一些。

摩洛哥伪3D风场景插画教程

摩洛哥伪3D风场景插画教程

用同样的方法做车体侧面的过渡。自下而上先加一层暗色,与轮子交接处再加深第二层暗色,增加颜色的变化,亮色同理。可以加两次,这样的过渡会更自然,顺着车体的方向刷一些竖着的笔触,多一些变化。

摩洛哥伪3D风场景插画教程

继续用过渡笔刷把其它部分的颜色过渡做完,整体再加大一些亮暗的颜色对比,车辆整体的体积感就出来了。

摩洛哥伪3D风场景插画教程

环境色及装饰元素添加:局部可以加一下环境色丰富一下颜色的变化,车身加入一点橘色,宝箱上用了一笔蓝色,注意不要加多,避免颜色变脏,同时,可以继续丰富细节,加一下线条和色块的图案装饰,使整体物品的刻画更加饱满。

摩洛哥伪3D风场景插画教程

高光的添加:最后在亮部加入高光提亮,丰富颜色层次。

摩洛哥伪3D风场景插画教程

仙人掌的刻画

光源分析及颜色分区:仙人掌由三个单体组成,首先在铺色时做一下颜色区分,避免边缘糊在一起。单只仙人掌是类似圆柱形,中间鼓起的部分会亮一些,两侧较暗。将每一支仙人掌分为三个色块,如图1、3两个侧面,2是正面,再根据光源,细化这三个色块,做颜色的亮暗区分,画出初步的体积感。

摩洛哥伪3D风场景插画教程

颜色过渡:根据分好的色块,再用【过渡(纹理)】笔刷,做一些颜色的变化和过渡,使其体积感更强。注意颜色还是一层层加,亮暗的变化会比较丰富。

摩洛哥伪3D风场景插画教程

摩洛哥伪3D风场景插画教程

深化细节,添加高光:为了增强体积感,继续加大颜色的亮暗对比。在交接处扫一些暗色,亮面提亮,加入高光,边缘加入亮色提亮,体现叶片的厚度,使整体立体感更强。

摩洛哥伪3D风场景插画教程

最后可以用【铺色、画线、橡皮】笔刷加上尖刺装饰,丰富植物造型,就完成了仙人掌的绘制。

摩洛哥伪3D风场景插画教程

摩洛哥伪3D风场景插画教程

建筑的刻画

光源分析及颜色分区:根据光源分析,找到建筑的亮暗面,做好颜色分块。注意建筑正面的亮度从远到近逐渐减弱。

摩洛哥伪3D风场景插画教程

颜色过渡:用【过渡(纹理)】笔刷,进行颜色的过渡。因为整个墙体面积比较大,颜色的过渡可以多加几层,有一些层次的变化,避免太平。把屋檐下面的影子画出来,增强体积感。

摩洛哥伪3D风场景插画教程

摩洛哥伪3D风场景插画教程

丰富墙体细节:用【粗糙质感】笔刷,在墙体上用深浅不同的颜色蹭出粗糙的颗粒质感,体现泥土的质感,注意控制数量。

摩洛哥伪3D风场景插画教程

摩洛哥伪3D风场景插画教程

再用【铺色、画线、橡皮】笔刷画出墙体裂缝,加上石头图案和花纹装饰,细节就比较丰富了。

摩洛哥伪3D风场景插画教程

摩洛哥伪3D风场景插画教程

丰富颜色:最后使用【过渡(纹理)】笔刷给墙体加一些紫灰色来丰富一下颜色的变化,避免过于单调。

摩洛哥伪3D风场景插画教程

摩洛哥伪3D风场景插画教程

陶罐的刻画

光源分析及颜色分区:陶罐也是类似圆柱体的形体,中间鼓起的部分被光照亮,两侧依次变暗,用【铺色、画线、橡皮】笔刷将陶罐身体做几个格子分区,进行颜色区分,用亮暗色塑造初步体积。

摩洛哥伪3D风场景插画教程

颜色过渡:用【过渡(纹理)】笔刷,进行颜色的过渡,注意瓶颈投影压暗,暗面反光提亮,可以用环境色做颜色变化。

摩洛哥伪3D风场景插画教程

摩洛哥伪3D风场景插画教程

丰富细节添加装饰:为丰富细节纹理,可以用【干刮肌理】笔刷清扫几下。再使用【铺色、画线、橡皮】笔刷加入色块图形和线条装饰。

摩洛哥伪3D风场景插画教程

道路的刻画

颜色过渡:用【过渡(纹理)】笔刷,选择较暗的颜色,整体过渡一遍颜色。让整个色块有初步的颜色变化,用笔不用太均匀,做出一些凹凸的泥土质感。

摩洛哥伪3D风场景插画教程

摩洛哥伪3D风场景插画教程

然后在边缘和车辆下方逐渐加深,体现阴影,颜色可以有一些色相的变化,这里暗色加入了偏红一些的棕色。

丰富笔触变化:用【细节】笔刷用较暗和较亮的颜色交叠进行排线,进一步丰富细节的笔触。

摩洛哥伪3D风场景插画教程

摩洛哥伪3D风场景插画教程

最后再用【铺色、画线、橡皮】笔刷绘制亮线做一些小的高光,丰富细节。

摩洛哥伪3D风场景插画教程

摩洛哥伪3D风场景插画教程

山体的刻画

区分层次:画面的山体部分是由从近到远的几座山组成的,修改颜色由暗到亮,纯度逐渐降低,以此体现出画面的纵深感。

摩洛哥伪3D风场景插画教程

光源分析及颜色分区:根据光源分析受光面。使用【铺色、画线、橡皮】笔刷绘制细节。左右两面的山体刻画形式做了一些区分,左边绿色部分做了大的块面亮暗区分;右边蓝色部分做了一些石块堆砌的效果;远景简单做下亮暗分快即可。

摩洛哥伪3D风场景插画教程

摩洛哥伪3D风场景插画教程

颜色过渡:和之前静物刻画一样,用【过渡(纹理)】笔刷将交接的块面自然过渡。注意颜色的逐层加深和提亮,拉开亮暗对比,避免糊在一起,同时注意近实远虚,山体边缘不要太硬。

摩洛哥伪3D风场景插画教程

摩洛哥伪3D风场景插画教程

丰富细节:使用【铺色、画线、橡皮】笔刷绘制装饰。为了与右边石块的块面装饰感区分开,这里为左边山体加入点元素进行装饰,点面结合,使整体画面更加饱满。

摩洛哥伪3D风场景插画教程

摩洛哥伪3D风场景插画教程

天空的刻画

颜色过渡:为了体现出纵深感,使用【过渡(纹理)】笔刷对天空进行过渡。注意由近到远是一个从暗到亮的变化。

摩洛哥伪3D风场景插画教程

摩洛哥伪3D风场景插画教程

用【云】笔刷轻扫,近处压暗,远处提亮,做出颜色的亮暗变化。

摩洛哥伪3D风场景插画教程

摩洛哥伪3D风场景插画教程

再用【渐变散点】笔刷轻扫一些颗粒,流量可以调低到20%左右,让天空更加透气。

摩洛哥伪3D风场景插画教程

最后用相同的方式绘制云朵,热气球,小鸟等元素。画云朵时,注意云彩的边缘虚化处理,与天空自然衔接。

摩洛哥伪3D风场景插画教程

最后,在物体相交的地方加一下投影,塑造整体的光影感。这里我用了偏冷的蓝紫色做影子,图层模式选择正片叠底,根据效果,降低透明度,影子的颜色和亮暗也可以有一些变化。

摩洛哥伪3D风场景插画教程

摩洛哥伪3D风场景插画教程

画面整体刻画完成后,可以进行一步整体的调色,我提高了整体的亮度,又加了暖黄色的照片滤镜,使整个画面的色调更和谐又带有一些复古怀旧的氛围。

摩洛哥伪3D风场景插画教程

照片滤镜的位置及参数如下

摩洛哥伪3D风场景插画教程

整个绘制过程到此结束,撒花撒花~~

摩洛哥伪3D风场景插画教程

· S形构图的层次安排,注意由近及远的空间延伸感。

· 静物元素的组合搭配,要有大有小,相互遮挡。

· 色调的统一和变化,对比色运用增强视觉冲击力,怀旧色调氛围调整。

· 可以通过增加不同材质和装饰可以让画面细节更加丰富,增加画面的可看性。

本文来自网络,不代表设计泡一泡立场,转载请注明出处。https://www.sjpyp.com/4472.html

发表评论

邮箱地址不会被公开。 必填项已用*标注

返回顶部