百木园-与人分享,
就是让自己快乐。

AE教程!带你玩转Google动态LOGO!

视频地址:https://www.bilibili.com/blackboard/html5player.html?aid=204346027&as_wide=1

教程作者:我是破美工(授权转载)

交作业:#优设每日作业#

关于教程

今天的AE实例教程,带大家玩转谷歌的logo动画,希望你能喜欢!

效果图

AE教程!带你玩转Google动态LOGO!

关键步骤提示

详细操作请看文章开头的视频教程演示。

Step 01 拆解动画

把整个LOGO动效拆解成两个部分,一个是4个点的运动动画,另一个是字母生成动画

AE教程!带你玩转Google动态LOGO!

AE教程!带你玩转Google动态LOGO!

Step 02 新建合成

新建合成,宽600px,高400px,帧速率24帧/秒

AE教程!带你玩转Google动态LOGO!

Step 03 绘制路径

利用形状工具,绘制出字母G的路径

AE教程!带你玩转Google动态LOGO!

AE教程!带你玩转Google动态LOGO!

AE教程!带你玩转Google动态LOGO!

Step 04 制作动效 p2

利用修建路径功能,制作字母生成动画

AE教程!带你玩转Google动态LOGO!

AE教程!带你玩转Google动态LOGO!

Step 05 制作动效 p1

利用路径和位置属性,制作点的动画

AE教程!带你玩转Google动态LOGO!

AE教程!带你玩转Google动态LOGO!

AE教程!带你玩转Google动态LOGO!

最终效果

AE教程!带你玩转Google动态LOGO!

AE教程!带你玩转Google动态LOGO!

学完这篇教程的人还在学…


来源:https://uiiiuiii.com/aftereffects/1212364032.html
图文来源于网络,如有侵权请联系删除。

未经允许不得转载:百木园 » AE教程!带你玩转Google动态LOGO!

相关推荐

  • 暂无文章