网页设计 » 视觉设计 » 摆脱插画构图难题,活用电影场景构图法

摆脱插画构图难题,活用电影场景构图法

发表于: 视觉设计. 评论
Sponsor

前言:插画构图不好?其实可以像摄影一样,从电影中获取构图灵感。电影里场景都是经过精心构思摆好角度后才开始拍摄的,所以电影中的很多画面都很美。多学习电影画面的构图方式对插画是很有帮助的。

本文我们会用「森系小清新风格」结合「经典电影场景」进行详细的绘制和示范,帮你摆脱构图的烦恼!

注:文末提供电影场景转插画笔刷!注意查收!

摆脱插画构图难题,活用电影场景构图法

* 该图片为原创作品

本次教程主要由我的小助理豆子绘制编写,比较适合有一些基础的同学享用,味道不错的话记得给个五星好评。

摆脱插画构图难题,活用电影场景构图法

众所周知,很多优秀电影,每一个画面都经过导演的精心打磨,构图十分精美。热爱电影的插画师便会把自己喜欢的电影直接画成插画,既省去了画画时构图的烦恼,同时也表达了对电影的喜爱。

其实,电影中的构图方式,在插画作品中也是尤为常见的。让我们先来简单

了解一下电影中的「5最常见最经典构图方式」

电影构图分析

1.对称式构图

对称式构图以画面为中心,两边人物或空间形成呼应,给人一种平衡稳定的视觉感受。

摆脱插画构图难题,活用电影场景构图法

这类型的构图,往往都是几个人排排坐,通过人物和背景形成对称关系。

摆脱插画构图难题,活用电影场景构图法

插画师 august.ro作品,仅供鉴赏

摆脱插画构图难题,活用电影场景构图法

插画师 august.ro作品,仅供鉴赏

摆脱插画构图难题,活用电影场景构图法

插画师 Julia Sarda作品,仅供鉴赏

2.人物居中构图

人物居中构图就是将人物放置在画面中心位置。

摆脱插画构图难题,活用电影场景构图法

这类构图,以人物为中心,重点突出人物,在插画中尤为常见。

摆脱插画构图难题,活用电影场景构图法

插画师 Julia Sarda作品,仅供鉴赏

摆脱插画构图难题,活用电影场景构图法

插画师 Julia Sarda作品,仅供鉴赏

摆脱插画构图难题,活用电影场景构图法

插画师 august.ro作品,仅供鉴赏

摆脱插画构图难题,活用电影场景构图法

插画师 august.ro作品,仅供鉴赏

3.框式构图

框式构图就是利用门窗作为前景,框住主体。

摆脱插画构图难题,活用电影场景构图法

在这类构图中,可以将人物和门窗进行关联或互动。

摆脱插画构图难题,活用电影场景构图法

插画师 august.ro作品,仅供鉴赏

4.九宫格构图

三分法构图是将人物或者重要的物体放在九宫格交叉处,“井”字的四个交点即视觉中心点。这种构图方式符合人们视觉习惯,使主体变成焦点。

摆脱插画构图难题,活用电影场景构图法

摆脱插画构图难题,活用电影场景构图法

插画师 august.ro作品,仅供鉴赏

5.大俯视构图

大俯视构图是将人物放在画面中心位置,镜头从正上方辅视拍摄。

摆脱插画构图难题,活用电影场景构图法

这类型的构图中的人物往往躺在床上或地面。

摆脱插画构图难题,活用电影场景构图法

插画师 august.ro作品,仅供鉴赏

摆脱插画构图难题,活用电影场景构图法

插画师 august.ro作品,仅供鉴赏

构图就先说到这里,还有很多种构图就要靠大家在观看电影的时候收集了。

下面我们正式讲如何把电影转化为插画。

本次教程我们使用的是森系小清新风插画。其代表插画师为august.ro和Taryn Knight。

俄罗斯插画师august.ro的作品多以森林童话为主题,颜色多为暖色调,画面肌理丰富,细节细腻。人物特点鲜明:瓜子脸,上挑的眼睛,长而尖的鼻子。

摆脱插画构图难题,活用电影场景构图法

摆脱插画构图难题,活用电影场景构图法

摆脱插画构图难题,活用电影场景构图法

摆脱插画构图难题,活用电影场景构图法

插画师 august.ro作品,仅供鉴赏

美国插画师Taryn Knight的插画风格清新复古中带有一丝魔幻色彩。人物古灵精怪,脸型多为短圆脸,鼻子尖而短。

摆脱插画构图难题,活用电影场景构图法

摆脱插画构图难题,活用电影场景构图法

摆脱插画构图难题,活用电影场景构图法

摆脱插画构图难题,活用电影场景构图法

插画师 Taryn Knight作品,仅供鉴赏

摆脱插画构图难题,活用电影场景构图法

知识重点:细节刻画与构图

操作工具: Photoshop丨数位板

操作难度: ❤❤❤

摆脱插画构图难题,活用电影场景构图法

摆脱插画构图难题,活用电影场景构图法

多看优秀电影可以解决构图上的烦恼,尤其对于新手同学,可以画电影场景作为练习的途径。本次教程中使用的是电影《爱玛》中的场景。通过上面的构图讲解,我们可以分析出这张画面是经典的「对称式构图」。

摆脱插画构图难题,活用电影场景构图法

摆脱插画构图难题,活用电影场景构图法

首先将图片拖进ps中并降低透明度。新建图层,直接勾出画面中的人物及背景。这一步只是提取物体的摆放位置,所以不用在意线条,可以潦草一些。

摆脱插画构图难题,活用电影场景构图法

接着在轮廓线稿上进行细化。

人物比例可以参考插画师august.ro或者插画师Taryn Knight的人物。这里我参考的是插画师august.ro的人物比例。

摆脱插画构图难题,活用电影场景构图法

根据比例将轮廓人物进行细化,加上五官,发型及服装。

摆脱插画构图难题,活用电影场景构图法

除人物外还有前景与背景的物体。照片上模糊的物体可以从网上查找素材进行替换。

提取素材形态轮廓并进行简化。

摆脱插画构图难题,活用电影场景构图法

摆脱插画构图难题,活用电影场景构图法

TIPS:绘制时不要纠结和照片有多像,又不是写实!我们主要是提取照片的动态和物体摆放位置。

摆脱插画构图难题,活用电影场景构图法

摆脱插画构图难题,活用电影场景构图法

接着细化线稿。

画线稿时不能想着一步到位,从粗略到细致,需要多次调整修改。对于一位绘画新手来说线稿越细致越好。

摆脱插画构图难题,活用电影场景构图法

摆脱插画构图难题,活用电影场景构图法

接下来就到上色阶段了。

铺色稿用到是水墨勾线笔,上色的时候一定要分好图层,方便后面细节刻画。

摆脱插画构图难题,活用电影场景构图法

上色时注意画面的颜色要和谐,使画面达到一种明确氛围,比如可爱的,温馨的,时尚的,复古的等等。

我们可利用色环达到自己想要的效果。

邻近色可使画面效果和谐,平稳、给人带来视觉上的舒适感。

摆脱插画构图难题,活用电影场景构图法

使用大面积的暖色系邻近色,使画面达到一种温馨复古的感觉。

摆脱插画构图难题,活用电影场景构图法

摆脱插画构图难题,活用电影场景构图法

对比色给人感觉饱满华丽,欢乐活跃,使画面富有变化。

将在色环中吸好的对比色纯度和明度的降低,可以使整体颜色更加的温和。

摆脱插画构图难题,活用电影场景构图法

摆脱插画构图难题,活用电影场景构图法

摆脱插画构图难题,活用电影场景构图法

也可以吸取照片本身的颜色,再将吸取的颜色【Ctrl+U】适当的调节纯度和明度。

摆脱插画构图难题,活用电影场景构图法

摆脱插画构图难题,活用电影场景构图法

摆脱插画构图难题,活用电影场景构图法

摆脱插画构图难题,活用电影场景构图法

接下来就到了我们最重要的细节刻画部分。

这次细节刻画用到的笔刷有粉涂,排线笔,速写铅笔,磨砂刻画笔,干刮肌理,常用肌理。

摆脱插画构图难题,活用电影场景构图法

选择一张色稿进行细节刻画,上肌理的时候要大胆一些,凸显肌理效果。

摆脱插画构图难题,活用电影场景构图法

人物细化

以女生为例,男生画法相同

将所画图层锁定像素或者创建剪贴蒙版,使用【村口粉涂笔刷】由浅到深一层层过渡。

摆脱插画构图难题,活用电影场景构图法

摆脱插画构图难题,活用电影场景构图法

然后用【村口排线笔】画一些斑点,在眼睛周围和鼻子上画一些线条加强面部细节。

摆脱插画构图难题,活用电影场景构图法

再用【村口速写铅笔】勾出轮廓线。

摆脱插画构图难题,活用电影场景构图法

TIPS:面部腮红和皮肤上的肌理可以先吸取皮肤本身的颜色进行调整。

摆脱插画构图难题,活用电影场景构图法

摆脱插画构图难题,活用电影场景构图法

衣服细节使用【村口磨砂刻画笔】画出明暗关系。

摆脱插画构图难题,活用电影场景构图法

再用【速写铅笔】画出一些暗线和亮线。画线的时候要注意暗线画在暗面里,亮线画在亮面里。

摆脱插画构图难题,活用电影场景构图法

然后在衣服上画一些花纹作为装饰。

摆脱插画构图难题,活用电影场景构图法

吸取周围花朵颜色,用【村口粉涂笔】轻扫在花纹上。

摆脱插画构图难题,活用电影场景构图法

最后用【速写铅笔】给衣服勾边并且画一些褶皱。

摆脱插画构图难题,活用电影场景构图法

TIPS:衣服细节的肌理可以先吸取衣服颜色,在四周选择所需要的颜色。

摆脱插画构图难题,活用电影场景构图法

摆脱插画构图难题,活用电影场景构图法

前景细化

用一朵花举例,其他植物画法相同

使用【村口磨砂刻画笔】表现花朵的明暗。

摆脱插画构图难题,活用电影场景构图法

使用【水墨勾线笔】叠加线条和细节。

摆脱插画构图难题,活用电影场景构图法

吸取花朵周围的颜色,使用【常用肌理笔】在花朵边缘刷出肌理。

摆脱插画构图难题,活用电影场景构图法

摆脱插画构图难题,活用电影场景构图法

背景细化

以烛台为例,其他刻画方式一样

用【速写铅笔】画出蜡烛明暗关系。

摆脱插画构图难题,活用电影场景构图法

再加一些明暗线条加强蜡烛的质感。
摆脱插画构图难题,活用电影场景构图法

使用【村口辉光笔】画出蜡烛火苗的光。

摆脱插画构图难题,活用电影场景构图法

最后吸取蜡烛周围的颜色,使用【常用肌理笔】扫出一些肌理。

摆脱插画构图难题,活用电影场景构图法

摆脱插画构图难题,活用电影场景构图法

按照上面的方式,刻画剩下的部分,我们的画面就完成啦。

摆脱插画构图难题,活用电影场景构图法

摆脱插画构图难题,活用电影场景构图法

摆脱插画构图难题,活用电影场景构图法

摆脱插画构图难题,活用电影场景构图法

/ 有惊喜 /

贵莲还是一如往常的贴心,把教程中用到的笔刷打包好了,在【设计达人】公众号私信【插画28】下载吧~

作者 | 贵莲
来源 | 胡晓波工作室(id:ziyou-design)

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }