当前位置：首页 >教程首页 > After Effects >AE交互动画：动态长投影制作

AE交互动画：动态长投影制作

发布时间：2018-11-17 19:57:24

　　AE表达式，天生具备数字的严谨和唯美，它带给动画灵动的生命力。在这篇文章里我们一起来探寻数字掌控画面之美的技巧。

　　最终效果图

　　技术要点

　　Ps 形状工具、路径查找

　　AE 表达式基础、表达式绑定控制层、文字-编号、投影叠加深度叠加、图层混合模式

　　准备工作

　　在Ps或者AI绘制好图形元素（如此处的钟表和dribbble logo），按照这篇教程的思路整理好图层，并导入AE得到素材合成。

　　构图

　　Ctrl+N新建一个400x300的合成，将dribbble logo和时钟拖到位置；

　　新建一个空文本图层，添加效果-文本-编号，设置如下：

　　这样我们就得到了一个可以自定字符样式的时间码；

　　此时的合成视图应该是这样的：

　　舞台视图：

　　新建一个空对象作为控制层，并且添加效果-表达式控制-角度控制

　　在效果控件窗口对应属性右击，使属性在时间轴上显示，方便我们添加表达式。

　　在时间轴窗口按住Alt，左击角度左侧的秒表，给角度属性添加如果所示的表达式Math.floor(time*10),表示对当前时间的十倍取整，我们只需控制时间轴，使得到的值在0~360°之间即可。在该实例中，我们将投影的方向参数与之绑定（具体方法qing请翻看系列一），即可得到一个随时间360°旋转的投影；此外，大家注意到gif图中的钟表也在旋转，它们也是和该值绑定的：

　　舞台效果图如下

　　时间轴效果图

　　注意到minute图层的旋转表达式最后乘了12，显然，分针的速度是时针的12倍。

　　而在如下实例中：

　　该表达式所得值还可以和中间度数的文字源内容绑定。

　　下面我们一起来做这个尖锐干净的动态的长投影

　　只发布不说话，大家默默感受感受下（构图完成后所得的"start"合成ctrl+D复制出来作为"shadow"合成，接下来操作均在"shadow"合成里操作，保留"start"合成作为表层）

　　其实这样做了以后，17个图层是不够的，我是以5px为单位叠加，会得到如下的结果

　　锯齿感很明显，追求完美的你怎么能罢休呢？难道我们以1px为单位，像若干年前前在PS里面做伪3D效果一样？答案是否定的，因为从GUI到交互动画设计的朋友PS都很熟悉，而AE又号称是动态的PS，要消除这个锯齿，静态图片的处理方法大家思考下。我的思路是，高斯模糊使锯齿间距混合，Alpha色阶调整使边缘干净锐利。所以，新建两个调整图层，分别添加高斯模糊和色阶效果：

　　得到如下效果：

　　添加上之前的构图合成，可以得到：

　　可以看出边缘有轻微的发光效果，是因为"shadow"合成里使用了高斯模糊的缘故，除投影外源图层是白色，不同于阴影的颜色所以发光了，解决的办法很简单，将shadow合成颜色叠加，统一原图层和阴影的颜色。

　　新建一个合成，将"start"和"shadow"都扔进去，并且添加一个背景，添加颜色叠加效果，该效果绑定一个控制图层，该控制图层，添加效果-表达式控制-颜色控制，并且添加关键帧动画

　　大功告成！

　

　　PS

　　·大家可以给shadow添加蒙版并羽化使之有衰减效果；

　　·男神tczhang说这样可以产生如太阳般光辉的长投影效果

　　我很喜欢，很风骚。男神就是男神！！但，我还是愿意守住这份可控的、轻微的，小清新……

上一篇 AE表达式制作手表指针动画

下一篇 After Effects制作蝴蝶纷飞动画

返回列表

学员作品赏析

2101期学员李思庭作品
2104期学员林雪茹作品
2107期学员赵凌作品
2107期学员赵燃作品
2106期学员徐正浩作品
2106期学员弓莉作品
2105期学员白羽新作品
2107期学员王佳蕊作品

热门课程

专业讲师指导快速摆脱技能困惑

相关文章

多种教程总有一个适合自己

专业问题咨询

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

广州室内设计师职业晋升攻略指南

在广州，室内设计师的职业发展正迎来前所未有的机遇。这座充满活力的城市，作为华南地区的经济与文化枢纽，室内设计行业蓬勃发展，房地......
广州插画培训学费性价比分析

在繁华的珠江畔，创意产业正以前所未有的活力生长，插画艺术作为视觉表达的重要载体，其价值日益凸显。随之而来的是对专业人才的渴求，......
上海3D建模培训课程体系解析

上海作为中国的创意之都，影视和设计行业正迎来前所未有的繁荣。技术的飞速发展让3D建模技能成为从业者必备的核心能力，而专业的培训......
北京插画培训速成班详情

在当今创意产业蓬勃发展的浪潮中，北京插画培训正成为无数艺术爱好者和职业人士的热门选择。这座文化古都汇聚了丰富的影视和设计资源，......
上海视频剪辑培训机构费用明细

在上海这座充满活力的国际都市中，视频剪辑培训正成为影视和设计行业的热门选择。随着数字媒体的蓬勃发展，越来越多的人渴望掌握专业剪......
广州平面设计培训机构哪家强

在广州平面设计培训领域，行业正迎来前所未有的机遇。随着数字经济的蓬勃发展，企业对视觉传达人才的需求激增，推动本地市场持续升温。......

关于火星

关于我们人才合作建议和意见

内容分类

频道专区热门标签

火星优势

师资团队教学模式课程研发学员成果图书出版资质认证

帮助中心

专业选择考察学校学习方式如何就业如何退费

联系我们

课程咨询：400-810-1418 人力资源：010-59833585 总机电话：010-59833333 监督电话：400-810-1418转接2 就业部：010-59833202 企业及高校合作：010-59833514 市场合作：010-59833359

×

同学您好！

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

确定