无极网站设计事务所_超细腻的摩洛哥伪3D风场景插画教程

超细腻的摩洛哥伪3D风场景插画教程

10月 21, 2022
发表于: 视觉设计. 评论

Sponsor

大家好好好好好好好呀!我是专治不会画的蓝贵莲。本周发动的技能是:用插画带你游览摩洛哥的风景!这次的「伪3D风场景插画」教程是我插画班的助教老师 cici 完成。先看看效果如何:

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

知识重点:画面构图、色彩搭配、质感刻画
操作工具:数位板 | Photoshop
操作难度:

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

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

· 解析Stephen Morath的画风特点

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

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

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

确立主题

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

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

图片来源网络,仅供赏析

构图层次

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

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

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

前景的绘制

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

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

2、主观调整,丰富细节

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

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

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

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

中景绘制

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

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

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

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

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

梳理黑白关系

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

配色

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

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

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

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

2、过渡(纹理):塑造体积感,过渡关于无极4暗颜色,透气有纹理感。

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

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

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

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

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

车辆的刻画

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

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

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

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

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

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

高光的添加:最后在关于无极4部加入高光提关于无极4,丰富颜色层次。

仙人掌的刻画

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

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

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

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

建筑的刻画

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

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

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

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

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

陶罐的刻画

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

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

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

道路的刻画

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

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

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

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

山体的刻画

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

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

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

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

天空的刻画

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

用【云】笔刷轻扫,近处压暗,远处提关于无极4,做出颜色的关于无极4暗变化。

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

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

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

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

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

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

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

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

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

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

↓ 本教程笔刷素材设计达人已打包好 ↓
扫码,关注后台发送「1000G」即可下载


素材编号:820

感谢阅读,如果本文对您有帮助,请分享一下吧。

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com

交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接

与 插画、插画教程 相关的文章

  • 插画设计如何报价,以及有哪些接单平台?
  • 《苍兰诀》手绘长卷插画,好美,好喜欢!
  • 快递、运输送货行业必备插画合集
  • 电商网站必备的彩色购物主题插画合集
  • 如何绘制彩铅噪点人物插画?(附笔刷下载)
  • 适用于心理健康、治疗的插画合集

赞助商链接

喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。

版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

Comments are closed.