教程作者:就业衔接班-A31-阿梵达达
教程指导:如如酱w
交作业:#优设每日作业#
首先我们来分析这张风景插画,插画的主体是火车,以及火车周围的物体,所以绘制时,我们将按照5个步骤来进行,分别是1.新建文档->2.创建背景->3.绘制主体->4.添加装饰物->5.导出,现在来一步步详细说明:
打开Adobe Illustrator,点击文件->新建(快捷键Ctrl+N)创建一个新文件,参数设置如下:
2.1 在绘制前,找到AI的图层面板,双击图层名称处,将名称修改为“背景”;选中“背景”图层,使用矩形工具(快捷键M),待鼠标变为十字形后,在画板中间点击一下,输入数值,绘制一个600x320px的矩形,选择渐变面板(快捷键Ctrl+F9)编辑数值,数值如图:
2.2 找到“对齐”面板,将对齐方式设置为“对齐画板”,然后选中刚才绘制的矩形,分别点击“水平居中对齐”和“垂直顶对齐”,将矩形与画板居中对齐(新建的矩形与画板上下左右完全重合,就是已经对齐了),背景中的天空就做好了:
2.3 按照如上方法再创建两个矩形,依次拼接在天空下面,作为湖面和路面,渐变数值如下:
2.4 接下来绘制背景元素,栅栏、太阳以及云朵。首先绘制栅栏区分湖面和路面,使用矩形工具(快捷键M)绘制一个600px*5px的矩形作为上栏杆,然后按住Alt键向下拖动复制出一个同样的矩形,作为下栏杆
然后绘制一个3px*50px的矩形,放在两个矩形的中间右侧,再按住Alt键向左拖动合适的距离复制出一个新矩形,再按Ctrl+D复制出同样的若干矩形,将这些矩形框选按Ctrl+G编组,再框选上下栏杆,居中对齐,栏杆就做好了
再绘制两个矩形作为台阶地面,将以上这些拼接起来,栅栏这部分就做好了,按Crtl+G将这一部分编组,放入画面中湖面和地面的交界处
2.5 接下来绘制太阳,使用椭圆工具(快捷键L),在画板中间点击一下,输入数值,创建一个235px*235px的正圆,然后填充渐变,编辑渐变数值如下:
打开图层面板,将椭圆图层拖动到湖面和天空图层中间,并且将圆的位置也放置在湖面和天空中间,然后水平居中对齐,落日就做好了
落日在湖面上会产生倒影,所以接下来要绘制倒影,选中刚刚绘制的太阳,按Ctrl+C复制,然后按Ctrl+F原位粘贴,再按crtl+shift+]将新图层放置到最上层。新建一个矩形,盖住椭圆的一半,调出路径查找器界面,选中复制的椭圆和矩形,点击减去顶层,这样就生成了湖面上的半圆了。
但是倒影应该是离太阳越近的部分越明显,远处颜色变浅,所以倒影的渐变还需要调整一下,并且新建几个圆角矩形,同样使用减去顶层的方式模拟出湖面的水波纹,最后因为湖面与太阳有一定的角度,将倒影的半椭圆压扁,体现出透视,这样太阳部分就做好了。
2.6 选择钢笔工具(快捷键 P),按照下图所示勾勒出一个云朵,填充色#fff3e4,然后按住Alt键拖动复制几个云朵,通过放大缩小、旋转、对称,将它们放在合适的位置,再使用椭圆工具绘制出一些点缀,最后选择所有的云朵按ctrl+G编组,这样云朵就做好了。
同太阳,云朵也需要绘制湖面的倒影,选中云朵组右键点击对称,选择水平翻转复制出另一个云朵组,放到湖面上,同理太阳把倒影云朵组压扁,然后选中倒影云朵组,打开外观界面调整不透明度至25%,整个画面的背景就做好啦
3.1 接下来就可以绘制主体物火车了,首先搜索火车的图片观察火车的形状,车厢整体大致是一个长方形的形状,一般在上面有个明显颜色区分的盖子,下面的车身会有其他颜色的涂装,中间是一排排车窗,车头有驾驶员的位置,驾驶员和乘客区中间会有一扇门,按照这个思路先绘制火车盖子,新建一个图层重新命名为“火车”,再新建一个700px*45px的矩形,填充渐变色,使用直接选择工具(快捷键A)更改圆角部分。
3.2 接下来绘制火车车身,创建一个720px*175px的矩形,填充色为#e2cfb,使用直接选择工具(A)挪动右上角的锚点,将右下角改为圆角
新建一个720px*80px的矩形作为涂装,填充渐变,按ctrl+[ 放在车身底层,选中车身和涂装,右键建立剪贴蒙版
同理绘制出另一条
3.3 运用上面的知识,如图绘制其他部分
3.4 将所绘制的各个部分拼贴
3.5 再绘制下面的轮子部分,放在火车下面,火车就画好了。按ctrl+G编组,放在画面中合适的位置
3.6 最后画上铁轨和火车的倒影
4.1 新建一个图层,命名为“铁路灯”,用矩形、椭圆工具,以及剪切蒙版的方式拼接而成铁路灯
4.2 新建一个图层,命名为“电线杆”,用矩形和钢笔绘制出电线杆
4.3 用钢笔勾勒出鸽子形状,并且复制出几个大小方向不同的鸽子在电线上
4.4 最后画出前景的植物
5.1 最后,我们来导出图片。在菜单栏->文件->导出中选择“导出为”,将图片导出成jpg格式
来源:https://uiiiuiii.com/illustrator/1212334130.html
图文来源于网络,如有侵权请联系删除。