猫史档案馆

案例，点击效果

今天，我们将会运用前几课学过的知识点，来制作炫酷的点击效果。 

       怎么样，是不是肥肠炫酷？接下来，我们就要一步步来制作这个效果。 首先，打开AE（这里使用的是After Effects 2017 CC Windows版本），新建一个合成，合成大小设置为500×500（像素），帧速率设置为25（每秒），持续时间设置为00:00:01:00（1秒）。这样我们就得到了一个正方形的合成。 

       接着，我们要新建一个形状图层，这个形状图层可以是任何图形，例如说一个圆，一个正方形，一个六边形等等。这里拿圆形做例子，当然也可以按照自己的想法随便来，选择“椭圆工具”，找到常用工具栏右侧的“填充”，点击“填充”两字，把填充样式从“纯色”换成“无”。并且把“描边”一旁的“描边宽度”设置为“10”。接着按下Shift鼠标拖拽出一个圆形，使它的大小与合成差不多。

     接着，我们就要想办法把这个圆移到画面的最中间。看到屏幕左下方的一个工具栏，按下“》》”按钮，找到“对齐”。选择“垂直居中对齐”与“水平居中对齐”。这样，我们就把圆对齐到了中心。但是，我们还要将这个圆的中心点对齐到中心，在常用工具栏中找到“锚点工具（Y）”，移动中心点，自动吸附到中心。这样我们就完完全全地把这个圆移动到画面的最中间了。 

       接下来，我们要为这个圆形打关键帧。找到变换——大小，在0:00:00:00（0秒）的时候按下左边的码表打一个关键帧，将大小设置为“0”，再将时间线拉到0:00:01:00（1秒），自动生成一个关键帧，将大小设置为“100”。接着，找到内容——椭圆1——描边1——描边宽度，在0:00:00:00（0秒）的时候按下左边的码表打一个关键帧，将描边宽度设置为“60”，再将时间线拉到0:00:01:00（1秒），自动生成一个关键帧，将大小设置为“0”。这样，我们就制作出了一个生硬的圆圈放大效果。  

       这样的圆圈放大效果一点都不好看，所以我们需要设置曲线使这个效果更柔和。 选择“缩放”的两个关键帧，按下F9自动先添加一个曲线，接着打开图表编辑器，点击“使所有图表适于查看”，将“选择图标类型和选项”设置为“编辑速度图表”。将曲线拖成一个偏向左边的小山峰（即左侧的关键帧影响小于右侧的关键帧影响）。对“描边宽度”也做同样的操作。

 

       这样我们就制作出了一个柔和的圆圈放大效果。接着我们要来制作文字从圈圈里放大的效果。 新建一个文本，建议内容不要太长，文字不要太大，可以挑选一个你喜欢的字体。使用“对齐工具”将文本对齐到画面的最中间，并按下快捷键“ctrl+alt+home”对齐锚点。找到变换——缩放，在0:00:00:00（0秒）的时候按下左边的码表打一个关键帧，将大小设置为“0”，再将时间线拉到0:00:01:00（1秒），自动生成一个关键帧，将大小设置为“100”。像刚才一样调节曲线成一个小山峰的样子。就制作好了文字放大效果。 

怎么样？是不是肥肠炫酷？接下来就可以按照第二课渲染出来并导入到编程猫IDE平台成为素材了！