当前位置:首页 >教程首页 > After Effects >After Effects箭头的巧妙运用

After Effects箭头的巧妙运用

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

 

 

导言:

本教程教你运用AE文字层巧妙制作箭头运动动画,利用T_Etch (2.1)特效制作素描效果等。

 

下面开始教程

 

1、新建合成,设置如下图。(图01)

 

图01

 

2、新建固态层,固态层尺寸与合成同大,其他参数随意设置,为固态层添加Ramp特效,制作一个红色与黑色之间的渐变背景。(图02、03)

 

图02

 

图03#p#e#

 

3、利用文字工具在合成中制作文字“W”,颜色为灰色,字体、大小等设置如下图。(图04)

 

图04

 

4、选择文字“W”层,执行Layer>Greate Masks form Text菜单命令为文字创建一个相同的Mask图层“W Outlines”,并关闭“W Outlines”层的显示开关。(图05、06)

 

图05

 

图06#p#e#

 

5、选择“W”文字层,添加T_Diffuse (2.1)特效使文字出现效果。(图07、08)

 

图07

 

图08

 

6、新建固态层命名为“线条”,尺寸与合成同大,颜色等其他设置随意,为固态层添加Effect>Generate>Write-on特效。(图09)

 

图09

 

7、选择“W Outlines”层,按快捷键“M”展开Mask Path属性,选择“Mask Path”属性,按快捷键“Ctrl+C”复制,然后选择“线条”层的Write-on特效的Brush Position属性,按“Ctrl+V”,这是我们可以看见Brush Position属性上创建了一组关键帧。(图10)

 

图10#p#e#

 

8、移动时间指针,可以看见由Write-on创建的线条已经自动跟随路径进行描边动画。(图11)

 

图11

 

9、接下来讲解如何在线条动画上添加箭头,这里使用了一个巧妙的方法,新建一个文字层在文字层上输入“4”,并将字体设置为“Webdings”,可以看到文字已经变成箭头形状,将“W Outlines”层的Mask复制粘贴给文字层,设置参数如下图。(图12)

 

图12

 

10、展开文字“4”层的Past Options属性,将Path设置为“Mask 1”,并为Last Margin属性制作关键帧动画使箭头跟随路径运动,在0秒处设置Last Margin属性值为1205,在5秒01帧处设置Last Margin属性值为3592。(图 13)

 

图13

 

11 、移动时间指针可以看见箭头已经跟随着路径移动,但是箭头的中心没有在路径上,我们只需要调节一下文字面板中的参数就能让箭头的中线与路径中线一致。(图14、15)

 

图14

 

图15#p#e#

 

12、箭头动画已经完成,接下来要为箭头上增加一个灯光,新建固态层,为固态层添加Optical Flares灯光特效。(图16)

 

图16

 

13、复制“W Outlines”层的路径分别粘贴到灯光固态层的Optical Flares特效的Position XY 与Center Position属性上使灯光跟随箭头移动。(图17、18)

 

图17

 

图18

 
14、新建调节层,添加Effect>Tinderbox 1>T_Blur (2.1)特效,为Radius属性添加关键帧动画,在0秒处设置值为30,在1秒16帧处设置值为0。(图19、20)

 

图19

 

图20#p#e#

 

15、再为调节层添加Effect>Tinderbox 1> T_Distorto (2.1)特效。(图21、22)

 

图21

 

图22

 

16、将“W Outlines”层的路径复制粘贴到调节层的T_Distorto (2.1)特效的Deformation Controls属性栏的Position属性上,为Rotation属性添加关键帧动画,在1秒08帧处设置值为-3X-3°,在1秒16帧处设置值为0°;为Source属性栏下的Position属性与Scale属性添加关键帧动画,在0秒处设置Position属性值为-10,366,在1秒08帧处设置Position属性值为197,332,设置Scale属性值为207,在1秒16帧处设置Position值为394,288,设置Scale值为100。(图23、24)

 

图23

 

图24#p#e#

 

17、再为调节层添加Effect>Tinderbox 1> T_Etch (2.1)特效,使动画呈现出素描动画效果,参数设置如下图。(图25、26)

 

图25

 

图26

 

18、教程到这里就结束了,最终效果如下图。使用本教程讲解的方法,我们可以轻易的制作出各种围绕路径运动的箭头动画效果,只需要复制粘贴一下路径就能完成,节省了很多时间,如下图所示是另外几个箭头动画效果。(图27、28)

 

图27

 

图28

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

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

微信扫码在线答疑

扫码领福利1V1在线答疑

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

×

同学您好!

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