AE教程!苹果福冈店动态LOGO制作过程完全解析

作者:潮点学院

发布于 2023-03-08 11:22:54

696阅读

0点赞

本期研究苹果福冈店的动态LOGO动画,提取了主要效果为大家做解析,全部使用纯AE实现,并且无需外置插件。

AE教程!苹果福冈店动态LOGO制作过程完全解析

教程作者:太阳鸽鸽棒(授权转载)

关于教程

本期研究苹果福冈店的动态LOGO动画,提取了主要效果为大家做解析,全部使用纯AE实现,并且无需外置插件。


Step 01 圆环透视

用钢笔工具绘制直线,以此为基础生成圆环,然后提亮圆环的高光,调整摄像机的透视关系。

AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析

Step 02 圆环粗细

通过随机粗细控制系统,让每一个圆环的粗细发生一些随机的变化。

AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析

Step 03 圆环旋转

通过修建路径修改器控制圆环的修建程度,然后用上一步类似的方法做出一定的随机变化。最后数值上乘以1或-1,做出左右方向的随机效果。

AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析

Step 04 圆环色彩

调整填充插件的颜色,设定 rpg to hsl,做出圆环的颜色控制系统,实现颜色的随机改变。

AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析

Step 05 圆形轮廓

讲解 sample image 的使用原理,然后用中间白色、上下黑色的渐变图层来控制这组圆环的形状,还可以多次嵌套曲线插件优化效果。

AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析

Step 06 圆环优化

继续完善圆环动画的整体效果,可以让每一层动画之间产生一定的区别。

AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析

Step 07 苹果LOGO

复制上述圆环动画,将圆环粗细改为相同,然后用苹果身体的路径对圆环进行遮罩,最后让左右两边的动画产生一帧偏移即可。

AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析

Step 08 丰富效果

添加苹果叶子的路径,添加亮度遮罩、发光插件,调整整体对比度,让动画效果更加丰富。

AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析 AE教程!苹果福冈店动态LOGO制作过程完全解析

最终效果图

AE教程!苹果福冈店动态LOGO制作过程完全解析