原图作者:
教程作者:软件基础营44期-B24-七海
教程指导:包大有趣
交作业:#优设每日作业#
关于教程
这幅插画主要用到钢笔工具和渐变颜色的添加。
插画由风车磨坊、天空、远山、树木等物体组成,以下为操作详细步骤。
你也想做出这么漂亮的插画吗?戳链接让包大手把手教你→ 点我学习制作AI插画
想要来「优优交流群」和其他小伙伴一起学习分享吗?搜索 QQ 群:282706954 进群暗号:优优的忠实观众
教程步骤
步骤一、新建文档
1.0 打开Adobe Illustrator,点击文件->新建(快捷键Ctrl+N)创建一个新文件,参数设置如下:
步骤二、绘制插画
2.1 使用矩形工具新建一个宽度69mm,高度49mm的矩形为磨坊主体,并将颜色填充选为渐变。 2.2按ctrl+F9调出渐变面板,渐变颜色及位置依次设置为#ffa569位置:0%,#6a117d 位置:43%,#1e0652 位置:100%。并将渐变条上的滑块移动到合适的位置:
2.2 按ctrl+F9调出渐变面板,渐变颜色及位置依次设置为#ffa569位置:0%,#6a117d 位置:43%,#1e0652 位置:100%。并将渐变条上的滑块移动到合适的位置:
2.3 接下来长按矩形工具选择多边形工具,调节上下方向键按住shift键绘制一个三角形,按ctrl+F8设置 宽:71mm,高28mm,并将三角形渐变设置为:#e0451b位置:0%,#2f044a,位置:100%
2.4 在三角形上做出屋顶的纹理,先画两条直线,宽度分别为:8.6mm和63.5mm,高度为0mm,在工具栏把描边设置为1pt,或者按ctrl+F10调出描边面板进行设置,把描边颜色设置为#2e004c。在工具栏把对齐方式选为“对其所选对象”,把两条线一起选中,选择水平居中对齐,或者按shift+F7调出对齐面板进行操作。
2.5 选中两条直线,菜单栏点击:对象—混合—混合选项,间距设置为“指定的步数”,把步数设置为“7”,点击确定,按ctrl+alt+B,做出屋顶纹理:
2.6 把屋顶纹理放在合适的位置上,和矩形主体一起选中,做水平居中对齐:
2.7 接下来用矩形工具和钢笔工具绘制屋顶的窗户、屋檐下的阴影及其他装饰,圆弧状窗户的画法:先绘制一个矩形,然后用直接选择工具(快捷键A)选择上方的两的点,把圆角拉到最大,最后把绘制好的图形放在主体上合适的位置:
2.8 用钢笔工具、直线段工具结合形状生成器工具(快捷键shift+M)绘制风车扇叶和阴影部分,注意透视关系。扇叶绘制时先画两条直线,描边设置为0.6pt,然后打开混合选项,把混合步数设置为8,建立混合
2.9 接下来绘制扇叶阴影,第一部分印在窗户上的阴影:先用直线工具绘制出三段两端为圆角的线段,并与一个钢笔勾出的形状组合,在不透明度里设置混合模式为正片叠底;第二部分:用形状和钢笔绘制,注意渐变的不透明度和混合模式:
步骤三
3.0 创建一个高187mm,宽323mm的矩形作为天空背景:
3.1 用钢笔工具勾画出云彩,注意调节不透明度:
步骤四
4.0 接下来是地面的绘制,分为以下几个部分:草地(前、后) 、湖面、磨坊前的栅栏、树丛,磨坊后的树、山,我们先用钢笔工具绘制栅栏,建立一个宽0.7mm,高1.8mm的矩形,做好渐变后,复制5个,放置于磨坊前:
4.1 然后用钢笔工具进行草地和湖面的绘制:
4.2 现在开始用钢笔工具绘制草丛:
4.3 然后用钢笔工具绘制磨坊后的树:
4.4 用钢笔结合形状生成器工具进行山的绘制:
步骤五
5.0 用钢笔工具绘制老鹰和马:
步骤六
6.0 接下来选中整个画面,左侧黄色草地除外(之后在ps里单独制作)整体做颗粒感:效果—纹理—颗粒
步骤七
7.0 给画面上半部分叠加一层滤镜使画面看起来更加柔和,创建一个宽324mm,高157mm的矩形,填充颜色为#fff6d7,透明度为12%,并添加模糊效果,使边缘过渡更加自然:效果—模糊—高斯模糊
步骤八
8.0 最后导出画板:
步骤九
9.0 把导出的图片用PS打开,制作磨坊和草地等的颗粒质感,模拟黄昏太阳照射到物体后闪闪发光的感觉。颗粒质感是用PS里的混合模式—溶解,做出来的。使用溶解模式时需要注意,对象必须具有半透明或者羽化的区域,溶解的程度取决于羽化或半透明的区域范围。只有图层出现半透明像素,该模式才可以使用,这里可以根据画面需要改变不透明度的数值,数值越大颗粒越密集,反之,则越稀疏。
9.1 新建空白图层,用选区工具或钢笔工具勾出需要做颗粒的地方,选区画大体范围就可以,之后可以添加蒙版用黑色画笔擦去不需要的地方,填充的颜色分别为以下:
最终效果
你也想做出这么漂亮的插画吗?戳链接让包大老师手把手教你→点我学习制作AI插画
【优优教程网 365 打卡计划】
#优设每日作业# @优优教程网
学完这篇教程的人还在学…
>> AI+PS教程!教你绘制扁平风格噪点质感风景插画
>> AI教程!扁平清新的森林小插画
来源:https://uiiiuiii.com/illustrator/1212223956.html
图文来源于网络,如有侵权请联系删除。