首页 > 技术交流 >AE文章教程> 【AE教程】如何制作光点闪烁描绘显示logo动画

【AE教程】如何制作光点闪烁描绘显示logo动画

0


       有人常问那种光点线条流转演绎logo标题文字动画是怎么做出来的,这里就以文字的教程讲解如何使用AE制作漂亮炫酷的光点闪烁描绘徽标动画!效果如下。


image.png


首先:AE初始化设置与LOGO素材导入


        1、Ctrl +Alt+;,设置AE软件的首选项(Preferences)

         2、导入(Import)中序列素材(Sequence Footage)的帧速率设置为25、自动保存(Auto-Save)中勾选自动保存项目(Automatically SaveProjects),并设置保存间隔(Save Every)为5分钟(Minutes)保存一次

         3、Ctrl + N新建合成,宽度(Width)为1920,高度(Height)为1080,合成名称(CompositionName)命名为“点亮logo动画”,持续时间(Duration)为10秒,帧速率(Frame Rate)为25


image.png


         Ctrl + I导入LOGO图片素材,将素材拖拽至合成“点亮logo动画”的时间线窗口中,并调整好在窗口中的比例位置。(如果没有现成的LOGO素材也可以直接在时间线窗口使用文本工具输入文字)


钢笔描绘logo

       Ctrl + Y新建一个黑色固态层,名称(Name)为“手描logo”,将图层“手描logo”的可视性关闭。利用钢笔工具,将logo的字样用钢笔路径拆分为多个笔画描绘出来,描绘完后对其形状做美化调整,最终关闭导入素材图层的可视性。


image.png


image.png


logo生长与高光游动效果制作

       启动图层“手描logo”的可视性。在图层“手描logo”上添加【效果】(Effect)→【Trapcode】(Trapcode)→【3D描边】(3D Stroke)插件特效。将颜色(color)改为蓝色,厚度(Thickness)设置为2.5。展开锥度(Taper)属性,勾选启用(Enable),让3D描边形成的logo每笔笔画首末端都是尖的。发现笔画的首末段太细,更改起点厚度(Start Thickness)为35,更改结束厚度(End Thickness)为35。


image.png


         作手描logo的生长动画。时间线拖拽至第0帧,在3D描边(3D Stroke)特效控制台中,将终点(End)设置为0,记录关键帧;在第5秒,将终点(End)设置为100,记录关键帧。拖拽时间线观察logo描边的生长效果。

         继续添加【效果】(Effect)→【风格化】(Stylize)→【发光】(Glow)命令,参数默认,让描边logo具备发光效果。


image.png


            Ctrl+D复制“手描logo”图层,Ctrl+Shift+Y,修改固态层的名字为“logo高亮部分”。将颜色(color)改为白色,厚度(Thickness)改为0.8,让描边变亮变细;设置羽化(Feather)为45,起点(Start)为45,删除终点(End)动画关键帧并将数值设为55,让高亮描边更柔和更短;勾选循环(Loop),设置偏移(Offset)的关键帧动画,时间线在0秒位置,偏移(Offset)值为200,在10秒位置,偏移(Offset)值为0,让高亮部分的描边产生流动效果。将图层叠加模式改为相加(Add),拖拽时间线观察动画效果。


image.png


         在图层“logo高亮部分”上继续添加【效果】(Effect)→【Trapcode】(Trapcode)→【辉光】(Starglow)插件特效。将预置(Preset)由当前设置(Current Settings)改为冷天堂(Cold Heaven 2),光线长度(Streak Length)为12。展开颜色贴图(Colormap A),将预置(Preset)改为单一色彩(One Color),中间颜色(Color)为浅蓝色;展开颜色贴图(Colormap B),将预置(Preset)改为单一色彩(One Color),中间颜色(Color)为蓝色;展开微光(Shimmer),将数量(Amount)设为10,细节(Detail)设为20。


image.png

       在图层“logo高亮部分”添加【效果】(Effect)→【模糊与锐化】(Blur & Sharpen)→【快速模糊】(Fast Blur),设置模糊度(Blurriness)为2,让高亮的描边以及辉光更柔和。


地面与logo投影阴影制作

       Ctrl+Y新建一个蓝色固态层,名称(Name)为“地面暗光”。


image.png


          利用椭圆蒙版工具在固态层上绘制一个扁平的椭圆,衬在logo描边画面的底部。选中蒙版,Ctrl+Shift+F将蒙版羽化(Mask Feather)设为(132,132),让图层边缘柔和些。按快捷键“T”,将图层的不透明度(Opacity)设为60%。

          Ctrl+D复制“地面暗光”层,Ctrl+ Shift + Y,修改复制的固态层的名字为“地面中光”,颜色改为白色。


image.png


          按快捷键“M”,快速展开蒙版(Mask),选中蒙版,Ctrl+T,进入蒙版缩放编辑模式,按住Ctrl键不放(以蒙版原有中心点为中心进行缩放),将蒙版调整得扁一点,窄一点,并将蒙版羽化(Mask Feather)设为(65,65),图层的不透明度(Opacity)设为55%,图层叠加模式设为相加(Add)。

        Ctrl+D复制“地面中光”层,Ctrl+ Shift + Y,修改复制的固态层的名字为“地面高光”,按快捷键“M”,快速展开蒙版(Mask),将蒙版调整得再扁一点,在窄一点,蒙版羽化(Mask Feather)设为(30,30),图层的不透明度(Opacity)设为55%。将这3个地面图层拖拽至“手描logo”图层的下方。

        Ctrl+D复制“手描logo”图层,Ctrl+ Shift + Y,修改复制的固态层的名字为“logo投影”。将复制的图层拖拽至“手描logo”图层的下方,三个地面图层的上方。


image.png


           F3展开“logo投影”的特效控制台,将特效3D描边(3D Stroke)中的颜色(Color)改为黑色。


image.png


           在“logo投影”图层添加【效果】(Effect)→【扭曲】(Distort)→【CC动力角点】(CC Power Pin)命令。调整上左(Top Left)、上右(Top Right)、下左(Bottom Left)、下右(Bottom Right)四个点的位置,让黑色的logo描边模拟出透视感非常强的灯光投影效果(如下图)。


image.png


           添加【效果】(Effect)→【模糊与锐化】(Blur & Sharpen)→【快速模糊】(Fast Blur),设置模糊度(Blurriness)为4,让模拟的阴影更柔和。


光点位置动画

          Ctrl+N新建合成,宽度(Width)为100,高度(Height)为100,合成名称(Composition Name)命名为“光点”,持续时间(Duration)为10秒,帧速率(Frame Rate)为25。


image.png


        Ctrl+Y新建一个黑色固态层,名称(Name)为“光点”。

        添加【效果】(Effect)→【Video Copilot】(Video Copilot)→【镜头光晕】(Optical Flares)插件特效。

        在特效控制台中点开Options(选项),对当前光晕效果进行编辑。在预览图中选择最大的发光(Glow),点击后面的单独显示(SOLO),点击特效预览界面右上方的好(OK),只显示出光点效果。


image.png


            将位置XY(Position XY)设为(50,50),把光点位置置于视图中心,设置比例(Scale)为110。选中“光点图层”双击椭圆蒙版工具,以适配图层大小添加椭圆形蒙版。调整蒙版至合适大小,将光点的亮度影响控制在小范围以内,蒙版羽化(Mask Feather)设为(10,10)。


image.png


            将项目窗口中的合成“光点”拖拽至合成“点亮logo动画”中。Ctrl+D多复制几层“光点”图层(logo描绘的笔画蒙版有多少个就复制多少层)。选中图层“手描logo”图层,按M键,展开所有的蒙版。依次复制每一个蒙版的蒙版路径(Mask Path),依次粘贴到复制出来的“光点”图层位置(Position)属性上,并将复制出来的以蒙版形状为路径的光点位置动画由默认的2秒改为5秒。进入合成“光点”中,给特效镜头光晕(Optical Flares)中的亮度(Brightness)设置关键帧动画。在0S位置,亮度(Brightness)为0;10帧位置,亮度(Brightness)为190;4秒14帧位置,亮度(Brightness)为190,5秒位置,亮度(Brightness),这样实现光点的出现与消失效果。回到合成“点亮logo动画”中,拖拽时间线预览,可以发现光点点亮划出logo的动画大体上已经基本制作完成了。


logo散发粒子效果制作

添加上下光斑以及效果最终调整

专题推荐

>> 更多

签到

活动

客服

QQ群

二维码

微信客服

1
2
3
4
5
6
7
立即签到

签到成功

恭喜您连续签到7天

获得5金币