1. 主页 > 设计教程

AE制作流畅的图形有顺序移动动画效果

AE制作流畅的图形有顺序移动动画效果(图1)

来源: UI中国  作者: 原谅我年少的诗与风情

先看看类似的效果图:

AE制作流畅的图形有顺序移动动画效果(图2)

新建个合成

AE制作流畅的图形有顺序移动动画效果(图3)

画一个矩形

AE制作流畅的图形有顺序移动动画效果(图4)

调整内容里的倾斜、倾斜轴、旋转,成这样

AE制作流畅的图形有顺序移动动画效果(图5)

AE制作流畅的图形有顺序移动动画效果(图6)

点添加,添加中继器,调整不透明度

AE制作流畅的图形有顺序移动动画效果(图7)

AE制作流畅的图形有顺序移动动画效果(图8)

调整中继器里边副本、偏移、位置的数值,像这样

AE制作流畅的图形有顺序移动动画效果(图9)

AE制作流畅的图形有顺序移动动画效果(图10)

给位置添加关键帧,两边两帧矩形张开,中间两帧合并

AE制作流畅的图形有顺序移动动画效果(图11)

选中帧,F9加缓动

AE制作流畅的图形有顺序移动动画效果(图12)

ok完成导出,像这样

AE制作流畅的图形有顺序移动动画效果(图13)

第二个动效,矩形有序上移

新建个合成

AE制作流畅的图形有顺序移动动画效果(图14)

画一个矩形

AE制作流畅的图形有顺序移动动画效果(图15)

ctrl+d复制3个

AE制作流畅的图形有顺序移动动画效果(图16)

改变矩形位置,把第一个矩形移到顶,第二个移到底

AE制作流畅的图形有顺序移动动画效果(图17)

选中所有矩形,等间距对齐

AE制作流畅的图形有顺序移动动画效果(图18)

调出4个矩形的位置,全选添加关键帧,左边帧所有矩形在画布下边,中间2帧矩形在中间,右边帧矩形到画布上边

AE制作流畅的图形有顺序移动动画效果(图19)

拉动蓝色的横条弄成阶梯状,选中所有帧F9加缓动

AE制作流畅的图形有顺序移动动画效果(图20)

导出 完成

AE制作流畅的图形有顺序移动动画效果(图21)

联系我们

在线咨询:点击这里给我发消息

微信号:

工作日:9:30-18:30,节假日休息