页面载入中...

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

xingAfter Effects, 2018-11-090

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

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

先看看类似的效果图:

AE制作流畅的图形有顺序移动动画效果,PS教程,素材中国网

新建个合成

AE制作流畅的图形有顺序移动动画效果,PS教程,素材中国网

画一个矩形

AE制作流畅的图形有顺序移动动画效果,PS教程,素材中国网

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

AE制作流畅的图形有顺序移动动画效果,PS教程,素材中国网

AE制作流畅的图形有顺序移动动画效果,PS教程,素材中国网

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

AE制作流畅的图形有顺序移动动画效果,PS教程,素材中国网

AE制作流畅的图形有顺序移动动画效果,PS教程,素材中国网

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

AE制作流畅的图形有顺序移动动画效果,PS教程,素材中国网

AE制作流畅的图形有顺序移动动画效果,PS教程,素材中国网

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

AE制作流畅的图形有顺序移动动画效果,PS教程,素材中国网

选中帧,F9加缓动

AE制作流畅的图形有顺序移动动画效果,PS教程,素材中国网

ok完成导出,像这样

AE制作流畅的图形有顺序移动动画效果,PS教程,素材中国网

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

新建个合成

AE制作流畅的图形有顺序移动动画效果,PS教程,素材中国网

画一个矩形

AE制作流畅的图形有顺序移动动画效果,PS教程,素材中国网

ctrl+d复制3个

AE制作流畅的图形有顺序移动动画效果,PS教程,素材中国网

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

AE制作流畅的图形有顺序移动动画效果,PS教程,素材中国网

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

AE制作流畅的图形有顺序移动动画效果,PS教程,素材中国网

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

AE制作流畅的图形有顺序移动动画效果,PS教程,素材中国网

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

AE制作流畅的图形有顺序移动动画效果,PS教程,素材中国网

导出 完成

AE制作流畅的图形有顺序移动动画效果,PS教程,素材中国网

 


分享:

设计原的发展离不开您的支持与帮助,如果您觉得设计原对您有所帮助 可以用微信扫描

相应二维码打赏设计原,赏金将全部用于网站建设

微信