教程作者:软件基础营49期-B31-欣哥
交作业:#优设每日作业#
这是一幅扁平风格的风车景观插画。插画主要由风车建筑、小桥、河流、天空和树木等物体组成。绘制步骤主要包括1.草稿->2.绘制并填色->3.添加细节->4.调整并导出。接下来是详细步骤。
画好草稿,那整个插画就成功一半了。草稿画得越详细,后面的绘制越简单。草稿可以直接用纸笔画,也可以用手绘板或其他的绘制工具画,根据自己的实际情况来。草稿并不是凭空想象,而是基于一些摄影作品或者自己拍摄的照片。比如我这次是以风车为主题进行绘制,那就搜索一些关于风车的照片来参考。不一定要和找的参考图画的一模一样,可以有自己的想法。下图是我找的参考图和画的草稿啦。
草稿画完之后,就可以用AI开始绘制啦。
注意:原创过程中,用AI绘制之后可以先用黑白灰调上色,这样可以处理好场景中的明暗和光影关系,再确定色调统一上色。如下图示例:
因考虑到教程篇幅的原因,这里不做阐述。
2.1新建文档
打开adobe illustrator,选择文件-新建,创建一个800px*600px的画板。参数如下:
2.2 主体绘制
因为AI对图层的要求没有PS高,所以可以直接在新建的画板上画。绘制前首先确定在菜单栏->视图选项中打开智能参考线,并关闭了三个对齐效果(对齐效果会对图形绘制产生影响)。另外需要注意:工具栏中没有显示的其他工具,如图层、渐变、路径查找器等,都可以在菜单栏-窗口下拉列表中找到,选中即可。
2.2.1绘制背景
双击图层,更改图层名称为背景。
使用矩形工具绘制一个宽800px、高360px的矩形,使用渐变工具填充渐变色,参数如下图。
接着再使用矩形工具绘制一个宽800px、高240px的矩形,填充渐变色,参数如下。
这样背景色就设置好了。将背景图层前面的小锁点开,锁定图层。
2.2.2绘制风车
新建一个图层,在新的图层上绘制风车。
风车绘制分为三步:建筑主体轮廓->窗户和门->风车叶片
主要使用工具栏中矩形工具、椭圆工具、多边形工具,结合路径查找器、形状生成器工具来进行绘制。
首先绘制建筑主体轮廓。
绘制顶篷。
(1)使用多边形工具绘制形状时,不松开鼠标点击键盘“↓”键可减少多边形边数,这样可以绘制出三角形。用直接选择工具(快捷键A)选择顶部的角,调整为4px的圆角。使用路径查找器时,要用选择工具(快捷键V)同时选中两个形状进行操作。
(2)选中小矩形,按住alt键可以复制一个,往下移动2px,然后按CTRL+D,重复之前的步骤6次,选中所有图形,点击形状生成器工具,按住alt键,等黑色箭头右下角出现“-”减号时,点击三角形外多余部分删除,得到条形纹理(条形纹理可能因为位置不同而数量不同,大家可以自己确定数量)。
(3)弧形纹理是用钢笔工具在竖着的矩形两条边上各添加一个锚点,并且用直接选择工具分别选择这两个锚点往左移6px,再将这个锚点拉圆角到最大,这样绘制而成。选中这条纹理,点击鼠标右键-变换-镜像-垂直-复制,这样就画出另外一条弧形纹理,然后将它放到对称的位置,
(4)填色,然后选中所有形状CTRL+G编组。
接着绘制建筑主体。
绘制好这些形状之后,填色。然后选中形状,右键-排列调整图层顺序并编组。
这样风车建筑外轮廓就绘制完成了。
接下来我们绘制窗户。
注意:窗户添加了描边。
这样左边的窗户就画好了,右边的窗户同理,不再赘述。
再接着我们绘制门的结构。
先绘制门顶部的玻璃窗结构。如下:
再绘制门框中间结构并填色。
将玻璃窗和门框合并在一起,并将外框复制一个,填充#05114a,作为门的厚度,这样门看起来就有立体感了。
门的结构绘制完成之后,整体编组,放置在主体内合适位置。
最后绘制风车叶片。
叶片主要也是一些基本形状构成,其中网格和布面的结构稍微复杂一点点。
修改高度和水平分隔线的数量可以绘制出另外两个网格。将三层网格对齐后编组、填色:填充无,描边为#071954,1pt。
钢笔锚点工具,按alt键可分别调整两端控杆方向。
其余形状参数:
将长杆矩形1和网格、布面结构编组(CTRL+G),然后点击旋转工具,按ALT键,用鼠标点中圆心,弹出旋转窗口,角度改为90,点击复制。这样绘制出另外一片叶片。然后按CTRL+D两次,可将全部叶片绘制完成,最后编组。
同样的方法可以绘制出叶片厚度的结构。叶片厚度参数如下:
长杆矩形2:宽4px、高170px,#071954
圆2内:宽高18px,#91250a
圆2外:宽高20px,#611f23
厚度结构绘制完成之后,将叶片所有结构调整到合适位置,然后编组。
放置到顶篷弧形纹理中间,将叶片调整一定角度。这样整个风车建筑全部完成啦,
放到合适位置。
2.2.3绘制小房子
小房子的结构比较简单,方法和绘制风车相同,顶角矩形和屋顶矩形联集后填充渐变色。
参数:
顶角矩形1:宽2px、高4px
侧边三角形:宽3px、高38px,#05114a
纹理矩形2:宽90px、高1px,#05114a
屋顶矩形3:宽90px、高32px
屋顶厚度矩形4:宽90px、高2px,#05114a
窗户小矩形:宽高4px,#66b1e3、描边1b1464、0.5pt
墙矩形6:宽86px、高14px,#9fc1cc
侧面墙矩形7:宽2px、高15px,#82aebd
这样整个建筑部分就绘制完成。将小房子放置在风车左侧靠后一点的位置。
2.2.4绘制草地
草地使用钢笔工具勾勒形状。
绘制时,按住鼠标左键不松手,并上下或左右拖动,会出现控杆,调整控杆可以调整线条的弧度;
按住ctrl键可以移动锚点;
调整控杆时,按住alt键,可以只调整一边的控杆
填充颜色#659c76。选中草地形状,按住alt键复制一份,作为草地到河流的延申,用钢笔工具对延申部分稍微做一点调整,填充#4e825e。左边的草地绘制完成。
右边的草地同理。
这样草地就绘制完成了。
2.2.5绘制小桥
整个桥梁的结构都是由大小不一的矩形构成,分为桥面、护栏和桥墩。
使用钢笔工具在桥面和桥面厚度两个矩形中间分别添加两个锚点,然后往下拉3px,再调整一定弧度,给桥面绘制出一点弯曲的效果。
桥墩横梁倾斜角度:右键-变换-倾斜-垂直,角度选择-5°。
在排布栏杆的时候需要注意的是,桥墩上方的栏杆要稍微密集一点。桥面两侧的栏杆要调整图层顺序,视觉上远一些的栏杆放置在护栏下一层。因为桥面有些弯曲,所以栏杆的高度需要适时调整一些。
放在风车建筑前面,横跨两块草地,调整图层位置。
2.2.6绘制山峰
同样使用钢笔工具勾勒形状并填充渐变色。
2.2.7绘制云层和云朵
用椭圆工具绘制一些不同大小的白色的圆,然后用钢笔工具连接每个圆,最后选中所有形状,用路径查找器-联集,就可以得到云朵的形状,调整不透明度为30%。
使用同样的方法可以绘制出另外的云层和云朵。
细节包括近景的花草、中景的树和草丛以及远景的小鸟,除此之外还有倒影和水波。
3.1绘制花草
用同样的方法可以绘制出其他的叶子。
1、叶片:#21453e,叶脉:#006355
2、叶片:上#2b5f69,下#2d5359,叶脉:#1b453d
3、叶片:#007565,叶脉:#2d635b
4、叶片:#006355,叶脉:#007565
5、叶片:#2d575e,叶脉:#286e64
6、叶片:#1e453e,叶脉:#006355
7、枝:#3b2d21,果:#c72f2f
8、叶片:#2b663b
9、叶片:#4c6321
3.2绘制大树和草丛
大树的树干使用钢笔工具勾勒,树纹使用椭圆工具绘制的椭圆变形而来,树冠的绘制方法和叶片相同:先用椭圆工具绘制一个椭圆,然后用钢笔工具勾勒一些不规则的形状,最后使用形状生成器。漂浮在水面上的落叶同理。
草丛的绘制原理和云层相同。
草地的纹理使用钢笔工具勾勒再填色就好啦。
3.3绘制小鸟
同样使用钢笔工具勾勒小鸟的轮廓,然后填色:#051b3b
在画面的右上角多画几只小鸟,稍微变换一下角度,近大远小,越远越低。
3.4倒影
主要是风车建筑、岸边的山峰、大树的倒影。选中这些,然后右键-变换-镜像-水平-复制。由近到远调整不透明度为20%-10%。以大树为例。
注意:小桥横跨河流,和其他的倒影不一样,需要在镜像复制之后进行调整,大家可以自己试试。
3.5水波
水波同样也是用钢笔工具进行勾勒,细长一些,填充#ffffff白色,调整不透明度20%就好啦。
这样全部细节就绘制完成了。
步骤四:调整并导出
将绘制完成的所有结构调整好位置,确保整个插画的整体效果。然后点击菜单栏:文件-导出-导出为,将图片选择PNG模式就行了。
想要来「优优交流群」和其他小伙伴一起学习分享吗?搜索 QQ 群:1078133504 进群暗号:优优的忠实观众
非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。
转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
发表评论 已发布 1 条