百木园视频地址：https://www.bilibili.com/blackboard/html5player.html?aid=293176555&as_wide=1
原图作者：Robin Davey
教程作者：设计师就业衔接班08期-61-莫名其妙
教程指导：如如的设计主页
交作业去这里→#优设每日作业#
本期教程为大家带来一个几何艺术小姐姐走路的动效绘制教程，包括在AI中绘制插画，以及在AE中设计动效的全过程，一起来学习一下吧~
打开 Illustrator，然后ctrl+N新建画板
然后用矩形形状工具做一个和画布相等的矩形，800px*800px
用直线工具画一条差不多300px的直线（只要能居中就行不强求），颜色为FF3E4E，后面的圆可有可无
切记从这一步开始就要分图层拉！！！一点要一个形状一个图层，切记 ！切记！切记！
新建一个图层（一定要新建一个图层在做形状!!!) ，用圆角矩形工具画一个宽55px 、 高146px的圆角矩形（图片参数四舍五入），然后用选择工具 （两种都可以）拖动形状上的原点， 进行拖拽，变成圆顶矩形（暂时这么形容它）
复制两个，一个不动，一个用选择工具选中图中红色点为往下拉，得到正圆然后给正圆随便改个颜色（我这里没有改，为了下一个步骤好理解，建议改一下）
用复制出来的正圆，与圆角矩形的一角对齐（一堆要对齐，我这不两个都对齐了，为了你们好理解）然后两个圆角矩形有白色部分对齐起来，图三就是没对齐，图四是对齐了的，你们也可以ctrl+y去观察一下（这里提醒一下 这里的形状一定要分好图层！！），对齐之后久可以把白色正圆删除了，做到这一步了，可以适当给上面的圆角矩形缩短一点 ，毕竟小腿会比大腿长那么一点点哈哈。
把紫色的大小腿全选旋转20° ，红色的大腿旋转351°小腿339°，然后两条腿一角重回得到右边图形
红腿颜色为：ff3e4e0
接下来是身体部分，用直线工具做一个72px的直线 加描边颜色：236cd8 描边为60pt，然后就是白色的圆角矩形宽为56px、高30px，两个图形居中对齐，并新建图层区分，并命名
头部需要用到布尔运算，先建一个30*30px的正圆，然后复制两个，进行布尔运算，下图有操作详细，具体按照自己操作为准，形状随意大小，得到图4就行，紫色颜色为 10033a，布尔运算选项是减去顶层 ，有箭头标注。
再加一个头顶的头发，颜色紫色：10033a，大小50*50px，再做两个为9*3的圆角矩形，颜色紫色：10033a，得到下图1 然后与身体居中，注意眼睛不用选中哦，得到图2
接下来是手部，做一个圆角矩形宽25px、高100px，正圆 30*30px，如图一重合，用合并，然后再复制一个，得图二
接下来看看ai部分的效果图吧（我后面把腿的颜色改成和头发一样的颜色了，数字为10033a，改一下吧嘿嘿）
对了你们的图层有好好分出来嘛，我给你们看看我的图层，一定要这样分哦！！
接下来进入ae部分啦，你们有好好分图层嘛，有嘛肯定有哪个不听话的小朋友没分好图层（滑稽）
首先打开AE，点击新建项目
在项目下面这个框右击 选择导入
再选择文件
选择你保存的文件夹，再选择你命名的文件，这里有个导入为，一定要选合成哦！然后选择导入就好啦！
这里点确定
这里双击箭头指向位置，像图2这样显示就说明操作多了
后续操作请跟随文章顶部的视频教程来操作吧，感谢大家观看~溜了溜了~
来源：https://uiiiuiii.com/aftereffects/1212428295.html
图文来源于网络，如有侵权请联系删除。