注意：这期会讲到线条动画的制作方法哦！还有免费的图标赠送…

好了，下面就开始今天的教程吧！

1、如何制作U型弯曲水岸

第一步

在AI里新建一个1670*1228px的画布

并且新建一个画布大小的矩形作为背景

填充颜色＃00284C

第二步

弯曲水岸主要是由外凸圆角矩形和内凹圆角矩形组成

水岸主要分成四层

上下两层的矩形高度一样

中间两层的矩形高度不同

第一层：使用矩形工具新建一个914*107px的矩形

并且把圆角调为最大

第二层：新建两个高度分别为79px、102px的矩形

调整圆角后使用直接选择工具选择矩形左侧的锚点

向右移动合适的距离

这样就制作出内凹的圆角矩形了

第三层：新建两个高度分别为131px、106px的矩形

第四层：新建一个444＊40px的矩形

使用上面的方法制作出内凹的圆角矩形

最后把这些圆角矩形拼合在一起

第三步

首先把中间空出来的地方用矩形盖住

然后使用路径查找器把所有形状合并

再给新合并的形状去除填充色添加3pt的描边

使用剪刀工具：C断开形状最下面的线段

配合钢笔工具：P延长下方的线

（钢笔工具先点击锚点再延长才是闭合的线哦！）

最后调整描边的颜色＃51B6B7

并且调整描边为圆头端点

第四步

下面是制作弯曲水岸的内侧边

内侧边有两个特点

一是各个位置距离外侧边的长度相等

二是不规则虚线

制作方法：

把上面的曲线描边值调为26pt

然后选择对象>扩展

最后调整描边值为3pt

并且使用剪刀工具：C断开这个线段

这样就制作出一条距离相同的线段了

然后是调整内侧边的曲线属性

虚线：66、间隙：8、虚线：55

2、如何绘制房屋

第一步

绘制房屋从地基开始

新建一个182*19px的矩形

放在弯曲水岸的上方中间位置

然后使用直线轨迹：

新建一条长183px，倾斜265度的斜线

在斜线上右击选择变换>对称>复制

把两条斜线作为屋子的墙壁

第二步

下面是绘制每层的楼板

这个比较简单

使用直线工具： 在墙壁之间绘制直线

Ai会自动对齐到墙壁的路径上面

每三条一组

最上面一层是两条一组

它们之间的距离分别为：32px、69px、38px

第三步

这一步是绘制门、窗户和屋顶

新建一个37*60px的矩形

然后复制一个缩放一下

把两个矩形底对齐

并且调整圆角（cc版调整圆角很方便哦！）

放在一层楼板的中间位置

窗户是由一个矩形：22*28px

和两条直线组成

然后放在门两侧的中间位置

顶层的窗户是一个矩形：15*25px

和一条直线

新建一条长109px，倾斜225度的斜线

使用制作墙壁的方法复制一条出来

放在最上方

这样屋顶就制作出来了

第四步

下面是绘制左侧的小房间

方法与大房的绘制方法基本相同

首先新建一个128*11px的地基

然后新建一条高50px的墙壁

窗户的大小是15*20px

屋顶的绘制方法是

新建一个151*59px的矩形

右下角对齐到大屋的墙壁

使用自由变换工具：E使矩形变换为平行四边形

然后使用剪刀工具：C切断多余的部分

瓦片的制作是使用直线工具：

画一条长46px，倾斜239度（角度要和屋顶平行）

然后复制出6条

使用对齐工具水平分布一下

再新建一条长200px，倾斜18度的斜线放在合适的位置

使用形状生成器工具：Shift＋M 配合Alt键

减去多余的线条

这样就制作出瓦片的效果了

3、如何绘制栅栏

第一步

新建一个133*16px的矩形

使用剪刀工具减去多余的部分

新建一个7*36px点矩形

在矩形的上边中间使用钢笔工具添加一个锚点

然后使用直接选择工具：A

选中左右两个角点向下拖动

这样就制作出栅栏的木板了

4、如何制作风车

第一步

风车的制作首先做出旋转轴心

轴心是由两个直径分别为18px、9px同心圆构成

扇叶的制作也很简单

制作出一个扇叶之后

把扇叶放在旋转轴上

以旋转轴的圆心为中心

先按快捷键：R

然后按住Alt＋鼠标左键确定旋转中心

旋转90度点击复制

然后按快捷键：Shift＋D

就可以得到其余的扇叶了

不过风车的描边颜色是＃EF5AA1

新建一个29*141px的矩形

然后使用直线工具绘制一条141px的竖线

6条29px的横线

有两条横线对齐矩形的上下边

是为了平均分布横线

最后是扇叶的支撑轴

是一个6*10px点矩形

第二步

下面是制作风车的旋转轨迹

原位置复制一个旋转轴里面的圆

放大到合适的位置使用剪刀工具剪出想要的效果就可以

这里讲一个小技巧

就是制作圆点描边的制作方法

就是把描边的虚线值调为0就可以是圆点描边了

最后把整个风车旋转45度

并且放到第三层楼板中间的位置就可以了

5、如何制作波浪线

第一步

波浪线的制作在Ai里有一个简便的功能

就是效果>扭曲和变换 >波纹效果

首先使用直线工具新建一条393px的直线

然后选择效果>扭曲和变换 >波纹效果

在弹出的窗口中设置

大小：6px

隆起数：13

点：平滑

剩余两条波浪线通过复制和使用剪刀工具制作出来

第二步

做到这里相信大家已经掌握了线性设计的要点了

主要使用的工具有矩形工具、直线工具、剪刀工具、圆

那么剩下一些配饰可以当作练习

自己动手试一下

可以自由发挥你的想象哦～

6、如何制作动画

动画的制作这里使用的是AE

如果有对动画感兴趣的朋友

那就继续往此链接看吧～

http://www.xueuisheji.com/?p=3317

这是最终效果：