插画教程!教你绘制城市日出景观插画

关于教程

本次教程内容是来自Kit8的作品,我非常欣赏他对光影的设计和层次关系的处理。这幅插画的临摹在技法上没有难点,主要使用了矩形工具+选择工具+直接选择工具。临摹这幅作品主要是对它的观察与分析,学习作者的一些制作思路和表现方法。值得一提的是,作者用四种颜色的房子使画面具有空间感,房子的高低和疏密处理使画面具有节奏感,房子的分布使画面充实而统一。 通过本次教程我们将了解如何构造画面的空间感。大家在临摹的时候要注意观察和分析,同时也十分需要细心和耐心。

操作步骤

步骤01

首先绘制一个太阳。用椭圆工具画出一个圆,再用钢笔工具在圆上添加锚点,调节锚点位置和锚点杠杆,使其形状如中间图。用钢笔工身勾出三朵云。

插画教程!教你绘制城市日出景观插画 教程 第1张

插画教程!教你绘制城市日出景观插画 教程 第2张

在【太阳】下新建一层【背景】层,用矩形工具和钢笔工具绘制出天空背景。天空的渐变效果用两种色相的色块刻画,并且色块相互穿插,使面面更统一。

插画教程!教你绘制城市日出景观插画 教程 第3张

插画教程!教你绘制城市日出景观插画 教程 第4张

注:色标在图中对应的颜色由上而下一次排列。

步骤02

在【太阳】上新建一层【一排建筑】,用矩形工具绘制出房子,用直接选择工具选择并拖动锚点制作斜度。

这排建筑是离我们最近,离太阳最远的建筑,作者用剪影的方式表现,颜色也是所有建筑中最深的。

插画教程!教你绘制城市日出景观插画 教程 第5张

插画教程!教你绘制城市日出景观插画 教程 第6张

在【一排建筑】下新建一层【二排建筑】,同样用矩形工具和直接选择工具绘制。

这排建筑不是主体,数量较少,颜色比一排建筑浅些;从视觉上拉开了与一排建筑的距离。

插画教程!教你绘制城市日出景观插画 教程 第7张

插画教程!教你绘制城市日出景观插画 教程 第8张

在【二排建筑】下新建一层【三排建筑】,同样的方法制作。三排建筑和一排建筑都是主体,为了使两排建筑形成较大的对比,三排建筑的颜色比一排建筑的亮了许多。

插画教程!教你绘制城市日出景观插画 教程 第9张

插画教程!教你绘制城市日出景观插画 教程 第10张

步骤03

在【三排建筑】上新建一层【三排建筑光影】,绘制房子上的阳光和窗户。

均匀分布的窗户可以先绘制出一一个,按住Alt不动,用鼠标(选择工具)把已绘制出的窗户向上(下/左/右)拖动复制一个,再连续按Ctrl+D重复上

一步骤复制多个。

一面墙的窗户和建筑外轮廓平行时,可以把所有窗户绘制成矩形,然后对建筑外轮廓进行偏移路径处理,再把偏移后的形状置于和窗户同图层的

顶层,选中所有窗户和顶层,右键创建剪贴蒙板,就不需要手动处理每个窗户的斜度了。

还有就是要留意光影的角度,不同方向的面光影的角度不同。这点是区分不同方向的面、塑造立体感的重点。

插画教程!教你绘制城市日出景观插画 教程 第11张

插画教程!教你绘制城市日出景观插画 教程 第12张

插画教程!教你绘制城市日出景观插画 教程 第13张

同样,在【二排建筑】上新建一层【二排建筑光影】(绿色框框中),制作方法同上。

插画教程!教你绘制城市日出景观插画 教程 第14张

插画教程!教你绘制城市日出景观插画 教程 第15张

同样,在【一排建筑】上新建一层【一排建筑光影】,制作方法同上。

这一层的窗户多,颜色亮度并不完全一样,可以通过调节不透明度来改变亮度。这排建筑的窗户大多用蓝色,与背景和三排建筑的黄橙色形成对比

更吸引眼球。同时,注意观察和学习如何用光影关系来表现建筑。

插画教程!教你绘制城市日出景观插画 教程 第16张

插画教程!教你绘制城市日出景观插画 教程 第17张

步骤04

最后,在最上新建一层【天桥】层,用钢笔工具勾勒出天桥的形状,填充下面空出的部分,使画面更完整。天桥的一端仿佛冲出了画面,在画面中起到了把我们的视线引向画面主体的作用。

插画教程!教你绘制城市日出景观插画 教程 第18张

插画教程!教你绘制城市日出景观插画 教程 第19张

分享

内容投诉

人已赞赏
教程

插画教程!简洁好看的厨房小插画

2019-10-21 8:00:00

教程

插画教程!教你画噪点留声机插画

2019-10-29 8:00:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索