人生在世
每人每天仅限5票，快给你心仪的作品鼓励的一票。
投票
0.0°
注意：这期会讲到线条动画的制作方法哦！还有免费的图标赠送…
好了，下面就开始今天的教程吧！
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
这是最终效果：
全部评论：15条
更多作品
发表评论