通过摄影作品来绘制插画,可以学到摄影作品中传达出的视觉技巧。今天就来分享Ai通过摄影作品绘制插画的过程,这是一个比较好的学习方法,大家可以尝试一下!
效果图:

原图:

1、由于是摄影作品,所以先从颜色、构图、光影关系来观察作品。
颜色:橙色和蓝色搭配。
构图:两分,斜向上的建筑体。
光影关系:光线照射的位置和阴影处的分界明显。

2、在绘制前先确定要画对象的透视参考线。打开AI,新建文档开始绘制。

由于建筑是基于立体空间的存在对象,因此透视的法则在绘制过程中需要全方位的考虑。观察原图就会找到基于立体的三维轴线(在这里,我们用X,Y,Z轴来表达),画面当中的元素可以由这些轴线绘制。
2、绘制外边框,边框线的粗细为0.25pt。然后使用直线工具将轴线画出来,点击画出的直线,鼠标右键点击建立参考线。

3、采用线框绘制建筑轮廓,线框的粗细为0.25pt。
这时要灵活运用透视参考线,根据照片中XYZ轴提供的方向参考,建立起透视原则。

5、绘制细节,先绘制最左边的建筑窗户。由于窗户表现出的不是一个完整的矩形,而是光线照射过来出现的窗户的阴影部分,所以要使用暗色描绘,绘制过程中要根据参考线绘制。

其中一个窗户先绘制矩形,再复制矩形,矩形间交叠的形状作为窗户。然后复制窗户并排列。

6、绘制最左边建筑下半部分的小屋檐,可以创建倾斜的平行四边形来绘制。

使用渐变色给屋子添加投影。


7、左边第二个建筑体,先绘制窗户(步骤5),然后将三个窗户垂直排放在第二个建筑体上。

8、第二个建筑体前方有突出的建筑体,这个建筑体的正前方已经画出来了,这时只需绘制细节。

9、给这个建筑体侧面绘制窗户。

窗户完成后,绘制窗台,窗台是伸出来的,空间感有点复杂。

10、放置两个窗户在侧面,为建筑体增加一个投影,投影的填色方式为渐变填色。

11、绘制第三个建筑,重点绘制窗户部分。

增加向上的细节,绘制方法同步骤5。运用矩形绘制窗户,其他形状使用钢笔工具绘制。


12、绘制这个建筑体的右侧细节,同步骤9。


13、给右边侧面墙体增加一道阳光。先绘制一个形状在侧面墙体上,并填充渐变色(两端颜色一致,一端透明度为0)。

14、调整细节、颜色、形状等,插画绘制完成。
