手指舞特效元素制作（AE&plexus方法）_视频设计那些事儿_新浪博客
手指舞特效元素制作（AE&plexus方法）
一：粒子网延伸
plexus很容易做出如图的旋转，不过有些细节值得注意。
1.起点是跟随手指变化而变化的，所以我们需要对手指跟踪。
2.近端具有景深效果，所以必须架摄像机。但是架摄像机后原对象的位置可能会发生​改变，所以，在需要架摄像机的场景中，必须先架摄像机。（重要的事情说三遍，重要的事情说三遍，重要的事情说三遍！）
1.plexus中的跟踪让我们很容易想到利用图层模式下的灯光。​所以根据手指建立相应灯光数量，然后设置灯光随手指移动的位置关键帧。
2.对加入plexus，灯光模式下增加点线面渲染器，设置旋转，复制数量等参数。
3.对数量和挤出深度​设置关键帧（让线网挤出）
4.设置景深及灯光阴影。（注：另建一个灯光，需要重命名，让阴影影响只在这个灯光上，在这里强调分布命名灯光很重要）​
二：玻璃破碎
这种效果要注意的是做出玻璃折射的感觉，让我们开始。
1.做一个基本体，缩成一个点，利用躁波效果器爆开。
​2.添加线渲染，且对躁波演变设置表达式如time*.2(让躁波扰乱变为原来的五分之一）
3.让粒子被重力影响，则加入变形效果器，对Y位置设置关键帧。
4.添加面渲染，设置灯光阴影，透明度，密度，叠加模式等属性。
5.面并没有玻璃的折射效果，则需要置换贴图来产生折射。方法是对除视频以外的元素预合成，在预合成中加入灰色的底（不明白），将预合成拖入原合成中，隐藏后对齐位置。然后对视频加入置换贴图，置换层改为预合成层，调参数既有折射。
本案例要点：
1：躁波效果器对爆破的控制是一种重要应用。
2：关于折射，置换贴图需要掌握。
视频地址：​/video/play30875.html
视频设计那些事儿
博客等级：
博客积分：0
博客访问：54,068
关注人气：0
荣誉徽章：&p&首先，我们要明白AE调取文件素材的逻辑：&/p&&p&项目面板就好比一个库房，在里面我们可以放一个苹果，而图层面板就好比客户需求，如果客户需要梨，而我们的库房没有梨，你就不能满足客户的需求，所以想要满足客户需求就必须要在库房里面有梨才可以。&/p&&p&所以想要替换素材内容不发生改变，我们就需要在项目面板先要有一个新的合成内容。&/p&&img src=&/v2-a937badcee1681dee4a168bf79e7f909_b.png& data-rawwidth=&660& data-rawheight=&656& class=&origin_image zh-lightbox-thumb& width=&660& data-original=&/v2-a937badcee1681dee4a168bf79e7f909_r.png&&&p&&br&&/p&&p&具体操作可以这样：&/p&&p&1、比如这里我需要把苹果替换成梨，要保留苹果&/p&&img src=&/v2-378aae0e78c33f847f08f8ed_b.png& data-rawwidth=&1124& data-rawheight=&775& class=&origin_image zh-lightbox-thumb& width=&1124& data-original=&/v2-378aae0e78c33f847f08f8ed_r.png&&&p&&br&&/p&&p&2、在项目面板ctrl+D复制一份改为“梨”，双击合成修改内容为“梨”，然后在图层面板选中需要替换修改的合成，按住alt键同时从项目面板把“梨”合成拖放到选中图层上面松手&/p&&img src=&/v2-ee45b11f91a1fb8cc3afda3e_b.png& data-rawwidth=&543& data-rawheight=&394& class=&origin_image zh-lightbox-thumb& width=&543& data-original=&/v2-ee45b11f91a1fb8cc3afda3e_r.png&&&p&&br&&/p&&p&3、这里要强调的是，只要遇到合成就必须要在项目面板重新拷贝一份替换修改内容才能保证不会影响以前的内容。&/p&
首先，我们要明白AE调取文件素材的逻辑：项目面板就好比一个库房，在里面我们可以放一个苹果，而图层面板就好比客户需求，如果客户需要梨，而我们的库房没有梨，你就不能满足客户的需求，所以想要满足客户需求就必须要在库房里面有梨才可以。所以想要替换素…
&img src=&/v2-2772ead1aeeef70e793b7_b.png& data-rawwidth=&1879& data-rawheight=&967& class=&origin_image zh-lightbox-thumb& width=&1879& data-original=&/v2-2772ead1aeeef70e793b7_r.png&&&p&这个问题其实是老生常谈了，我在咱们公众号也不只说过一次怎样自学MG了。但是关注我们人越来越多，大部分人也不会查看往期文章，所以我今天就在废话一次。&/p&&p&关注我们七日课吧小伙伴都是来学习的，但是大部分人根本都无从下手。所以我希望通过这篇文章，小白能找到学习的路线，争取最快时间学会MG动画。&/p&&p&那么自学MG动画我总结了下面五个步骤。&/p&&p&&b&第一步：&/b&&/p&&p&先把Ae基础搞定，不能说吃透吧，但是至少基本的操作要都会的。例如粒子、表达式、还有一些插件，尤其是做NG动画需要用的插件。可以看《零基础学Ae》免费教程。&/p&&p&&b&第二步：&/b&&/p&&p&把C4D基本操作搞定，因为高大上的MG动画都需要C4D的，你可以去behance瞅瞅。可以看《零基础学C4D》免费教程。&/p&&p&&b&第三步：&/b&&/p&&p&如果上面两个软件基本操作都可以了，然后就针对性学习，例如DUIK这个插件具体到一个人物是怎么用的？Plexus具体到一个效果怎么样才显得高大上？怎样用C4D做出俄派的MG动画效果。这里大家可以看一下我们腾讯课堂《MG图形动画设计录播》，当然这个付费228元的课程，那么如果小伙伴们资金紧张的话就不用购买，大家可以看一下课程目录，跟着课程目录去网上找免费的课程。按照那个课程目录学完了。你的基础就可以了。&/p&&p&&b&第四步：&/b&&/p&&p&到这一步了，其实你已经出师了，接下来就是看大神的作品——临摹。这一步是最重要的，因为你现在肯定还不能自己做原创。因为你脑子里根本没有想法。或者是有想法，但是镜头与镜头之间不会转换，颜色搭配巨丑。&/p&&p&有的人到这里是一个严重的瓶颈期，十万五千里长征就差这一块，千万不要放弃。到了这各阶段，一切的原因就是因为经验不够，所以不要担心自己镜头不会转换，颜色丑，动画low。所以即使你不是动画专业，没有没数基础也不要担心，临摹100个behance上的大神作品，保证你也是小神了。&/p&&p&&b&第五步：&/b&&/p&&p&如果跨过第四步，恭喜你出去浪吧。接受小白的跪舔吧。但是请你还是要虚心学习，因为后期知识软件经常更新，设计趋势也经常换。所以你也要跟着趋势走。&/p&&p&&br&&/p&&p&好，就扯这么多，希望能帮到你！&/p&
这个问题其实是老生常谈了，我在咱们公众号也不只说过一次怎样自学MG了。但是关注我们人越来越多，大部分人也不会查看往期文章，所以我今天就在废话一次。关注我们七日课吧小伙伴都是来学习的，但是大部分人根本都无从下手。所以我希望通过这篇文章，小白能…
&img src=&/v2-52bee0f79501_b.jpg& data-rawwidth=&1000& data-rawheight=&525& class=&origin_image zh-lightbox-thumb& width=&1000& data-original=&/v2-52bee0f79501_r.jpg&&&p&1、将多个合成添加到渲染队列，点击渲染按钮后软件会从上到下依次自动渲染，无需手动逐个点击。&/p&&p&&br&&/p&&img src=&/v2-b2e18f981beb12e8a7b61cc7b9e9ec68_b.png& data-rawwidth=&670& data-rawheight=&309& class=&origin_image zh-lightbox-thumb& width=&670& data-original=&/v2-b2e18f981beb12e8a7b61cc7b9e9ec68_r.png&&&p&&br&&/p&&p&2、当输出的视频需要保留透明区域方便在其他软件中编辑时，将通道修改为RGB+Alpha.&/p&&p&&br&&/p&&img src=&/v2-ff736e863_b.png& data-rawwidth=&573& data-rawheight=&347& class=&origin_image zh-lightbox-thumb& width=&573& data-original=&/v2-ff736e863_r.png&&&p&&br&&/p&&p&3、如果在AE中导出的素材需要放置在PR中编辑，可不用耗费时间渲染，直接导出为PR项目，这样操作既节省时间，如果文件有问题还可以在PR中直接调用AE修改，修改后在AE中点击保存，PR中也即时自动修改。&/p&&p&&br&&/p&&img src=&/v2-648bacc60bff47374f01_b.png& data-rawwidth=&708& data-rawheight=&411& class=&origin_image zh-lightbox-thumb& width=&708& data-original=&/v2-648bacc60bff47374f01_r.png&&&p&&br&&/p&&p&4、在AE中制作完成整个工程后，可能素材放置在电脑多个盘，这样保存工程后如果移动工程在其他地方打开，会出现文件缺失的问题，工程完成后可以在菜单栏文件中选择整理工程，可以先删除未用过的素材，然后收集文件，这样，软件会自动将项目涉及到的素材以及工程文件收集到指定的文件夹保存。&/p&&p&&br&&/p&&img src=&/v2-f3c95ba077ddf458f230a74c_b.png& data-rawwidth=&786& data-rawheight=&423& class=&origin_image zh-lightbox-thumb& width=&786& data-original=&/v2-f3c95ba077ddf458f230a74c_r.png&&&p&&br&&/p&&p&5、有时候为了给电脑减负，对于有些比较复杂的效果可以先渲染成视频再导入使用，对于该类视频渲染时选择渲染后的导入动作，可节省时间。&/p&&p&&br&&/p&&img src=&/v2-ff64e65e2efa4085aadb5ca_b.png& data-rawwidth=&738& data-rawheight=&320& class=&origin_image zh-lightbox-thumb& width=&738& data-original=&/v2-ff64e65e2efa4085aadb5ca_r.png&&&p&&br&&/p&&p&6、如果说需要成批的渲染输出，可以点击输出到后的三角定义输出文件的命名规则，方便保存使用。&/p&&p&&br&&/p&&img src=&/v2-7d70ae87b5f2d_b.png& data-rawwidth=&687& data-rawheight=&241& class=&origin_image zh-lightbox-thumb& width=&687& data-original=&/v2-7d70ae87b5f2d_r.png&&&p&&br&&/p&&p&7、对于同样一个合成，需要渲染多个格式，可以点击输出模块后的+号添加一个新的输出模块。&/p&&p&&br&&/p&&img src=&/v2-1ea83d70a300e98eb92cdc7fa3eb541a_b.png& data-rawwidth=&630& data-rawheight=&252& class=&origin_image zh-lightbox-thumb& width=&630& data-original=&/v2-1ea83d70a300e98eb92cdc7fa3eb541a_r.png&&&p&&br&&/p&&p&8、在菜单栏编辑中选择模版，选择输出模块，可以自定义输出模块，每次输出的时候可以直接调用，不用再修改格式什么的。&/p&&p&&br&&/p&&img src=&/v2-0cea8b4efdde3de3ea12_b.png& data-rawwidth=&677& data-rawheight=&297& class=&origin_image zh-lightbox-thumb& width=&677& data-original=&/v2-0cea8b4efdde3de3ea12_r.png&&&p&&br&&/p&&p&9、对于批量的渲染制作，例如大量的字幕条或者一些小动效的制作，可以添加到Media Encoder中去输出（需要下载该软件），这样就不占用AE的输出，可以继续工作。&/p&&p&&br&&/p&&img src=&/v2-cffe33bf017a32e395eaeb2_b.png& data-rawwidth=&766& data-rawheight=&379& class=&origin_image zh-lightbox-thumb& width=&766& data-original=&/v2-cffe33bf017a32e395eaeb2_r.png&&&p&&br&&/p&&p&10、渲染功能键有三个，分别是停止、暂停以及渲染，当选择暂停时，只能做到暂停渲染，无法修改工程。停止的使用也是有技巧的，如果渲染到一半时候点击停止渲染，软件会自动添加一个新的渲染队列，并且给文件重新命名，此时再点击渲染，则文件会接着上一个渲染断掉的地方开始渲染。&/p&&p&如果说按住ALT点击停止，则文件渲染停止，添加的新的队列命名不变，再次渲染会从头开始重新渲染并覆盖上一个中断的文件。&/p&
1、将多个合成添加到渲染队列，点击渲染按钮后软件会从上到下依次自动渲染，无需手动逐个点击。 2、当输出的视频需要保留透明区域方便在其他软件中编辑时，将通道修改为RGB+Alpha. 3、如果在AE中导出的素材需要放置在PR中编辑，可不用耗费时间渲染，直接导…
&img src=&/v2-bd2dd11aee860c_b.jpg& data-rawwidth=&1920& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1920& data-original=&/v2-bd2dd11aee860c_r.jpg&&&p&&/p&&img src=&/v2-86f3d3f44179b4fdf437b01f2de4a83f_b.jpg& data-rawwidth=&458& data-rawheight=&274& data-thumbnail=&/v2-86f3d3f44179b4fdf437b01f2de4a83f_b.jpg& class=&origin_image zh-lightbox-thumb& width=&458& data-original=&/v2-86f3d3f44179b4fdf437b01f2de4a83f_r.gif&&&p&&br&&/p&&img src=&/v2-fa2fee3b1545_b.jpg& data-rawwidth=&400& data-rawheight=&400& data-thumbnail=&/v2-fa2fee3b1545_b.jpg& class=&content_image& width=&400&&&p&&br&&/p&&p&实现这个效果其实很简单，就是花点时间而已，AE里面自带的液化功能可以实现物体液化流动的效果，具体步骤：&/p&&p&1、导入素材，添加特效——扭曲——液化效果，选择涂抹工具设置参数如下：&/p&&img src=&/v2-4e2bbc75fc_b.png& data-rawwidth=&390& data-rawheight=&230& class=&content_image& width=&390&&&p&&br&&/p&&p&沿着图片当中物体流动方向进行涂抹，尽量满足事物的发展规律。&/p&&img src=&/v2-9bde8994bd19eaa29a5f44a7b9c585b4_b.png& data-rawwidth=&600& data-rawheight=&344& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/v2-9bde8994bd19eaa29a5f44a7b9c585b4_r.png&&&p&&br&&/p&&p&2、为扭曲百分比创建关键帧，然后在观察关键帧动画的时候进行画面的修改工作&/p&&p&&br&&/p&&img src=&/v2-b1f1c2f449df9a0887fab0b9c88f6a65_b.png& data-rawwidth=&600& data-rawheight=&107& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/v2-b1f1c2f449df9a0887fab0b9c88f6a65_r.png&&&p&&br&&/p&&p&3、选择湍流工具，设置参数如下进行细节涂抹，主要是让流动物体有湍流紊乱的效果：&/p&&p&&br&&/p&&img src=&/v2-aa4be9ac45c076f5184b5_b.png& data-rawwidth=&388& data-rawheight=&264& class=&content_image& width=&388&&&p&&br&&/p&&p&4、如果需要某个部分不受影响，可以添加MASK蒙版来进行冻结，如果想做得更细，使用涂抹工具的时候可以调节小一些，可以多K几个关键帧来控制最后效果。&/p&&p&&br&&/p&&img src=&/v2-e52c6fd4d5e3_b.jpg& data-rawwidth=&462& data-rawheight=&299& data-thumbnail=&/v2-e52c6fd4d5e3_b.jpg& class=&origin_image zh-lightbox-thumb& width=&462& data-original=&/v2-e52c6fd4d5e3_r.gif&&&p&是不是很简单，还不赶紧百度搜一个图，练练手!&/p&
实现这个效果其实很简单，就是花点时间而已，AE里面自带的液化功能可以实现物体液化流动的效果，具体步骤：1、导入素材，添加特效——扭曲——液化效果，选择涂抹工具设置参数如下： 沿着图片当中物体流动方向进行涂抹，尽量满足事物的发展规律。 2、为扭曲…
&img src=&/v2-7a76ade60cad5a52ba7aed597334dda1_b.png& data-rawwidth=&658& data-rawheight=&196& class=&origin_image zh-lightbox-thumb& width=&658& data-original=&/v2-7a76ade60cad5a52ba7aed597334dda1_r.png&&&p&AE中的图形系统和文字系统很相似，都有自己相对独立的一套基础动画系统。当我们打开AE软件，面对空白的面板，如何通过一步步的操作填充画面，做出酷炫的效果，这其中图形占据很大的比重，更不用说流行的MG动画，图形完全是主角。&/p&&h2&一、图形的绘制&/h2&&p&关于图形的绘制之前在AE操作技巧中提到过，这里再重复一下。在AE中图形有两种途径产生，钢笔工具以及图形工具。一些复杂的图形均可以通过这些给定的图形混合运算得到。&/p&&p&&br&&/p&&img src=&/v2-daaecd1fb6a635_b.png& data-rawwidth=&726& data-rawheight=&331& class=&origin_image zh-lightbox-thumb& width=&726& data-original=&/v2-daaecd1fb6a635_r.png&&&p&&br&&/p&&h2&二、图形绘制的一些技巧&/h2&&p&&br&&/p&&p&1、开始绘制图形时，发现图形绘制起始点不在想要的地方，摁住空格键再移动鼠标，整个形状会开始移动。&/p&&p&2、绘制圆角矩形时，摁住左键不放同时滑动鼠标中键，可以即时调整四个角的圆度，当然使用键盘上下键也可以。&/p&&p&3、绘制星形时也可以使用鼠标中键调整角数，最小是个三角形，多那就成小太阳了。绘制同时摁住CTRL键可以调整星形的内径和外径大小。&/p&&p&4、直接使用图形工具绘制的图形每个节点是没法单独调整的，如果需要调整可以在绘制前选中了图形工具后，在工具栏后边勾选贝塞尔曲线路径；如果已经绘制了图形，比如说矩形，则在图形属性中右键选择矩形路径，点击转换为贝塞尔曲线路径。&/p&&p&5、图形绘制后默认会填充和描边，可以摁住ALT点击工具栏填充或描边颜色框快速切换样式以及关闭填充或者描边。&/p&&p&6、通常绘制图形后，做动画才发现中心点跑偏了，摁住CTRL键，鼠标双击工具栏中的中心点调整工具可以快速居中中心点。&/p&&p&&br&&/p&&h2&三、图形的动画系统&/h2&&p&&br&&/p&&p&1、在AE中，形状图层与图形是有区别的，一个形状图层可以包含很多个图形在其中，也可以删除所有的形状单独存在。如下图一个形状图层包含多个形状。&/p&&p&&br&&/p&&img src=&/v2-024cfd3e9c3b1f228ebf43aa03083c15_b.png& data-rawwidth=&700& data-rawheight=&290& class=&origin_image zh-lightbox-thumb& width=&700& data-original=&/v2-024cfd3e9c3b1f228ebf43aa03083c15_r.png&&&p&2、选择将多个形状放置在同一个图层中还是一个形状占用一个形状图层，要根据自己项目动画的需要，怎么方便怎么来，一般来说一个复杂图形是由多个形状混合计算得出的，所以这些形状必须在同一个形状图层内，添加合并路径效果。&/p&&p&3、打开形状图层属性，在添加控件中的效果工具，就是图形独立的一套动画系统了，点击可以添加，添加后放置在现有图形的下边。&/p&&p&&br&&/p&&img src=&/v2-2d9d92f4baa1a68556fda1_b.png& data-rawwidth=&690& data-rawheight=&520& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&/v2-2d9d92f4baa1a68556fda1_r.png&&&p&&br&&/p&&h2&四、图形动画工具&/h2&&p&&br&&/p&&p&1、填充：使用图形绘制工具绘制图形后默认会添加填充和描边效果，如下图：&/p&&img src=&/v2-475f4c840df4d29fb52ecbe_b.png& data-rawwidth=&608& data-rawheight=&332& class=&origin_image zh-lightbox-thumb& width=&608& data-original=&/v2-475f4c840df4d29fb52ecbe_r.png&&&p&其中填充规则有非零环绕和奇偶，具体区别如下图：&/p&&img src=&/v2-5abaaa131a1a45d2ea6fbc_b.png& data-rawwidth=&564& data-rawheight=&163& class=&origin_image zh-lightbox-thumb& width=&564& data-original=&/v2-5abaaa131a1a45d2ea6fbc_r.png&&&p&合成选项的作用是如果在同一组中出现两个填充效果，该效果与另一个效果的的上下位置如何处理。&/p&&p&2、描边：描边中值得一提的是虚线的作用，在动画中经常会使用到。点击虚线后的“+”号，会增加一组虚线效果，其中虚线值控制的单根虚线的宽度，数值越大，虚线越宽，整个虚线点的数量越少；偏移选项会使得虚线点沿着图形路径做位置变动。&/p&&p&&br&&/p&&img src=&/v2-0aff_b.png& data-rawwidth=&759& data-rawheight=&801& class=&origin_image zh-lightbox-thumb& width=&759& data-original=&/v2-0aff_r.png&&&p&&br&&/p&&p&当继续点击点击虚线后的“+”号时，虚线效果组会增加间隙效果，调节属性值，控制虚线点与点之间的间隙。所以整个虚线效果可以通过点击“+”号不断的增加，其增加顺序是，间隙-虚线2-间隙2。。。&/p&&p&&br&&/p&&img src=&/v2-ca1ec5b0888eeb1fef6e041c63adc1ec_b.png& data-rawwidth=&636& data-rawheight=&355& class=&origin_image zh-lightbox-thumb& width=&636& data-original=&/v2-ca1ec5b0888eeb1fef6e041c63adc1ec_r.png&&&p&&br&&/p&&p&3、位移路径：获取形状图层的路径，可以扩大和缩小操作。&/p&&p&4、收缩和膨胀：向内弯曲图形路径段同时向外拖拉图形的顶点（收缩），或者向外弯曲路径段的同时顶点向内拖动（收缩），如下图为对星形路径收缩和膨胀操作：&/p&&p&&br&&/p&&img src=&/v2-53ef99ae55828eaaccb26bbf_b.png& data-rawwidth=&638& data-rawheight=&357& class=&origin_image zh-lightbox-thumb& width=&638& data-original=&/v2-53ef99ae55828eaaccb26bbf_r.png&&&img src=&/v2-2b83f88da279bba29643_b.png& data-rawwidth=&635& data-rawheight=&351& class=&origin_image zh-lightbox-thumb& width=&635& data-original=&/v2-2b83f88da279bba29643_r.png&&&p&5、中继器：其实就是重复效果，对单一形状创建多个副本并应用动画。如下图是对星形工具使用中继器的效果：&/p&&p&&br&&/p&&img src=&/v2-58b6e29a2e0f1ede2422ccfc8e5407d2_b.png& data-rawwidth=&631& data-rawheight=&349& class=&origin_image zh-lightbox-thumb& width=&631& data-original=&/v2-58b6e29a2e0f1ede2422ccfc8e5407d2_r.png&&&p&6、圆角：扩大形状路径的角度值，半径越大，圆度越大。如下是对星形添加圆角后的效果：&/p&&p&&br&&/p&&img src=&/v2-ca58ddfa388b311fd8fbb4_b.png& data-rawwidth=&628& data-rawheight=&351& class=&origin_image zh-lightbox-thumb& width=&628& data-original=&/v2-ca58ddfa388b311fd8fbb4_r.png&&&p&7、修剪路径：最常使用在具有描边效果的路径上，通过修剪路径的开始、结束、偏移属性制作滑动或者描边的类的动画。&/p&&p&8、扭转：中心旋转幅度大于顶点旋转幅度的扭曲效果，如下是对星形添加扭转后的效果：&/p&&p&&br&&/p&&img src=&/v2-bfc9aead74_b.png& data-rawwidth=&616& data-rawheight=&343& class=&origin_image zh-lightbox-thumb& width=&616& data-original=&/v2-bfc9aead74_r.png&&&p&9、摆动路径：通过将路径转换为一系列大小不等的锯齿状尖峰和凹谷，随机摆动路径产生动画。&/p&&p&10、摆动变换：类似于表达式wiggle 或者摆动器的效果，随机对形状的锚点、位置等做随机变动。&/p&&p&11、Z字形：其实就是锯齿效果，为圆形添加锯齿效果如下：&/p&&p&&br&&/p&&img src=&/v2-f2caebaaeb5ec_b.png& data-rawwidth=&622& data-rawheight=&338& class=&origin_image zh-lightbox-thumb& width=&622& data-original=&/v2-f2caebaaeb5ec_r.png&&&p&12、重要的效果放最后说，合并路径，想要通过给定的几个图形绘制工具得到复杂的图形，就需要合并路径选项对同一组中多个形状进行混合计算：&/p&&p&&br&&/p&&img src=&/v2-554b7af754fd6ed072233d_b.png& data-rawwidth=&642& data-rawheight=&631& class=&origin_image zh-lightbox-thumb& width=&642& data-original=&/v2-554b7af754fd6ed072233d_r.png&&&p&&br&&/p&&p&如图，处于同一组中的椭圆和矩形形状，为其添加合并路径，使用相减模式结果是：椭圆-矩形=半圆，也就是处于最上面的形状减去下边的形状，合并路径效果一定要放置在需要施加效果的形状的下边才能起作用。&/p&&p&&/p&
AE中的图形系统和文字系统很相似，都有自己相对独立的一套基础动画系统。当我们打开AE软件，面对空白的面板，如何通过一步步的操作填充画面，做出酷炫的效果，这其中图形占据很大的比重，更不用说流行的MG动画，图形完全是主角。一、图形的绘制关于图形的绘…
&p&&b&使用AE的朋友，知道如果需要快速高效的产出的话，插件简直是必不可少的。&/b&&/p&&p&&b&因为你真的不可能从底层效果一点一点做起，何况自带特效的本质就是插件...&/b&&/p&&br&&p&&b&&u&于是我瞄了一眼自己的插件库： &/u&&/b&&/p&&p&&b&&u&因为不让放下载链接，我就把好的后期相关网站推荐给诸位了。&/u&&/b&&/p&&p&&b&&u&不然网上有问题的软件到处都是..有些甚至是一堆坑.. 都是坑里爬出来的..&/u&&/b&&/p&&p&&b&&u&下面是我归类的一些。你们看需查找。&/u&&/b&&/p&&br&&img src=&/v2-cc7fdbbbe14_b.jpg& data-rawwidth=&1094& data-rawheight=&738& class=&origin_image zh-lightbox-thumb& width=&1094& data-original=&/v2-cc7fdbbbe14_r.jpg&&&img src=&/v2-8cb7dae2fbd_b.jpg& data-rawwidth=&1118& data-rawheight=&368& class=&origin_image zh-lightbox-thumb& width=&1118& data-original=&/v2-8cb7dae2fbd_r.jpg&&&br&&p&&b&我先提炼一些好用的吧。&/b&&/p&&p&&b&好了，就请让我给同行与兴趣爱好者开路..&/b&&/p&&br&&p&&b&&u&调色类：&/u&&/b&&/p&&p&调色那是使用者非常常用的功能，好的调色套装能够解决一系列的问题，从而化繁为简，甚至在Looks这类插件里，调色功能丰富且有大量预调试手动拖动就可以。&/p&&br&&p&1.红巨星调色套装 Red Giant Magic Bullet Suite 13.0.1 CC2014/CC2015/CC2015.3/CC2017
Win/Mac&/p&&img src=&/v2-7c7e27d29a539f8c6262a_b.png& data-rawwidth=&553& data-rawheight=&226& class=&origin_image zh-lightbox-thumb& width=&553& data-original=&/v2-7c7e27d29a539f8c6262a_r.png&&&p&Magic Bullet Suite是红巨星出品的调色套装，包含以下插件&/p&&p&l
Magic Bullet Looks
4 Looks调色插件&/p&&p&l
Magic Bullet Colorista
Magic Bullet Film 1.2
电影质感调色&/p&&p&l
Magic Bullet Mojo II 快速调色插件&/p&&p&l
Magic Bullet Cosmo
II 润肤磨皮插件&/p&&p&l
Denoiser III
降噪插件&/p&&p&l
LUT调色工具&/p&&p&(调色这一套基本就无敌了，应有尽有）&/p&&br&&br&&p&2.磨皮美容插件 Beauty Box AE/Premiere/Avid V4.0.10 Win64 CS5-CC2015&/p&&img src=&/v2-91a0eb844f1ea5c1d595bbe5e46990a9_b.png& data-rawwidth=&553& data-rawheight=&175& class=&origin_image zh-lightbox-thumb& width=&553& data-original=&/v2-91a0eb844f1ea5c1d595bbe5e46990a9_r.png&&&p&我经常使用，方便好用到爆，让视频人物皮肤无论是光洁透亮还是出现深纹理都是可以轻松做到.&/p&&br&&br&&br&&p&&b&&u&光效类：&/u&&/b&&/p&&p&很多视频效果是通过光影的变换与斑驳的闪烁，调试好的光效可以起到画龙点睛的效果。&/p&&p&1.AK AE镜头光晕插件 Video Copilot Optical Flares Bundle 1.3.5 CS3-CC 2015 Win/Mac + 所有预设 + 中文字幕教程&/p&&img src=&/v2-ba517d59bc52dffdfee729c77a41ee13_b.png& data-rawwidth=&553& data-rawheight=&231& class=&origin_image zh-lightbox-thumb& width=&553& data-original=&/v2-ba517d59bc52dffdfee729c77a41ee13_r.png&&&p&AE中最常用的镜头光晕插件，AK也即时更新到了支持 AE
CC 2015版本,包含Win/Mac版本和所有的预设&/p&&br&&br&&p&&b&&u&文字类：&/u&&/b&&/p&&p&文字效果看似简单，尤其活灵活现的文字效果，就少不了各种预设与表达式的综合使用。&/p&&p&1.AE预设-500个缓入缓出MG动画弹性文字预设&/p&&img src=&/v2-d790c7b2ee5b8c6ec6eb002c3f79acf0_b.png& data-rawwidth=&553& data-rawheight=&299& class=&origin_image zh-lightbox-thumb& width=&553& data-original=&/v2-d790c7b2ee5b8c6ec6eb002c3f79acf0_r.png&&&br&&p&一共包含500个MG文字动画预设(250个入动画+250个出动画)，ffx预设形式，直接拖到文字层即可，每个预设都可以调节振幅，频率，时长等参数&/p&&br&&br&&p&&b&&u&绑定类：&/u&&/b&&/p&&p&AE经常会涉及到MG的动画相关，绑定是最为基础的技巧之一，有了这些插件，就免去自己写繁琐的表达式等：&/p&&p&1.人物IK骨骼绑定AE插件 Aescripts
BAO Bones V1.4 Win &/p&&img src=&/v2-c4b3ad6c1f31bd00fdbb_b.png& data-rawwidth=&553& data-rawheight=&250& class=&origin_image zh-lightbox-thumb& width=&553& data-original=&/v2-c4b3ad6c1f31bd00fdbb_r.png&&&br&&br&&p&2.AE Duik卡通人物角色绑定动画教程 Lynda – After Effects Duik Rigging & Animation Tools&/p&&br&&img src=&/v2-ee46869fad88b_b.jpg& data-rawwidth=&583& data-rawheight=&265& class=&origin_image zh-lightbox-thumb& width=&583& data-original=&/v2-ee46869fad88b_r.jpg&&&p&DUIK是AE中很常用的人物角色动画绑定插件，支持Win/Mac，本教程通过多个案例完全讲解该脚本的使用方法和人物的绑定流程&/p&&br&&br&&p&&b&&u&粒子类：&/u&&/b&&/p&&p&毫无疑问，粒子是AE重要的组成部分，基本的粒子插件虽然强大，但是也需要调整，有时候你只要一些简单直接的效果，不需要从根本调整起，这些插件就能起到很好的作用。&/p&&br&&p&1.AE脚本-Particular炫酷粒子消散汇聚特效文字图片Logo脚本插件&/p&&img src=&/v2-ed25d064c0c9ad9b038a2_b.png& data-rawwidth=&553& data-rawheight=&302& class=&origin_image zh-lightbox-thumb& width=&553& data-original=&/v2-ed25d064c0c9ad9b038a2_r.png&&&br&&br&&p&2.AE节点型三维粒子插件 Stardust v0.9.2 Win/Mac CC2014-CC2017&/p&&img src=&/v2-6752fee7e70caedb7e05a3_b.png& data-rawwidth=&553& data-rawheight=&253& class=&origin_image zh-lightbox-thumb& width=&553& data-original=&/v2-6752fee7e70caedb7e05a3_r.png&&&p&Stardust是一个节点型AE 3D粒子插件，从宣传视频和介绍中说明有大量的粒子预设可以使用，轻松修改和替换预设，2D/3D无限粒子控制，发射器/粒子/复制/力场/3D模型/文字Maks等控制，多种生成方式&/p&&br&&br&&p&3.AE三维粒子插件 Aescripts Plexus V3.0.12 CS5.5-CC2017 Win/Mac&/p&&img src=&/v2-742dda1c7ef4_b.png& data-rawwidth=&485& data-rawheight=&203& class=&origin_image zh-lightbox-thumb& width=&485& data-original=&/v2-742dda1c7ef4_r.png&&&p&Plexus是AE新一代三维粒子动画插件，可以控制各种参数，让粒子线条做各种可视化动画效果，支持CC 2017, CC 2015.3, CC 2015, CC 2014, CC, CS6, CS5.5 Win/Mac版本&/p&&br&&br&&p&4.尘土粒子图片破碎消散特效AE脚本 SandStorm Motion Kit + 使用教程&/p&&img src=&/v2-4df163766e_b.png& data-rawwidth=&553& data-rawheight=&191& class=&origin_image zh-lightbox-thumb& width=&553& data-original=&/v2-4df163766e_r.png&&&br&&br&&br&&p&&b&&u&水彩水墨类：&/u&&/b&&/p&&p&如果原始手动制作水墨效果那只有吐血的份，但是水墨又是很常见的效果，于是熟练使用制作好的插件就很重要了。&/p&&p&1.AE脚本-水墨水彩遮罩汇聚图片展示片头工具包 Watercolor Motion Kit&/p&&img src=&/v2-59b03d472efce1fb336c001df93bc548_b.png& data-rawwidth=&553& data-rawheight=&193& class=&origin_image zh-lightbox-thumb& width=&553& data-original=&/v2-59b03d472efce1fb336c001df93bc548_r.png&&&br&&br&&p&2.AE脚本-粒子烟雾火焰水墨图形汇聚破碎图片Logo文字特效插件预设&/p&&img src=&/v2-a473edbe47d_b.png& data-rawwidth=&553& data-rawheight=&183& class=&origin_image zh-lightbox-thumb& width=&553& data-original=&/v2-a473edbe47d_r.png&&&p&包含55种粒子效果：火焰，烟雾，尘土，图标，图形，文字，水墨，飞鸟，粒子生长等；可以设置粒子的大小，旋转，飘动的方向，出入动画等多种参数，另外可以将不同的粒子效果组合在一起制作更加炫酷的效果&/p&&br&&br&&br&&p&&b&&u&表达式类：&/u&&/b&&/p&&p&表达式容易出错，难度也不小，而且很多表达式是可以直接改过来进行使用的，并用于借鉴与学习。&/p&&p&1.AE修复表达式语言错误脚本 Aescripts Expression Universalizer V2.5.11&/p&&img src=&/v2-d8c6aadaf0abbe_b.png& data-rawwidth=&479& data-rawheight=&263& class=&origin_image zh-lightbox-thumb& width=&479& data-original=&/v2-d8c6aadaf0abbe_r.png&&&p&AE工程都是用英文版AE制作的，如果工程涉及到表达式，而且你使用中文版或者其他语言版本的AE，就会有错误提示，可以先在英文版AE中打开模板，然后使用这个脚本，可以将模板转化成任何语言都可以使用&/p&&br&&br&&br&&p&&b&&u&关键帧类型：&/u&&/b&&/p&&p&手K关键帧，调动关键帧曲线似乎人人都会，但是你要是真的把关键帧K的无比流畅，就非常困难的，比如一个球体落地倒弹起反复直到静止等等，有了关键这类的插件就能很快的拖动或者直接进行选择，解决了大部分使用情况。&/p&&p&1.AE关键帧弹簧缓入缓出脚本 Aescripts Ease and Wizz 2.5 + 使用教程&/p&&img src=&/v2-58fb14ada0af09ed90f4ae_b.png& data-rawwidth=&527& data-rawheight=&148& class=&origin_image zh-lightbox-thumb& width=&527& data-original=&/v2-58fb14ada0af09ed90f4ae_r.png&&&p&Ease and Wizz可以改变关键帧的属性，例如更多类型的缓入缓出等，特别适合在Motion制作中使用，同样适用于其他任何动画。&/p&&br&&br&&p&2.AE关键帧弹性缓入缓出曲线调节MG动画脚本插件 Flow V1.1.1 Win/Mac&/p&&img src=&/v2-a5de97b16fe3c97c3b23c_b.png& data-rawwidth=&553& data-rawheight=&338& class=&origin_image zh-lightbox-thumb& width=&553& data-original=&/v2-a5de97b16fe3c97c3b23c_r.png&&&br&&p&l
默认包含25种关键帧曲线可以直接使用，自己也可以单独对每个曲线进行调节&/p&&p&l
选择需要的曲线，点击应用，即可加载到图形动画上，十分简单&/p&&p&l
可以选择以关键帧或者表达式的方式加载到图形上，可以选择入动画/出动画/出入动画分别加载曲线动画&/p&&p&l
可以将自己做的曲线保存到库里，方便以后使用&/p&&br&&br&&br&&p&&b&&u&其他：（有一定概率用到，而实际制作又比较繁琐）&/u&&/b&&/p&&p&1.做路径动画也是偶尔会需要用到的，比如在你的作品里展示你的行程路径，演示等等。&/p&&p&真实地图路径绘制AE脚本 Aescripts GEOlayers 2 + 使用教程 &/p&&p&可以直接在AE中绘制各种效果的地图，包括地图国家，街道等，配合Trapcode Mir可以模拟制作3D效果地图，默认包含14种地图样式。&/p&&img src=&/v2-f9dc54f9cf8cf81e8539c3_b.png& data-rawwidth=&487& data-rawheight=&271& class=&origin_image zh-lightbox-thumb& width=&487& data-original=&/v2-f9dc54f9cf8cf81e8539c3_r.png&&&br&&br&&br&&p&2.AE实用小工具脚本 Aescripts Tiny Tools V1.1 + 使用教程&/p&&img src=&/v2-3bf438c822_b.png& data-rawwidth=&487& data-rawheight=&222& class=&origin_image zh-lightbox-thumb& width=&487& data-original=&/v2-3bf438c822_r.png&&&p&包含13个AE快捷实用小功能，比如计算器，关键帧烘焙，色彩匹配，内存清理，图层链接，表达式修改等&/p&&br&&br&&p&3.AE镜头景深虚焦模糊插件 Frischluft Lenscare V1.4.8 Win (depth of
field/out of focus)&/p&&img src=&/v2-b479eb250f49addeb2d2e6_b.png& data-rawwidth=&553& data-rawheight=&238& class=&origin_image zh-lightbox-thumb& width=&553& data-original=&/v2-b479eb250f49addeb2d2e6_r.png&&&p&AE镜头虚景深焦模糊插件
Frischluft Lenscare V1.4.8 Win&/p&&br&&br&&p&4.网站界面制作AE脚本 Aescripts RigFast Web Browsers&/p&&img src=&/v2-e4dfffcc6af9e49a3f4ea6b_b.png& data-rawwidth=&553& data-rawheight=&151& class=&origin_image zh-lightbox-thumb& width=&553& data-original=&/v2-e4dfffcc6af9e49a3f4ea6b_r.png&&&p&默认包含7种款式的网页效果，可以修改页面内容，图标，翻转移动等多种属性&/p&&br&&br&&p&5.AE预设:100个电视信号损坏条纹雪花噪点惊悚恐怖效果预设&/p&&img src=&/v2-cee7e950ed65b42dc0c0_b.png& data-rawwidth=&553& data-rawheight=&245& class=&origin_image zh-lightbox-thumb& width=&553& data-original=&/v2-cee7e950ed65b42dc0c0_r.png&&&p&包含AE工程和ffx格式预设，预设直接拖拽到视频即可看到效果，使用简单，方便制作电视雪花噪点，营造恐怖惊悚效果&/p&&br&&br&&p&6.根据音频自动剪辑AE脚本 Aescripts Automated Video Editing v1.09&/p&&img src=&/v2-d0e47f0cd157ebda77ec61_b.png& data-rawwidth=&479& data-rawheight=&261& class=&origin_image zh-lightbox-thumb& width=&479& data-original=&/v2-d0e47f0cd157ebda77ec61_r.png&&&p&导入大量的视频之后，会自动根据音乐的节拍来剪辑，自己也可以自定义剪辑的方法规则，是不是很有趣。&/p&&br&&br&&p&7.AE箭头路径运动脚本 Path Arrow + 使用教程&/p&&img src=&/v2-9f4eead6babdd0d7e9c58_b.png& data-rawwidth=&475& data-rawheight=&265& class=&origin_image zh-lightbox-thumb& width=&475& data-original=&/v2-9f4eead6babdd0d7e9c58_r.png&&&br&&p&可以在AE中沿路径制作箭头动画，调节箭头的大小，描边，运动速率等多种参数，支持CS6或者更高版本AE，其他的脚本例如Easy Arrow也可以制作类型的效果&/p&&br&&br&&p&8.AE摄像机运动控制脚本 Aescripts MonkeyCam Pro v1.0 + 使用教程&/p&&img src=&/v2-e2a6911afba35c_b.png& data-rawwidth=&553& data-rawheight=&156& class=&origin_image zh-lightbox-thumb& width=&553& data-original=&/v2-e2a6911afba35c_r.png&&&p&MonkeyCam Pro可以在AE中十分方便的控制摄像机动画，多个目标点之前摄像机动画制作，运动模糊，焦距，抖动等多种属性可以调节&/p&&br&&br&&p&&b&以上，感谢。祝大家都成大牛~ &/b&&/p&&br&&p&&b&最后因为不让放下载链接，只能烦请各位搜索下载啦，其实很多的。&/b&&/p&&p&&b&推荐一些很好的后期网站给你们吧：&/b&&/p&&p&&b&&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&龋齿一号GFXCamp|最新CG资源素材分享&i class=&icon-external&&&/i&&/a&&/b& &/p&&p&&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&& | 大众脸影视后期特效&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&C4D之家-我的设计网站,我的C4D之家！&i class=&icon-external&&&/i&&/a& &/p&&p&一般都有的~&/p&&br&&p&&b&PS：&/b&&/p&&p&&b&&u&我说朋友们啊，别光收藏别不赞啊..我就这点追求了..就..互相成全下呗。&/u&&/b&&/p&&br&&p&&b&&u&入门自学：&/u&&/b&&/p&&p&&a href=&/question//answer/& class=&internal&&自学 Ae 有哪些好的教程推荐？&/a&&/p&
使用AE的朋友，知道如果需要快速高效的产出的话，插件简直是必不可少的。因为你真的不可能从底层效果一点一点做起，何况自带特效的本质就是插件... 于是我瞄了一眼自己的插件库： 因为不让放下载链接，我就把好的后期相关网站推荐给诸位了。不然网上有问题…
&img src=&/v2-700b5d19f671c14eb68ed_b.png& data-rawwidth=&1280& data-rawheight=&720& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/v2-700b5d19f671c14eb68ed_r.png&&知乎现在人人都能写文章了，还没尝过鲜的我来试一下文章功能，顺便写几个很简单，也比较实用的小效果，这些效果或许多人知道，但也或许被人忽略。&p&1，rgb分离&/p&&p&或许是一个挺简单的效果，但大部分都是局限于twitch的自带的动态rgb分离，一旦提到静态的rgb分离却不知道如何做了。&/p&&p&这里使用的是 飞舞的团子 曾发布过的方法。&/p&&p&首先将合成复制三层，分别命名为 红蓝绿 接下来他们将分别成为三个通道。&/p&&p&&img src=&/v2-b521ea989c145a81acf0d_b.png& data-rawwidth=&830& data-rawheight=&110& class=&origin_image zh-lightbox-thumb& width=&830& data-original=&/v2-b521ea989c145a81acf0d_r.png&&接着将所有层添加 效果 转换通道&/p&&img src=&/v2-e06887ac6dbf1dcf7513_b.png& data-rawwidth=&679& data-rawheight=&778& class=&origin_image zh-lightbox-thumb& width=&679& data-original=&/v2-e06887ac6dbf1dcf7513_r.png&&&p&接着设置每个层，蓝色就只有蓝色 ，绿色就只有绿色，其余则全部关闭，如下图&/p&&img src=&/v2-ecaae0db6b72fe0b82d83_b.png& data-rawwidth=&358& data-rawheight=&130& class=&content_image& width=&358&&&p&然后图层 混合模式-添加，这时会发现图会变成原来的样子。&/p&&p&然后任意移动或缩放任意一个图层，rgb分离效果便出来了。&/p&&p&&img src=&/v2-1c501defaf18e6f5be7d7_b.png& data-rawwidth=&1280& data-rawheight=&664& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/v2-1c501defaf18e6f5be7d7_r.png&&2，形状字&/p&&br&&p&&img src=&/v2-5c4bbbff5c9cb_b.png& data-rawwidth=&919& data-rawheight=&209& class=&origin_image zh-lightbox-thumb& width=&919& data-original=&/v2-5c4bbbff5c9cb_r.png&&这是在一些静止系 ，pv里经常出现的效果。&/p&&p&操作十分简单，但是效果的确很好看。如下&/p&&p&首先，将文本转换为形状层。&/p&&p&&img src=&/v2-be86bf9ee5b7f3be2d72dc_b.png& data-rawwidth=&603& data-rawheight=&122& class=&origin_image zh-lightbox-thumb& width=&603& data-original=&/v2-be86bf9ee5b7f3be2d72dc_r.png&&接着在形状层内添加修剪路径&/p&&p&&img src=&/v2-35bd8eb2b4e_b.png& data-rawwidth=&642& data-rawheight=&218& class=&origin_image zh-lightbox-thumb& width=&642& data-original=&/v2-35bd8eb2b4e_r.png&&然后便可以调整修剪路径效果的数值了，效果便出来了。&/p&&p&&img src=&/v2-ec8abebe6d8e0ff49c2c0_b.png& data-rawwidth=&1241& data-rawheight=&696& class=&origin_image zh-lightbox-thumb& width=&1241& data-original=&/v2-ec8abebe6d8e0ff49c2c0_r.png&&3，融球效果 &/p&&p&这个效果也来源于 飞舞的团子 的教程 ，但其主打的是某表达式而不是融球效果，这里单独将融球部分拿出来。&/p&&p&首先建立三个圆（想做几个都行）&/p&&img src=&/v2-ddc0f5e55e1a_b.png& data-rawwidth=&1308& data-rawheight=&679& class=&origin_image zh-lightbox-thumb& width=&1308& data-original=&/v2-ddc0f5e55e1a_r.png&&&br&&p&然后建立调节层，添加 方框模糊 将数值调为下图（可按自己所需微调）&/p&&p&&img src=&/v2-794c86ed9dde_b.png& data-rawwidth=&366& data-rawheight=&134& class=&content_image& width=&366&&然后添加 遮罩阻塞工具&/p&&p&&img src=&/v2-321eab18a23e7d4270a4e_b.png& data-rawwidth=&365& data-rawheight=&200& class=&content_image& width=&365&&将灰色阶柔和度 调为2% 几何柔和度调高。（发现白底影响效果我把白底去掉了）&/p&&img src=&/v2-63bb7d5abfbd3_b.png& data-rawwidth=&1063& data-rawheight=&411& class=&origin_image zh-lightbox-thumb& width=&1063& data-original=&/v2-63bb7d5abfbd3_r.png&&&br&&p&算是一个比较简单的融球小效果，（不常用）&/p&&p&4，形状层抖动&/p&&p&这个效果在百舌谷的pv里曾出现过，也算是一个简单的小效果。&/p&&p&首先需要一个形状层，我使用刚才所使用的字&/p&&p&&img src=&/v2-c8fe38aa57d4a9482bbcca7_b.png& data-rawwidth=&790& data-rawheight=&445& class=&origin_image zh-lightbox-thumb& width=&790& data-original=&/v2-c8fe38aa57d4a9482bbcca7_r.png&&添加了摆动路径的效果，结果变的面目全非，接下来便是去摆动路径效果下调试&/p&&p&&img src=&/v2-9d80aef7f3f02f_b.png& data-rawwidth=&1289& data-rawheight=&613& class=&origin_image zh-lightbox-thumb& width=&1289& data-original=&/v2-9d80aef7f3f02f_r.png&&将详细信息调为0 ，大小调整适当，然后再将每秒摇摆数提高，拉动时间轴就可以看到明显效果啦。&/p&&p&也便先分享以上几个效果，觉得对你有帮助的话可以点个赞哦。&/p&
知乎现在人人都能写文章了，还没尝过鲜的我来试一下文章功能，顺便写几个很简单，也比较实用的小效果，这些效果或许多人知道，但也或许被人忽略。1，rgb分离或许是一个挺简单的效果，但大部分都是局限于twitch的自带的动态rgb分离，一旦提到静态的rgb分离却…
&img src=&/v2-941acf0cfe3cfb8d3c7fced_b.png& data-rawwidth=&1273& data-rawheight=&579& class=&origin_image zh-lightbox-thumb& width=&1273& data-original=&/v2-941acf0cfe3cfb8d3c7fced_r.png&&&p&&/p&&p&玩不转文字，别说你会AE，文字的装饰手法数不胜数，但基础玩法是有套路的，本次说一下这些套路的走法。其次很抱歉的说明一下，之前准备写16个常用表达式的，结果发现剩下的很难用文字表述清楚，以后有时间录个视频补上吧，抱歉！&/p&&p&&br&&/p&&h2&一、关于文本&/h2&&p&1、文字的输入：ae输出点文本很简单，如果要输入段落文本，请使用文字工具现在面板上拉出一个界定框，这样更加方便。&/p&&p&&br&&/p&&img src=&/v2-0d758e22f54f3d1cab1fbd7a6f57c58a_b.png& data-rawwidth=&951& data-rawheight=&535& class=&origin_image zh-lightbox-thumb& width=&951& data-original=&/v2-0d758e22f54f3d1cab1fbd7a6f57c58a_r.png&&&p&&br&&/p&&p&2、段落文本转为点文本时，所有在界定框之外的文字都会被删除，避免文本丢失，可以调节界定框的大小。&/p&&p&3、关于字体，最好安装规范的字体，否则AE无法编码就会报错，很多情况是你做了一半的东西如果没来得及保存的话，一个报错弹窗就全废掉了，因为弹窗根本关不掉。&/p&&p&4、文字动画会将单个文字当作独立的字符设置动画，如果需要两个或者多个文字作为一个独立的字符，可选择这些文字，打开无间断选项。&/p&&p&&br&&/p&&img src=&/v2-abd1aca5091_b.png& data-rawwidth=&744& data-rawheight=&444& class=&origin_image zh-lightbox-thumb& width=&744& data-original=&/v2-abd1aca5091_r.png&&&p&&br&&/p&&p&5、为文字设置描边，默认的线段连接类型为尖角，可以根据自己需要修改为圆角或者斜角。&/p&&p&&br&&/p&&img src=&/v2-d4fb01a7f63dbf3c17f18ef0b32b72d3_b.png& data-rawwidth=&885& data-rawheight=&429& class=&origin_image zh-lightbox-thumb& width=&885& data-original=&/v2-d4fb01a7f63dbf3c17f18ef0b32b72d3_r.png&&&p&&br&&/p&&img src=&/v2-64b411da2e9d74ac9e73b8_b.png& data-rawwidth=&686& data-rawheight=&298& class=&origin_image zh-lightbox-thumb& width=&686& data-original=&/v2-64b411da2e9d74ac9e73b8_r.png&&&p&&br&&/p&&p&6、使用直排文本时，可选中需要横排的文字选择字符面板右边菜单-直排内横排。&/p&&p&&br&&/p&&img src=&/v2-dd3bf90aa86b9c_b.png& data-rawwidth=&924& data-rawheight=&482& class=&origin_image zh-lightbox-thumb& width=&924& data-original=&/v2-dd3bf90aa86b9c_r.png&&&p&&br&&/p&&img src=&/v2-94ddab4649_b.png& data-rawwidth=&695& data-rawheight=&326& class=&origin_image zh-lightbox-thumb& width=&695& data-original=&/v2-94ddab4649_r.png&&&p&二、文字动画&/p&&p&1、文字动画有自己相对独立的一套系统，简单好用，输入文字后，时间轴面板打开文字属性，选择动画控件，几乎所有的关于文字动画的工具全在里边了。&/p&&p&&br&&/p&&img src=&/v2-b351bddc187_b.png& data-rawwidth=&732& data-rawheight=&411& class=&origin_image zh-lightbox-thumb& width=&732& data-original=&/v2-b351bddc187_r.png&&&p&&br&&/p&&p&2、添加任意一个工具给文字，属性中都会附加一个范围选择器，可以这么说，大部分动画都在这个范围选择器当中做关键帧。&/p&&p&&br&&/p&&img src=&/v2-a6f58bf68f3d6da5a69edb742f34a19e_b.png& data-rawwidth=&719& data-rawheight=&306& class=&origin_image zh-lightbox-thumb& width=&719& data-original=&/v2-a6f58bf68f3d6da5a69edb742f34a19e_r.png&&&p&如上图添加了位置和旋转工具，调整相应的数值，动画的部分就是在范围选择器里边制作，默认起始为0，结束100，偏移0。如果给起始属性打上关键帧，0时文字默认不变，100时所有文字变为调整了位置和旋转后的状态。&/p&&p&&br&&/p&&h2&三、文字动画案例&/h2&&p&1、逐字3D化：&/p&&p&A、输入文字，启用逐字3D化。&/p&&p&B、添加位置和旋转工具。&/p&&p&C、将工具中的（注意不是文本图层的）X轴旋转设置为45，位置Z轴为-100&/p&&p&D、打开范围选择器，0秒处偏移属性设置关键帧，值为-15%，结束值修改为15%；&/p&&p&E、时间指针移动到5秒位置，偏移属性设置100%&/p&&p&&br&&/p&&img src=&/v2-165df5a5a2be47ccaabe82_b.png& data-rawwidth=&981& data-rawheight=&398& class=&origin_image zh-lightbox-thumb& width=&981& data-original=&/v2-165df5a5a2be47ccaabe82_r.png&&&p&&br&&/p&&p&为了方便观察动画，我们将整个文字图层Y轴旋转-45，观察文字动画如下：&/p&&p&&br&&/p&&img src=&/v2-5f2afa31ae6e9fd8f1b63f_b.jpg& data-rawwidth=&1280& data-rawheight=&720& data-thumbnail=&/v2-5f2afa31ae6e9fd8f1b63f_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/v2-5f2afa31ae6e9fd8f1b63f_r.gif&&&p&&br&&/p&&p& 2、字符位移：&/p&&p&A、打开动画空间，添加字符位移工具&/p&&p&B、字符位移值设为5&/p&&p&C、打开范围选择器，0秒处为起始打上关键帧&/p&&p&D、指针移动到4秒位置，将起始属性值设为100%&/p&&p&整个动画显示如下：&/p&&p&&br&&/p&&img src=&/v2-1317bfdd2be395d24fe3e_b.jpg& data-rawwidth=&1280& data-rawheight=&720& data-thumbnail=&/v2-1317bfdd2be395d24fe3e_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/v2-1317bfdd2be395d24fe3e_r.gif&&&p&&br&&/p&&h2&四、文字动画练习技巧&/h2&&p&1、以上只说了两个案例，但所有的工具几乎都是这样的操作思路，可以自己去尝试，而且多个工具相互组合，可以制作出无穷尽的效果，特别有意思。&/p&&p&2、可以使用AE动画预设来学习文字动画的制作，菜单栏-动画-将动画预设应用于。。。即可打开预设文件，选择Text文件夹，里边各种文字预设可以直接使用。&/p&&p&&br&&/p&&img src=&/v2-802ed6a107f3ccbfb98d_b.png& data-rawwidth=&969& data-rawheight=&480& class=&origin_image zh-lightbox-thumb& width=&969& data-original=&/v2-802ed6a107f3ccbfb98d_r.png&&&p&&br&&/p&&p&3、预设使用方法有两种，一种是直接如上打开预设，其次如果安装了Adobe Bridge软件的话，选择浏览预设，可自动启动Bridge软件，里边的预设可以先预览效果，双击即可使用。&/p&&p&4、使用Bridge软件双击调用预设时，AE软件中一定要选中需要添加预设的文字图层，且时间指针所在处，即是预设动画关键帧开始的地方。&/p&&p&5、可以调用不同的预设动画，观察使用了哪些文字工具，以及如何使用的，可以快速掌握文字动画技巧。&/p&&p&&/p&
玩不转文字，别说你会AE，文字的装饰手法数不胜数，但基础玩法是有套路的，本次说一下这些套路的走法。其次很抱歉的说明一下，之前准备写16个常用表达式的，结果发现剩下的很难用文字表述清楚，以后有时间录个视频补上吧，抱歉！ 一、关于文本1、文字的输入…
&img src=&/v2-be33eef62d2c_b.jpg& data-rawwidth=&1197& data-rawheight=&588& class=&origin_image zh-lightbox-thumb& width=&1197& data-original=&/v2-be33eef62d2c_r.jpg&&&p&&b&一、VALUE&/b&&/p&&p&1、介绍：简单易操作的基础表达式，可以实现对属性数值的灵活控制。&/p&&p&2、案例：给图层旋转属性添加表达式60，旋转属性值变红色且不论如何修改，最终返回值都是60。&br&&/p&&p&&img data-rawheight=&376& src=&/v2-7a98a6cedd569dda4d3b77dfc9568dc9_b.png& data-rawwidth=&818& class=&origin_image zh-lightbox-thumb& width=&818& data-original=&/v2-7a98a6cedd569dda4d3b77dfc9568dc9_r.png&&将表达式修改为value，这样属性值可以随意修改，而且还可以对value值做更多的操作，例如value*2，则旋转效果始终是在属性值的基础上再乘以二。&br&&/p&&p&&img data-rawheight=&378& src=&/v2-d11aba202add6e0008eeca4_b.png& data-rawwidth=&770& class=&origin_image zh-lightbox-thumb& width=&770& data-original=&/v2-d11aba202add6e0008eeca4_r.png&&3、案例：例如对于三维图层的位置属性，可以添加表达式：&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&p&&[&/span&&span class=&nx&&value&/span&&span class=&p&&[&/span&&span class=&mi&&0&/span&&span class=&p&&],&/span&&span class=&nx&&value&/span&&span class=&p&&[&/span&&span class=&mi&&1&/span&&span class=&p&&],&/span&&span class=&nx&&value&/span&&span class=&p&&[&/span&&span class=&mi&&2&/span&&span class=&p&&]]&/span&
&/code&&/pre&&/div&&p&实现对三个维度位置属性的绑定，对任意属性值可以灵活修改了，比如可以将表达式修改为：&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&p&&[&/span&&span class=&nx&&value&/span&&span class=&p&&[&/span&&span class=&mi&&0&/span&&span class=&p&&],&/span&&span class=&nx&&value&/span&&span class=&p&&[&/span&&span class=&mi&&1&/span&&span class=&p&&]&/span&&span class=&o&&*&/span&&span class=&mi&&2&/span&&span class=&p&&,&/span&&span class=&nx&&value&/span&&span class=&p&&[&/span&&span class=&mi&&2&/span&&span class=&p&&]]&/span&
&/code&&/pre&&/div&&p&这样，在Y轴上表达式最终效果始终会是原来属性值的2倍。例如下图，Y属性值设置为10，最终返回值为20.&br&&/p&&p&&img data-rawheight=&376& src=&/v2-d74be843368ced702adf39_b.png& data-rawwidth=&811& class=&origin_image zh-lightbox-thumb& width=&811& data-original=&/v2-d74be843368ced702adf39_r.png&&&b&二、LAYER INDEX&/b&&/p&&p&1、介绍：常用于图层之间的表达式关联。&/p&&p&2、案例：如图有两个同样位置的形状图层&/p&&p&&img data-rawheight=&593& src=&/v2-a465a251cc238a83b03d24_b.png& data-rawwidth=&755& class=&origin_image zh-lightbox-thumb& width=&755& data-original=&/v2-a465a251cc238a83b03d24_r.png&&在形状图层2位置属性上添加表达式：&/p&&div class=&highlight&&&pre&&code class=&language-text&&&span&&/span&[x,value[1]]
&/code&&/pre&&/div&这个时候，软件会出现报错，因为x属于全局变量，系统无法获取值，所以需要首先为x做出定义,在第一行写入x=（在写入状态下使用拉索工具，链接到下边形状图层1位置属性对应的x值），整个表达式显示如下：&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&nx&&x&/span&&span class=&o&&=&/span&&span class=&nx&&thisComp&/span&&span class=&p&&.&/span&&span class=&nx&&layer&/span&&span class=&p&&(&/span&&span class=&s2&&&形状图层 1&&/span&&span class=&p&&).&/span&&span class=&nx&&transform&/span&&span class=&p&&.&/span&&span class=&nx&&position&/span&&span class=&p&&[&/span&&span class=&mi&&0&/span&&span class=&p&&];&/span&
&span class=&p&&[&/span&&span class=&nx&&x&/span&&span class=&p&&,&/span&&span class=&nx&&value&/span&&span class=&p&&[&/span&&span class=&mi&&1&/span&&span class=&p&&]]&/span&
&/code&&/pre&&/div&&p&这样形状图层2的x轴位置与形状图层1始终保持保持一致，如果在第一行表达式后边+300，则形状图层2的x位置始终在形状图层1的x轴加300的位置，如下图右边为形状图层2.&/p&&p&&img data-rawheight=&624& src=&/v2-6c2a6260ba8bee0eef8263efe00dd3be_b.png& data-rawwidth=&1031& class=&origin_image zh-lightbox-thumb& width=&1031& data-original=&/v2-6c2a6260ba8bee0eef8263efe00dd3be_r.png&&将上边的表达式再做修改，将&形状图层 1&修改为index+1，整个表达式显示如下：&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&nx&&x&/span&&span class=&o&&=&/span&&span class=&nx&&thisComp&/span&&span class=&p&&.&/span&&span class=&nx&&layer&/span&&span class=&p&&(&/span&&span class=&nx&&index&/span&&span class=&o&&+&/span&&span class=&mi&&1&/span&&span class=&p&&).&/span&&span class=&nx&&transform&/span&&span class=&p&&.&/span&&span class=&nx&&position&/span&&span class=&p&&[&/span&&span class=&mi&&0&/span&&span class=&p&&]&/span&&span class=&o&&+&/span&&span class=&mi&&300&/span&&span class=&p&&;&/span&
&span class=&p&&[&/span&&span class=&nx&&x&/span&&span class=&p&&,&/span&&span class=&nx&&value&/span&&span class=&p&&[&/span&&span class=&mi&&1&/span&&span class=&p&&]]&/span&
&/code&&/pre&&/div&&p&index表示每个图层前边的唯一序号，整个表达式限定了该图层，始终比其序号+1的图层，在x轴位置相对增加300，比如3图层位置始终在4图层x位置+300的地方。&/p&&p&如此，我们使用ctrl+d将该图层复制多个，因为新复制的图层序号默认为排在首位，所以新出现的图层始终以300的间距向右排列。&/p&&p&&img data-rawheight=&698& src=&/v2-394d2db966be8cd94ab9b4c02dc2b33f_b.png& data-rawwidth=&1017& class=&origin_image zh-lightbox-thumb& width=&1017& data-original=&/v2-394d2db966be8cd94ab9b4c02dc2b33f_r.png&&&b&三、TIME&/b&&/p&&p&1、介绍：十分常用，非常方便的表达式，通过获取时间轴时间变动，将动画赋予属性值。&/p&&p&2、案例：将time用于旋转属性，则对象以指针移动时间为基准开始持续旋转，一秒旋转一度，可以使用time*100将旋转角度控制为100度／秒，例如如下风车转动效果：&/p&&p&&img data-rawheight=&608& src=&/v2-71716b6abd71298bd00bbdeb079c5f7c_b.png& data-rawwidth=&894& class=&origin_image zh-lightbox-thumb& width=&894& data-original=&/v2-71716b6abd71298bd00bbdeb079c5f7c_r.png&&当然time还可以用于不透明度，位置和缩放属性，由于位置和缩放属于二维属性，所以需要分别定义，例如：[time*10,time*10].&/p&&p&&b&四、VALUE AT TIME&/b&&/p&&p&1、介绍：对动画播放时间实现精准控制。&/p&&p&2、案例：如下图五个有五个花色圆形，其中红色为形状图层1，并且设置了缩放属性从小变大的动画。&/p&&img data-rawheight=&651& src=&/v2-cc7bcdbaa0cd31deca4e4a_b.png& data-rawwidth=&924& class=&origin_image zh-lightbox-thumb& width=&924& data-original=&/v2-cc7bcdbaa0cd31deca4e4a_r.png&&&p&打开形状图层2的缩放属性表达式，使用拉索工具链接到形状图层1的缩放属性上，这样，图层1与图层2同时产生由小变大的动画。表达式显示如下：&/p&&div class=&highlight&&&pre&&code class=&language-java&&&span&&/span&&span class=&n&&thisComp&/span&&span class=&o&&.&/span&&span class=&na&&layer&/span&&span class=&o&&(&/span&&span class=&err&&“&/span&&span class=&n&&形状图层1&/span&&span class=&err&&”&/span&&span class=&o&&).&/span&&span class=&na&&transform&/span&&span class=&o&&.&/span&&span class=&na&&scale&/span&
&/code&&/pre&&/div&&p&&img data-rawheight=&260& src=&/v2-fb604ed6ed_b.png& data-rawwidth=&962& class=&origin_image zh-lightbox-thumb& width=&962& data-original=&/v2-fb604ed6ed_r.png&&所有圆同时由小变大不是我们想要的效果，我们希望后一个要比前一个延迟出现变化，可以修改表达式如下：&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&nx&&thisComp&/span&&span class=&p&&.&/span&&span class=&nx&&layer&/span&&span class=&p&&(&/span&&span class=&nx&&index&/span&&span class=&o&&+&/span&&span class=&mi&&1&/span&&span class=&p&&).&/span&&span class=&nx&&transform&/span&&span class=&p&&.&/span&&span class=&nx&&scale&/span&&span class=&p&&.&/span&&span class=&nx&&valueAtTime&/span&&span class=&p&&(&/span&&span class=&nx&&time&/span&&span class=&o&&-&/span&&span class=&mf&&0.5&/span&&span class=&p&&)&/span&
&/code&&/pre&&/div&因为图层1的序号为5，所以排在后边序号的图层需要参考前一个序号图层的动画，使用index+1，获取到前一个图层动画后需要在时间上减去0.5s再做动画，使用了valueAtTime(time-0.5)，注意大小写。&p&右键点击图层2缩放属性，选择仅复制表达式，打开并全选所有后边图层的缩放属性，粘贴表达式，如此，动画显示如下：&/p&&img data-rawheight=&720& src=&/v2-e8bcdc9a80fb48f1ad3ea_b.jpg& data-rawwidth=&1280& data-thumbnail=&/v2-e8bcdc9a80fb48f1ad3ea_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1280& data-original=&/v2-e8bcdc9a80fb48f1ad3ea_r.gif&&&br&&br&&b&五、SOURCE RECT AT TIME&/b&&p&1、介绍：通过获取图层内容块宽高的即时变化，将数值赋予其他属性。&/p&&p&2、案例：如下图，我们想要绿色文字条与文字宽度始终保持一致，且当我们再增加文字的时候，文字条会跟随变宽。&/p&&p&&img data-rawheight=&537& src=&/v2-8342faaea53e0ec508d36_b.png& data-rawwidth=&668& class=&origin_image zh-lightbox-thumb& width=&668& data-original=&/v2-8342faaea53e0ec508d36_r.png&&打开形状图层矩形大小属性，定义两个维度值，使用拉索工具定义X的值，并在后边添加sourceRectAtTime().width表达式，获取文本图层的块宽度，表达式如下：&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&nx&&x&/span&&span class=&o&&=&/span&&span class=&nx&&thisComp&/span&&span class=&p&&.&/span&&span class=&nx&&layer&/span&&span class=&p&&(&/span&&span class=&s2&&&cinemawk&&/span&&span class=&p&&).&/span&&span class=&nx&&sourceRectAtTime&/span&&span class=&p&&().&/span&&span class=&nx&&width&/span&&span class=&p&&;&/span&
&span class=&p&&[&/span&&span class=&nx&&x&/span&&span class=&p&&,&/span&&span class=&nx&&value&/span&&span class=&p&&[&/span&&span class=&mi&&1&/span&&span class=&p&&]]&/span&
&/code&&/pre&&/div&&p&画面显示如下：&/p&&p&&img data-rawheight=&363& src=&/v2-294acd14f0a3bec406f05ee2e25c8626_b.png& data-rawwidth=&643& class=&origin_image zh-lightbox-thumb& width=&643& data-original=&/v2-294acd14f0a3bec406f05ee2e25c8626_r.png&&这时再修改文本，增加或者删除文字，文字条的宽度都与文字宽度保持一致：&/p&&img data-rawheight=&356& src=&/v2-dc2be82eeb54f97ad2d9dc2_b.png& data-rawwidth=&639& class=&origin_image zh-lightbox-thumb& width=&639& data-original=&/v2-dc2be82eeb54f97ad2d9dc2_r.png&&系列文章待续。。。&br&&br&&h2&&b&AE表达式系列&/b&&/h2&&a href=&/p/& class=&internal&&初见AE表达式 - 知乎专栏&/a&&br&&a href=&/p/& class=&internal&&推荐16个实用AE表达式（二） - 知乎专栏&/a&
一、VALUE1、介绍：简单易操作的基础表达式，可以实现对属性数值的灵活控制。2、案例：给图层旋转属性添加表达式60，旋转属性值变红色且不论如何修改，最终返回值都是60。 将表达式修改为value，这样属性值可以随意修改，而且还可以对value值做更多的操作，…
&img src=&/v2-31ffdc3e098ede0cc513c1_b.jpg& data-rawwidth=&1834& data-rawheight=&1080& class=&origin_image zh-lightbox-thumb& width=&1834& data-original=&/v2-31ffdc3e098ede0cc513c1_r.jpg&&&i&「只要功夫深 不用关键帧」将不定期更新一些AE表达式和脚本的奇技淫巧，希望能给大家带来一些启发。&/i&&p&AE里的图层，都有一个自己的唯一编号，在表达式里我们可以访问并利用这些图层序号，在某些场景下能提高效率。&br&&/p&&img src=&/v2-bb8f429ccaaa9ec7fac756bc9486ead4_b.png& data-rawwidth=&1710& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&1710& data-original=&/v2-bb8f429ccaaa9ec7fac756bc9486ead4_r.png&&&p&图层名称左边的就是图层序号，从1开始，在表达式里用&index&即可访问当前图层的序号。&/p&&p&最简单的例子，我们可以利用它自动排列。&/p&&p&新建一个文本图层，把它放到合成的上方，先给他的“源文本”属性添加表达式：&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&s2&&&行数&&/span& &span class=&o&&+&/span& &span class=&nx&&index&/span&&span class=&p&&;&/span&
&/code&&/pre&&/div&&p&这样它是第几个图层就是第几行。&/p&&p&然后对它的“位置”属性添加表达式：&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&c1&&//图层序号从1开始，但是计算的时候从0开始比较符合逻辑，所以可以先修正一下&/span&
&span class=&kd&&var&/span& &span class=&nx&&indexFixed&/span& &span class=&o&&=&/span& &span class=&nx&&index&/span& &span class=&o&&-&/span& &span class=&mi&&1&/span&&span class=&p&&;&/span&
&span class=&c1&&//每一行之间的距离，可以根据实际情况估算&/span&
&span class=&kd&&var&/span& &span class=&nx&&offset&/span& &span class=&o&&=&/span& &span class=&mi&&100&/span&&span class=&p&&;&/span&
&span class=&c1&&//每一行在y轴上偏移量为（图层序号-1）* 行距，x轴不变&/span&
&span class=&kd&&var&/span& &span class=&nx&&x&/span&&span class=&o&&=&/span&&span class=&nx&&value&/span&&span class=&p&&[&/span&&span class=&mi&&0&/span&&span class=&p&&];&/span&
&span class=&kd&&var&/span& &span class=&nx&&y&/span&&span class=&o&&=&/span&&span class=&nx&&value&/span&&span class=&p&&[&/span&&span class=&mi&&1&/span&&span class=&p&&]&/span& &span class=&o&&+&/span& &span class=&nx&&offset&/span&&span class=&o&&*&/span&&span class=&nx&&indexFixed&/span&&span class=&p&&;&/span&
&span class=&nx&&value&/span& &span class=&o&&=&/span& &span class=&p&&[&/span&&span class=&nx&&x&/span&&span class=&p&&,&/span&&span class=&nx&&y&/span&&span class=&p&&]&/span&
&/code&&/pre&&/div&这样只要对图层进行复制（选中图层，快捷键CTRL + D / Command + D），它就会自动排列了。&p&&img src=&/v2-f17a13eef1ee9757025afd02574c9dad_b.jpg& data-rawwidth=&668& data-rawheight=&582& data-thumbnail=&/v2-f17a13eef1ee9757025afd02574c9dad_b.jpg& class=&origin_image zh-lightbox-thumb& width=&668& data-original=&/v2-f17a13eef1ee9757025afd02574c9dad_r.gif&&也可以在别的属性上叠加效果，例如在“缩放”属性上添加：&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&c1&&//图层顺序每增加1，图层减小5%&/span&
&span class=&kd&&var&/span& &span class=&nx&&temp&/span& &span class=&o&&=&/span& &span class=&mi&&100&/span& &span class=&o&&-&/span& &span class=&mi&&5&/span&&span class=&o&&*&/span&&span class=&nx&&index&/span&&span class=&p&&;&/span&
&span class=&nx&&value&/span& &span class=&o&&=&/span& &span class=&p&&[&/span&&span class=&nx&&temp&/span&&span class=&p&&,&/span&&span class=&nx&&temp&/span&&span class=&p&&];&/span&
&/code&&/pre&&/div&&p&效果如下：&/p&&img src=&/v2-886b038f437fde637ee09f1_b.jpg& data-rawwidth=&596& data-rawheight=&530& data-thumbnail=&/v2-886b038f437fde637ee09f1_b.jpg& class=&origin_image zh-lightbox-thumb& width=&596& data-original=&/v2-886b038f437fde637ee09f1_r.gif&&&p&其实我个人平时用的最多的是在“旋转”属性上。新建一个矩形形状图层，矩形移到正上方，保持图层的固定点在合成中心，然后为“旋转”添加：&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&kd&&var&/span& &span class=&nx&&indexFixed&/span& &span class=&o&&=&/span& &span class=&nx&&index&/span& &span class=&o&&-&/span& &span class=&mi&&1&/span&&span class=&p&&;&/span&
&span class=&c1&&//图层顺序每增加1，图层旋转30度&/span&
&span class=&nx&&value&/span& &span class=&o&&=&/span& &span class=&nx&&indexFixed&/span&&span class=&o&&*&/span&&span class=&mi&&30&/span&&span class=&p&&;&/span&
&/code&&/pre&&/div&&p&做仪表盘之类的元素很方便：&/p&&p&&img src=&/v2-c8773ebed5faa9c1298848_b.jpg& data-rawwidth=&578& data-rawheight=&478& data-thumbnail=&/v2-c8773ebed5faa9c1298848_b.jpg& class=&origin_image zh-lightbox-thumb& width=&578& data-original=&/v2-c8773ebed5faa9c1298848_r.gif&&把这些图层预合成，再弄几个不同粗细及数量的，把这些预合成作为元素再组合，做那种科技风格的仪表刻度很方便。&/p&&p&当然如果你数学过关，也可以只在一个合成里完成。以常见的表盘为例，每5度一个小刻度，每30度一个大刻度，还是以刚才的小矩形为例，我们先把“旋转”设为图层顺序每增加1，图层旋转5度：&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&kd&&var&/span& &span class=&nx&&indexFixed&/span& &span class=&o&&=&/span& &span class=&nx&&index&/span& &span class=&o&&-&/span& &span class=&mi&&1&/span&&span class=&p&&;&/span&
&span class=&c1&&//图层顺序每增加1，图层旋转5度&/span&
&span class=&nx&&value&/span& &span class=&o&&=&/span& &span class=&nx&&indexFixed&/span&&span class=&o&&*&/span&&span class=&mi&&5&/span&&span class=&p&&;&/span&
&/code&&/pre&&/div&&p&然后对矩形的“变换” - “缩放”属性（不是图层的“变换” - “缩放”属性哦）添加：&/p&&br&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&kd&&var&/span& &span class=&nx&&temp&/span& &span class=&o&&=&/span& &span class=&mi&&100&/span&&span class=&p&&;&/span&
&span class=&c1&&//若该图层的旋转角度为30，则矩形缩放变为200%&/span&
&span class=&c1&&//'%'是取余运算符，transform.rotation%30的值为0就意味着这一层的旋转角度可以被30整除，即旋转了30度&/span&
&span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nx&&transform&/span&&span class=&p&&.&/span&&span class=&nx&&rotation&/span&&span class=&o&&%&/span&&span class=&mi&&30&/span& &span class=&o&&==&/span& &span class=&mi&&0&/span&&span class=&p&&)&/span& &span class=&nx&&temp&/span& &span class=&o&&=&/span& &span class=&mi&&200&/span&&span class=&p&&;&/span&
&span class=&nx&&value&/span& &span class=&o&&=&/span& &span class=&p&&[&/span&&span class=&nx&&temp&/span&&span class=&p&&,&/span&&span class=&nx&&temp&/span&&span class=&p&&];&/span&
&/code&&/pre&&/div&&p&如图：&/p&&img src=&/v2-88fb93c825dfce9d7acb195_b.jpg& data-rawwidth=&690& data-rawheight=&624& data-thumbnail=&/v2-88fb93c825dfce9d7acb195_b.jpg& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&/v2-88fb93c825dfce9d7acb195_r.gif&&&br&&p&如果我们在旋转的同时改变位移，可以做一些螺旋的东西。还是以刚才的小矩形为例，去掉矩形的“缩放”属性上的表达式，我们在矩形的“变换” - “位置”属性上（不是图层的“变换” - “位置”属性哦）添加：&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&kd&&var&/span& &span class=&nx&&indexFixed&/span& &span class=&o&&=&/span& &span class=&nx&&index&/span& &span class=&o&&-&/span& &span class=&mi&&1&/span&&span class=&p&&;&/span&
&span class=&c1&&//图层顺序每增加1，矩形下移一个像素&/span&
&span class=&nx&&value&/span& &span class=&o&&=&/span& &span class=&nx&&value&/span& &span class=&o&&+&/span& &span class=&p&&[&/span&&span class=&mi&&0&/span&&span class=&p&&,&/span&&span class=&nx&&indexFixed&/span&&span class=&p&&];&/span&
&/code&&/pre&&/div&&p&效果如下：&/p&&p&&img src=&/v2-a76ecbc65ee206_b.jpg& data-rawwidth=&664& data-rawheight=&602& data-thumbnail=&/v2-a76ecbc65ee206_b.jpg& class=&origin_image zh-lightbox-thumb& width=&664& data-original=&/v2-a76ecbc65ee206_r.gif&&前面我们都在用AE画图，下面我们来做回本职工作吧。利用图层序号做动画，基本思路就是先做好单个元素的动画，然后设定好规则复制，就会产生一些有意思的效果。&/p&&p&举个简单例子，还是之前的矩形，我们给矩形的“变换” - “旋转”（再一次。。不是图层的旋转）添加：&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&nx&&ease&/span&&span class=&p&&(&/span&&span class=&nx&&time&/span&&span class=&p&&,&/span&&span class=&nx&&inPoint&/span&&span class=&p&&,&/span&&span class=&mi&&1&/span&&span class=&p&&,&/span&&span class=&mi&&0&/span&&span class=&p&&,&/span&&span class=&mi&&360&/span&&span class=&p&&);&/span&
&/code&&/pre&&/div&&p&恩其实就是让他在从图层开始时间到1秒内转一圈。当然用关键帧也可以，为了装逼我用表达式完成（逃&/p&&p&然后如法复制，效果如下：&/p&&img src=&/v2-5eec9bf7edeb6f126462fd_b.jpg& data-rawwidth=&594& data-rawheight=&614& data-thumbnail=&/v2-5eec9bf7edeb6f126462fd_b.jpg& class=&origin_image zh-lightbox-thumb& width=&594& data-original=&/v2-5eec9bf7edeb6f126462fd_r.gif&&&p&好像看起来有点平淡？那我们再让它稍微酷炫一点：&/p&&p&还是之前的矩形，我们给矩形的“变换” - “缩放”属性添加：&/p&&p&（不好意思我又要装逼了&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&c1&&//一个简单的弹性缩放动画，矩形从无到有“弹”出来，并会根据图层顺序自动时间偏移&/span&
&span class=&c1&&//时间偏移量，序号每加1，偏移0.01秒&/span&
&span class=&kd&&var&/span& &span class=&nx&&t&/span& &span class=&o&&=&/span& &span class=&p&&(&/span&&span class=&nx&&index&/span&&span class=&o&&-&/span&&span class=&mi&&1&/span&&span class=&p&&)&/span&&span class=&o&&/&/span&&span class=&mi&&100&/span&&span class=&p&&;&/span&
&span class=&c1&&//s1在图层开始到0.25秒内从0增加到150（随着图层序号增加时间偏移）&/span&
&span class=&c1&&//s2从0.25到0.5秒内从110减少到100（随着图层序号增加时间偏移）&/span&
&span class=&c1&&//这里其实150和110应该是衔接的，但是我实验了一下这个跳变更有弹性的感觉&/span&
&span class=&kd&&var&/span& &span class=&nx&&s1&/span& &span class=&o&&=&/span& &span class=&nx&&ease&/span&&span class=&p&&(&/span&&span class=&nx&&time&/span&&span class=&p&&,&/span&&span class=&nx&&inPoint&/span& &span class=&o&&+&/span& &span class=&nx&&t&/span&&span class=&p&&,&/span&&span class=&mf&&0.25&/span& &span class=&o&&+&/span& &span class=&nx&&t&/span&&span class=&p&&,&/span&&span class=&mi&&0&/span&&span class=&p&&,&/span&&span class=&mi&&150&/span&&span class=&p&&);&/span&
&span class=&kd&&var&/span& &span class=&nx&&s2&/span& &span class=&o&&=&/span& &span class=&nx&&ease&/span&&span class=&p&&(&/span&&span class=&nx&&time&/span&&span class=&p&&,&/span&&span class=&mf&&0.25&/span&&span class=&o&&+&/span& &span class=&nx&&t&/span&&span class=&p&&,&/span&&span class=&mf&&0.5&/span& &span class=&o&&+&/span& &span class=&nx&&t&/span&&span class=&p&&,&/span&&span class=&mi&&110&/span&&span class=&p&&,&/span&&span class=&mi&&100&/span&&span class=&p&&);&/span&
&span class=&c1&&//条件判断，在不同的时间区间设定不同的缩放变化&/span&
&span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nx&&time&/span& &span class=&o&&&=&/span& &span class=&p&&(&/span&&span class=&nx&&inPoint&/span& &span class=&o&&+&/span& &span class=&nx&&t&/span&&span class=&p&&))&/span& &span class=&nx&&value&/span& &span class=&o&&=&/span& &span class=&p&&[&/span&&span class=&mi&&100&/span&&span class=&p&&,&/span&&span class=&mi&&0&/span&&span class=&p&&];&/span&
&span class=&k&&else&/span& &span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nx&&time&/span& &span class=&o&&&&/span& &span class=&p&&(&/span&&span class=&nx&&inPoint&/span& &span class=&o&&+&/span& &span class=&nx&&t&/span&&span class=&p&&)&/span& &span class=&o&&&&&/span& &span class=&nx&&time&/span& &span class=&o&&&=&/span& &span class=&mf&&0.25&/span& &span class=&o&&+&/span&&span class=&nx&&t&/span&&span class=&p&&)&/span& &span class=&nx&&value&/span& &span class=&o&&=&/span& &span class=&p&&[&/span&&span class=&mi&&100&/span&&span class=&p&&,&/span&&span class=&nx&&s1&/span&&span class=&p&&];&/span&
&span class=&k&&else&/span& &span class=&k&&if&/span&&span class=&p&&(&/span&&span class=&nx&&time&/span&&span class=&o&&&&/span&&span class=&p&&(&/span&&span class=&mf&&0.25&/span& &span class=&o&&+&/span& &span class=&nx&&t&/span&&span class=&p&&)&/span& &span class=&o&&&&&/span& &span class=&nx&&time&/span& &span class=&o&&&=&/span& &span class=&mf&&0.5&/span& &span class=&o&&+&/span&&span class=&nx&&t&/span&&span class=&p&&)&/span& &span class=&nx&&value&/span& &span class=&o&&=&/span& &span class=&p&&[&/span&&span class=&mi&&100&/span&&span class=&p&&,&/span&&span class=&nx&&s2&/span&&span class=&p&&];&/span&
&span class=&k&&else&/span& &span class=&nx&&value&/span& &span class=&o&&=&/span& &span class=&p&&[&/span&&span class=&mi&&100&/span&&span class=&p&&,&/span&&span class=&mi&&100&/span&&span class=&p&&];&/span&
&/code&&/pre&&/div&&p&还是老办法我们复制复制复制，效果如下：&/p&&img src=&/v2-40d07c87f67a1ddec15d6d69a8f26d4f_b.jpg& data-rawwidth=&886& data-rawheight=&668& data-thumbnail=&/v2-40d07c87f67a1ddec15d6d69a8f26d4f_b.jpg& class=&origin_image zh-lightbox-thumb& width=&886& data-original=&/v2-40d07c87f67a1ddec15d6d69a8f26d4f_r.gif&&&br&&p&还不过瘾？那我们再加入点3D效果吧：&/p&&p&在上一个矩形的基础上，我们打开3D图层开关，然后给矩形的“变换” - “位置”属性添加：&br&&/p&&div class=&highlight&&&pre&&code class=&language-js&&&span&&/span&&span class=&c1&&//图层顺序每增加1，矩形后移5个像素&/span&
&span class=&kd&&var&/span& &span class=&nx&&z1&/span& &span class=&o&&=&/span& &span class=&nx&&value&/span&&span class=&p&&[&/span&&span class=&mi&&2&/span&&span class=&p&&]&/span& &span class=&o&&+&/span& &span class=&nx&&index&/span&&span class=&o&&*&/span&&span class=&mi&&5&/span&&span class=&p&&;&/span&
&span class=&nx&&value&/span& &span class=&o&&=&/span& &span class=&nx&&value&/span& &span class=&o&&+&/span& &span class=&p&&[&/span&&span class=&mi&&0&/span&&span class=&p&&,&/span&&span class=&mi&&0&/span&&span class=&p&&,&/span&&span class=&nx&&z1&/span&&span class=&p&&];&/span&
&/code&&/pre&&/div&&p&复制吧少年！效果如下：&/p&&img src=&/v2-4c0fa5ef_b.jpg& data-rawwidth=&776& data-rawheight=&664& data-thumbnail=&/v2-4c0fa5ef_b.jpg& class=&origin_image zh-lightbox-thumb& width=&776& data-original=&/v2-4c0fa5ef_r.gif&&&br&&p&哈哈，不要被复杂的表达式吓到了，其实我们在单个元素上下足功夫，打开脑洞，就能做很多有意思的效果，最后举个例子，用的表达式就是最基础的图层序号应用做出来很魔幻的效果：&/p&&img src=&/v2-c825f6a6e2dbed930dbfc_b.jpg& data-rawwidth=&698& data-rawheight=&602& data-thumbnail=&/v2-c825f6a6e2dbed930dbfc_b.jpg& class=&origin_image zh-lightbox-thumb& width=&698& data-original=&/v2-c825f6a6e2dbed930dbfc_r.gif&&&p&用这个思路，稍微调一下可以得到如下效果（看你脑洞了：&br&&img src=&/v2-8eece13d4b18a_b.jpg& data-rawwidth=&250& data-rawheight=&250& data-thumbnail=&/v2-8eece13d4b18a_b.jpg& class=&content_image& width=&250&&&/p&
「只要功夫深 不用关键帧」将不定期更新一些AE表达式和脚本的奇技淫巧，希望能给大家带来一些启发。AE里的图层，都有一个自己的唯一编号，在表达式里我们可以访问并利用这些图层序号，在某些场景下能提高效率。 图层名称左边的就是图层序号，从1开始，在表}