QQ登录

登录|注册 上传

飞特网

  • 飞特网官方微博
  • 飞特网微信公众号
飞特网顶部通栏AD位

动效周期表原理解析(上)

黑裤子发布于:2020-3-3 18:33 |原作者: 凌旬
简介: 动效周期表是由日本设计师 Kazuki Akamine按照基础动效的特点属性,把他们分成了大家所熟悉的类似元素周期表的形式。

版权申明:本教程出自"凌旬"原创,感谢"凌旬"的原创文章分享!

动效周期表原理解析(上) 飞特网 AE实例教程

FEVTE编注:更多After Effects实例教程学习交流和After Effects作品发布请访问飞特网After Effects实例教程栏目,地址:https://www.fevte.com/moive/AE/AESL/

在AE软件中有很多效果预设插件,都值得我们去思考探索,日本设计师Kazuki Akamine编写了动效周期表涵盖了大部分常用效果,把里面的动效逐一解析,更易于对AE软件的学习以及动效的应用。大家可以先看原理,然后尝试制作,下面也都配有相应效果的制作步骤,当然,方法不唯一,大家可以广开脑洞去实现不同的拓展应用。

让我们开始吧!

动效周期表原理解析(上) 飞特网 AE实例教程

1.轨道旋转(在轨道上旋转对象的运动)

原理:移动锚点属性使物体与锚点产生距离,为旋转属性添加关键帧或表达式。

步骤:新建合成,绘制一个圆形,取消填充,保留描边,可将图层命名为圆轨道,其次绘制一个小圆形,保留填充,取消描边,将小圆与圆轨道呈同心圆的状态,中心点一致,然后修改小圆的锚点,使小圆圆心在圆轨道上边缘点的中心上(为保证中心点一致,此处不要移动位置而是修改锚点,因为旋转是以中心点的位置进行的),接下来设置关键帧,在0S时将旋转属性添加关键帧,在2S时,将旋转属性设为360度也就是刚好小圆绕圆轨道一圈(可以通过调整时间的长短来控制小圆的旋转速度)。也可以采用表达式的方法来制作轨道旋转,在上述方法的基础上删除关键帧,按住ALT键同时在小圆的旋转属性前面的码表上单击鼠标左键,为此添加表达式,将表达式改为time*180(意思为每秒钟旋转180度)这样2秒会旋转360度为一圈,即可呈现出轨道旋转的效果。

拓展应用:可将小圆复制多个,修改不同小圆中表达式的度数值,来实现雷达的效果,也可能将小圆替换成星球,月亮太阳等图形。

动效周期表原理解析(上) 飞特网 AE实例教程

动效周期表原理解析(上) 飞特网 AE实例教程

2.偏移(运动沿着形状的路径旋转)

原理:调节描边的虚线属性以及修改偏移的数值

步骤:新建合成,双击多边形工具绘制出五边形,在属性-点中改为6,将图形变为六边形,打开描边属性,修改描边粗细,线段端点可改为方头端点,线段连接可改为圆角连接,打开虚线,点击加号,将虚线数值改为100(可根据想达到的效果字行调整数值),然后给偏移属性添加表达式为time*360(意思为每秒钟旋转360度),即可呈现出运动沿着形状的路径旋转的形态。

拓展应用:可设置内框,外框,内部图形,调整它们的虚线间隙或者将六边形换成其他图形等。

动效周期表原理解析(上) 飞特网 AE实例教程

动效周期表原理解析(上) 飞特网 AE实例教程

3.勾画(沿着路径跑光的效果)

原理:为纯色层添加蒙版,为蒙版路径添加勾画效果。

步骤:新建合成,新建一个白色纯色层,选中纯色层绘制正矩形即为纯色层添加蒙版,在效果和预设中找到勾画,将勾画拖拽到纯色层中,在FX勾画中将描边选择蒙版和路径,路径里选择我们画好的矩形即蒙版1,片段属性改为4(需要X条线就改为X),混合模式选择透明,颜色,宽度以及硬度可根据需要自行调节,然后为旋转设置关键帧,在0S时将旋转属性添加关键帧,在2S时,将旋转属性设为360度也就是一圈。

拓展应用:可用钢笔绘制蒙版,做出心电图波动的状态,或多个形状组合成旋转的轮胎等等。

动效周期表原理解析(上) 飞特网 AE实例教程

动效周期表原理解析(上) 飞特网 AE实例教程

飞特网—站内广告
6

好评

差评

刚表态过的朋友 (6 人)

黑裤子
湖北省 武汉市 
+ 关注 私信
  • 珍惜食物宣传海报设计
  • 16张创意宣传海报设计
  • 8张创意海报设计
发表评论

最新评论(2)

回 复 1楼
以梦喂马发布于:2020-3-24 11:38
大佬  第19链接这个  给光束起始点添加那个表达式呢?
回 复 2楼
iyangxuqing发布于:2020-3-4 23:17
挺不错的教程

查看全部评论(2)

我来说两句:
B Color Image Link Quote Code Smilies |上传
您需要登录后才可以评论和提交作业 登录 | 立即注册

上传作业


关于飞特| 广告服务| 付款方式| 友情链接| 网站地图| 联系我们| 加入我们| 举报| 飞特网旧版| 手机版| 飞特网