同城200带吹电话-免费风楼阁全国约,附近人100块钱,上门服务24小时接单平台

当前位置：首页 >教程首页 > After Effects >AE表达式快速制作表针动画

AE表达式快速制作表针动画

发布时间：2018-11-17 19:57:24
利用AE表达式，我们可以制作流畅的交互动画，这里我们一起来探讨下AE表达式插值方法控制动画属性的方法。
 
最终实现效果：
 

 
素材准备
 
首先在PS中绘制好素材图片，这是基本功，这里不再赘述，大家可以各显神通做出自己满意的图片。
 
在将psd文件导入AE之前，为了使AE内的层级结构更简单，我们可以先对psd文件的图层进行处理，减少层级结构，合并与动画动作无关的图层，去除多余画布空间。
 
整理前：
 

 
整理后：
 

 
动画前期处理
 
ctrl+I导入psd文件，按照以下设置导入，保留最大图层可编辑性和图层结构。
 

 
这样我们就可以得到如下一个AE合成。
 

 
可以在项目窗口预览到
 

 
大家或许都已经注意到合成窗口里有一个没有显示的bg图层，这里其实是一个小小的trick。因为我们要做的是表针旋转的动画，而旋转属性很重要的一个参数就是Anchor Point，锚定点属性。在AE中，对于表针这样形态的图层，我们很难将它的锚定点精确定位在表盘中央，就无法绕着表盘的中心点自然旋转。所以我准备了一个和表盘同样大小的圆并且和表盘重合，这样，如果我们将表针和这个圆合并，利用AE的对齐功能，我们可以轻松将表针和圆组成的合成的锚定点定位在表盘中心，在制作动画时隐藏掉bg图层，即可。
 
AE的对齐选项
 

 
表盘定位示意图
 

 
在AE中，我们可以ctrl+D复制该bg层，分别ctrl+shift+C与shi'z时针、分钟和秒针创建预合成。
 

 
举例，second合成的内部结构：
 

 
创建表达式动画
 
在AE中我们可以创建一个Null图层来作为动画的控制层，为它添加效果-表达式控制-角度控制控制，效果-表达式控制-滑块控制，来分别控制表针的角度和不透明度。
 

 
大家可以看到滑块和角度的数值都为红色，那是因为我们为这两个属性添加了表达式控制，方法为：按住Alt键，点击属性前的秒表图标。
 
为滑块和角度分别添加如下表达式：
 

 
这里补充下AE表达式控制插值方法的基础知识：
 
线性插值 linear(t, t_min, t_max, value1, value2)
 
缓动插值 ease(t, t_min, t_max, value1, value2)（类似关键帧辅助的F9）
 
缓入、缓出 ease_in(...), ease_out(...) 
 
理解起来很简单，这里的角度控制表达式ease（time,0,3,0,720）可以解读为：“time（时间）属性在0到3秒的变化过程中，角度属性发生发生0到720°的缓动变化”，即“0到3秒旋转720°，有缓动效果”。
 
这里滑块的控制表达式是通过以下按钮
 

 
来绑定（按住该图标拖动到角度文本标签上即可）“角度”得到的，我对该值除以360，再乘上100，即表达了在旋转一圈360°的过程中，不透明度对应增加到100%。 
 
然后，我们只需要分别将各表针的旋转、不透明度属性分别绑定该控制层角度和滑块属性即可。
 

 
为了将表针的速度区分开，我将minute和hour层的旋转属性控制表达式都做了倍数缩小处理。
 
导出
 
ctrl+M，render
学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题，火星帮你解答

  • 广州视频剪辑培训机构有哪些

    在广州这座繁华的都市中，数字创意产业正蓬勃发展，广州视频剪辑培训成为许多影视爱好者的理想起点。随着短视频平台和影视制作需求的激......

  • 北京UI设计培训免费试听攻略

    在北京这样一座充满创意活力的都市，UI设计培训正成为无数年轻人追逐职业梦想的跳板。随着数字经济的蓬勃发展，UI设计行业在北京展......

  • 北京平面设计培训机构排名榜

    在当今创意经济蓬勃发展的浪潮中，北京平面设计培训成为众多职业追求者的理想起点。这座城市的活力与机遇吸引着无数人投身视觉艺术领域......

  • 北京虚幻引擎课程内容全解析

    在影视和设计行业蓬勃发展的今天，虚幻引擎作为核心技术工具，正引领着视觉创作的革命。越来越多的人渴望掌握这门技能，而专业的培训成......

  • 北京平面设计课程如何选择适合的

    在北京这座文化创意中心，平面设计培训行业蓬勃发展，为渴望入行的学员提供了丰富机遇。随着数字媒体和影视产业的崛起，掌握视觉传达技......

  • 上海3D建模短训班课程内容解析

    在上海这座充满活力的城市，影视和设计行业正迎来前所未有的发展机遇，数字技术的进步让3D建模成为创意产业的核心驱动力。参加专业的......

×

同学您好！

您已成功报名0元试学活动，老师会在第一时间与您取得联系，请保持电话畅通！
确定