AI教程绘制风车插画

本期AI教程将教大家如何使用 Adobe Illustrator 绘制风车插画 - 只需10个步骤！简单了解学习 Adobe Illustrator中的基本形状，钢笔工具，自由变换工具和一些常用的快捷键。一起开始吧！

  • 程序：Adobe Illustrator CS6 – CC
  • 难度：中级
  • 涵盖的主题：形状构建，描边面板，自由变换工具（E）
  • 预计完成时间： 10分钟
       

效果图

Tutorial Step:1

绘制房子的基础图形，先使用矩形工具（M）绘制一个120×140PX的白色矩形，作为风车房子的基础图形。但是我们的房子是一个梯形现在只是长方形，所以我们要使用自由变换工具（E）选中图形顶部的顶点向中间移动，记住移动的数值，为了图形美观我们要确保两边变换数值一致，然后我们的梯形就完成了。

       

图1:绘制房子基本图形

Tutorial Step:2

绘制风车的房顶，我们只需要在梯形顶部上绘制一个三角形就ojbk了，可以直接用多边形工具或者钢笔工具（P）绘制一个三角形，然后将三角形填充改成白色即可。

       

图2:绘制房子屋顶

Tutorial Step:3

我们需要给房子加点装饰，使用圆角矩形工具绘制一个110×10像素的棕色: #865B65 圆角矩形，添加5PX的圆角半径。

房子还缺少一个门，我们使用矩形工具（M）绘制一个40×50像素的长方形填充: #865B65。再使用直接选择工具（A）选择它的两个顶点，摁住鼠标下移，实现圆角效果，或直接给顶部两个定点添加20PX的圆角半径，房子的门就绘制好了。

最后，在门的顶部绘制一个棕色: #865B65 圆角矩形，直接复制刚刚做好的也行拖长一点即可。

为了确保图形的规范性我们把它们都居中对齐，选择所有图形，然后单击“ 对齐面板 ”中的“ 水平对齐中心 ” （窗口-对齐）。

       

图3:绘制房子

Tutorial Step:4

使用选择工具（V）选择门，按住Alt Shift并向上拖动，此时你会神奇的发现居然复制了一个一模一样的门。( 问：为什么要按住Shift移动？，答：帮助手残党实现直线移动，确保图形更加美观规范 )

选中刚刚复制的门，转到对象>路径>偏移路径。将“ 偏移”值设置为-5 px，然后单击“ 确定”。此时会神奇多出了一个门，给它填充一个深棕色: #7a525b即可。

       

图4:绘制窗户

Tutorial Step:5

房子是钢筋加砖头加水泥建起来的，竟然是建房子所以我们要回归初心，给它做点砖头点缀一下。

制作一个25×10像素的浅灰色: #f4f5fa 圆角矩形，添加5PX的圆角半径，然后根据你的喜好随意放置，可以有点个性，把其中一些砖块穿过房子的边缘。然后使用形状生成工具（Shift M），按住Alt剪去超出的部分，我们的砖头装饰就完成了。

       

图5:绘制砖头

Tutorial Step:6

到了上色的环节，我们给屋顶填充一个棕色: #7a525b 即可。再使用直线段工具（\）绘制一个十字架给它5PT描边，填充浅棕色: #865b65 放在屋顶下方的门上，我们的窗户就完成了。

       

图6:添加房子细节

Tutorial Step:7

使用矩形工具（M）绘制30×130像素的矩形，再给它加5PT的描边，来制作风车的风叶。

给矩形填充深橙色: #f3924b ，描边填充为浅橙色: #fda34b。然后打开“ 描边面板 ”将描边对齐改成“ 内部描边 ”。

然后使用直线段工具（\）在矩形中间绘制一条直线，把填充去掉再把描边改成5PT，使用“ 对齐”面板把他们都水平居中对齐。

       

图7:绘制风叶

Tutorial Step:8

再次使用直线段工具（\）画一条横线，使用选择工具（V）选择它，按住Alt Shift并向下拖动快速复制，然后按快捷键Ctrl D重复上一步操作即可。

       

图8:绘制风叶细节

Tutorial Step:9

一个完整的风叶做好了，然后全选它组成编组（Ctrl G），然后鼠标右键变换-对称-水平-复制。

得到一个一模一样的风叶，然后按住Shift键向下拖动。在两个风叶相交的点处创建一个20×20像素的圆。

       

图9:复制风叶

Tutorial Step:10

在选中刚刚做好的的两个风叶，并复制它们（Ctrl C复制Ctrl F粘贴）。然后鼠标右键-变换-旋转-90°，然后将这四个风叶连接对齐到一起，然后鼠标右键-变换-旋转-45°，我们的插画就绘制好了，可以使用圆角矩形工具适当的加点云彩点缀一下。

       

图10:绘制完成

恭喜老铁喜提插画一张！

我已经完成了，你开始制作了吗？通过这个简单的教程，相信你已经学会了基础工具的绘制和基础功能。百看不如一练，如果你也完成了在评论区交作业吧！

       

效果图

源文件下载点击【了解更多】

赞 (0)

相关推荐

  • AI插画教程（怎样用ai做出手绘插画）

    AI插画教程（怎样用ai做出手绘插画）

    Ai绘画要怎么弄才能画出好看的作品?今天小编给大家分享三种画作生成的方式,分别是高清景物.卡通人物.以及二次元,相信总有一种是适合你的.#数画ai绘画#第一种,高清景物之绿色小屋生成方法,我们先打开数 ...

  • 怎样用ai做简单图标（ai能画插画图标吗）

    怎样用ai做简单图标（ai能画插画图标吗）

    本期教程绘制一组插画图标,加深AI的运用技巧,废话不多说,让我们开始吧!PART1:首先是展示效果图PART2:在开始教程前先把AI设置一下步骤一:编辑-首选项-常规(快捷键Ctrl k).注:使用版 ...

  • 如何用AI绘制插画?

    如何用AI绘制插画?

    给大家讲解一下这张图的绘制过程.1.在 ai 中画草坪 - 前景钢笔工具就可以喽!2.画陆地3.画树,这里都是不规则图形,所以按照自己的心意来就好4.中景 树.石头5.画桥,这里可以先画矩形,随后用半 ...

  • ai零基础入门教程（ai平面设计基本教程）

    ai零基础入门教程（ai平面设计基本教程）

    效果图Ai是一款很强大的软件,在平面设计中,我觉得是仅此于Ps的,所以平面设计师最基本的软件要求,要会Ps和Ai这两个.教程1.首先打开我们的Ai2.新家一个60*90cm,72分辨率,RGB模式的画 ...

  • ai钢笔工具使用技巧（ai怎么用钢笔工具绘制路径）

    ai钢笔工具使用技巧（ai怎么用钢笔工具绘制路径）

    从今天的AI基础教程开始,我们来介绍Illustrator中的钢笔工具组.在介绍之前,我们先来了解一下Illustrator中的"路径".矢量绘图中,我们称点为"锚点&q ...

  • ai怎么把做的视频内容合并起来（ai视频合成技术教程）

    ai怎么把做的视频内容合并起来（ai视频合成技术教程）

    最近有很多人在问,怎么随机生成多个视频最快,其实你离成为剪辑达人就只差一个剪辑方法,今天小编就给大家分享一个新的技巧,下面就以快速智能合并,随机生成多个新视频为例,一起来学习一下.所需工具安装一个媒体 ...

  • ps画的插画怎么变成矢量图（怎么用ps把图片变成矢量图）

    ps画的插画怎么变成矢量图（怎么用ps把图片变成矢量图）

    终于等到你了,我是爱踢汪.本教程主要使用Photoshop把人像照片转成矢量插画效果图,过程:先截取想要的人像部分,用钢笔工具等把人物轮廓.五官.主要暗部抠出并填色,主色尽量用对比较强的颜色:然后增加 ...

  • 怎么用ai做水彩晕染（怎么用ai画出水彩效果）

    怎么用ai做水彩晕染（怎么用ai画出水彩效果）

    今天的AI基础教程,我们继续来讲解Illustrator"艺术效果"效果组中的效果.今天,我们要讲的是"艺术效果"效果组中的第七个效果:"水彩&quo ...

  • 网店装修设计教程 淘宝网店装修技巧

    网店装修设计教程 淘宝网店装修技巧

    网店的店铺装修与实体店的装修是一个意思,都是让店铺变的更美,更吸引人.甚至对于网店来讲,一个好的店铺设计更为至关重要,因为咱们的客户只能从网上的文字和图片来了解我们,了解产品,所以做得好能增加用户的信 ...