动效周期表 - AE制作教程

Recommand
杭州/UX设计师/5年前/2480浏览
动效周期表 - AE制作教程Recommand
Kira_Bu
涵盖了常用的动效制作方法,多用在界面交互设计、视频制作中;AE作为一种实现工具,相对来说比较熟练,所以用AE做了一遍。
某种效果的制作方法也不只一种,可以找到自己常用的来实现,以下的教程都为基础版,在Kazuki Akamine的网站中也有一些拓展,自己可尝试着做做看。
日本设计师 Kazuki Akamine的动效周期表
日本设计师 Kazuki Akamine的动效周期表
Collect
一、轨道(基础版)Orbit
1.需要旋转的图片初始:位于整个GIF的中心<br>2.太阳:变换- 锚点(高度增加)- 旋转(添加初始锚点)- 设置旋转1X<br>第二种方法:<br>1.command+d : 复制图层<br>月亮:Alt + 秒表(输入表达式time*180)
一、轨道(基础版)Orbit
1.需要旋转的图片初始:位于整个GIF的中心
2.太阳:变换- 锚点(高度增加)- 旋转(添加初始锚点)- 设置旋转1X
第二种方法:
1.command+d : 复制图层
月亮:Alt + 秒表(输入表达式time*180)
Collect
二、偏移
1.多边形工具(双击)得出5边型 - 图层-内容- 多边星型路径 - 点(改成6)得出6边型<br>2.内容- 多边星型路径 - 描边(修改颜色圆角)<br>3.虚线- 点击+ -虚线100 - 偏移(表达式time*180)
二、偏移
1.多边形工具(双击)得出5边型 - 图层-内容- 多边星型路径 - 点(改成6)得出6边型
2.内容- 多边星型路径 - 描边(修改颜色圆角)
3.虚线- 点击+ -虚线100 - 偏移(表达式time*180)
Collect
三、勾画
1.右键- 新建纯色图层 - 选中这个图层- 双击矩形(创建蒙版 )<br> 2.  调整蒙版形状大小 - 效果和预设 - 生成-勾画(拖到图层上)- 调整参数- 添加旋转<br>
三、勾画
1.右键- 新建纯色图层 - 选中这个图层- 双击矩形(创建蒙版 )
2. 调整蒙版形状大小 - 效果和预设 - 生成-勾画(拖到图层上)- 调整参数- 添加旋转
Collect
四、循环
1.新建合成- 新建形状(调参数)-效果和预设 - 扭曲 - 偏移(拖到形状图层上)<br>2.点击- 将中心转换为前面的秒表+U键(添加关键帧)- 设置关键帧
四、循环
1.新建合成- 新建形状(调参数)-效果和预设 - 扭曲 - 偏移(拖到形状图层上)
2.点击- 将中心转换为前面的秒表+U键(添加关键帧)- 设置关键帧
Collect
五、平铺 Tiler
1.新建纯色- 蒙版 - 效果预设 - 扭曲-cctiler<br>2.选中scale秒表(添加缩放大小的时间关键帧)- blend(混合秒表添加关键帧) - 添加缓动fn+f9
五、平铺 Tiler
1.新建纯色- 蒙版 - 效果预设 - 扭曲-cctiler
2.选中scale秒表(添加缩放大小的时间关键帧)- blend(混合秒表添加关键帧) - 添加缓动fn+f9
Collect
六、极坐标 Polar Coordinates
1. 矩形(command+d复制) - 预合成 - 扭曲 - 极坐标 - 矩形到极线<br><br>进阶版:外层1:效果和预设 - 极坐标   2层:极坐标- 拖动横向坐标轴(缓入效果)3层:选中所有图层 - 右键 - 关键帧辅助 - 序列图层(顺序展示效果)alt + ] 断开图层时间
六、极坐标 Polar Coordinates
1. 矩形(command+d复制) - 预合成 - 扭曲 - 极坐标 - 矩形到极线

进阶版:外层1:效果和预设 - 极坐标 2层:极坐标- 拖动横向坐标轴(缓入效果)3层:选中所有图层 - 右键 - 关键帧辅助 - 序列图层(顺序展示效果)alt + ] 断开图层时间
Collect
七、线宽 Line Weight
1.图形 - 描边 - 描边宽度(初始0 中间20 结束0)
七、线宽 Line Weight
1.图形 - 描边 - 描边宽度(初始0 中间20 结束0)
Collect
八、形状变换 Shape Transform
1.星型工具 - 多边星型路径 - 内径 - 外径
八、形状变换 Shape Transform
1.星型工具 - 多边星型路径 - 内径 - 外径
Collect
九、重复变换 Repeat Transform
1.星型工具 - 多边星型路径 - 内径 - 外径 - 透明度 - 出现时间
九、重复变换 Repeat Transform
1.星型工具 - 多边星型路径 - 内径 - 外径 - 透明度 - 出现时间
Collect
十、投影 Shadow
1.星型工具 - 多边星型路径 - 内径 - 外径<br>2.图形创建预合成 - 效果和预设 - 过渡 - CC Scale Wipe - 夕阳余晖渐变(调整投影)
十、投影 Shadow
1.星型工具 - 多边星型路径 - 内径 - 外径
2.图形创建预合成 - 效果和预设 - 过渡 - CC Scale Wipe - 夕阳余晖渐变(调整投影)
Collect
十一、改变形状 Reshape
1.纯色层- AI里绘制形状 - 复制到纯色层(作为蒙版) - 效果和预设 - 扭曲 - 改变形状(复制4个、调整源蒙版目标蒙版)<br>2. 百分比 U - 初始0 - 10f添加关键帧
十一、改变形状 Reshape
1.纯色层- AI里绘制形状 - 复制到纯色层(作为蒙版) - 效果和预设 - 扭曲 - 改变形状(复制4个、调整源蒙版目标蒙版)
2. 百分比 U - 初始0 - 10f添加关键帧
Collect
十二、缓动 Easing
1.图层- 效果和预设 - 扭曲 - 偏移 - 图表编辑器 - 设置缓动曲线
十二、缓动 Easing
1.图层- 效果和预设 - 扭曲 - 偏移 - 图表编辑器 - 设置缓动曲线
Collect
十三、节奏 Rhythm
1.多边形图层 - 外圆度(初始0-15帧-606度 - 606 - 0)<br>2.变换 - 旋转(15帧0 - 90 - 90 -0)
十三、节奏 Rhythm
1.多边形图层 - 外圆度(初始0-15帧-606度 - 606 - 0)
2.变换 - 旋转(15帧0 - 90 - 90 -0)
Collect
24
|
Report
|
58
Share
相关推荐
动效教程
动效教程
动效教程
动效教程
作品收藏夹
AI可视化动效设计合集
Homepage recommendation
内容含视频
Tarot Card-hopi
Homepage recommendation
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
动效教程
动效教程
动效教程
动效教程
作品收藏夹
干货文章
干货文章
干货文章
干货文章
作品收藏夹
动效
动效
动效
动效
作品收藏夹
商业动画素材
商业动画素材
商业动画素材
商业动画素材
作品收藏夹
AE
AE
AE
AE
作品收藏夹
大家都在看
Log in