AE结合PS制作小清新主题动画效果

ps教程 2023-06-16

还是先来看最终效果!

AE结合PS制作小清新主题动画效果

工具以AE为主，PS加以辅助就可以搞定。

涉及的知识点不多，主要有以下几点：

会PS的基本操作。

会些AE的基本操作，理解时间轴的概念并知道如何打关键帧。

知道AE的缓动曲线(还是挺简单的)。

坚持与细心。

准备好了那就开始吧!

AE结合PS制作小清新主题动画效果

1. 打开AE，新建项目-新建合成，合成命名为动效，尺寸800*600px，时间设置为12秒，颜色设为#FFF0ED。

AE结合PS制作小清新主题动画效果

2. 使用圆角矩形工具绘制314*136px的圆角矩形，将该圆角矩形圆角拖动到最大并且居中，在本图层下拉三角中可以调整各项属性填充颜色为纯白色。

AE结合PS制作小清新主题动画效果

给圆角矩形加上阴影，选中图层，右键-效果-透视-阴影。

AE结合PS制作小清新主题动画效果

3. 箭头和感叹号及对号我是在PS中绘制的然后导入AE，当然也可以在AE中绘制。绘制的方法很简单，大小上在PS中也是新建同样大小画布，部件的大小则要根据圆角矩形的大小来定，没什么技巧可言不再赘述。导出的时候记得隐藏背景，格式为PNG。

AE结合PS制作小清新主题动画效果

我们回到AE，Ctrl+i导入刚储存的图片，然后直接全选中拖动到动效预合成中做准备。

AE结合PS制作小清新主题动画效果

到这一步准备工作基本完毕，还有一个圆圈我们边做边说。

AE结合PS制作小清新主题动画效果

坚持到这一步的同学要恭喜你们了，因为要开始尝鲜了~虽然说这个动画不长，但是也是由不少的关键帧组接起来的，文字教程没有办法一个帧一个帧的讲解，所以我主要讲方法，如何开始以及转折部分该怎么办，怎么样去分析，方法学会了触类旁通。当然我也会尽可能的讲的细致，谢谢!

1. 通过观察可以知道，刚开始有一个点击的动作，这一步我的思路是复制一层我们的圆角矩形，然后把复制的这一层填充#FAFAFA，点击的感觉在这里涉及到大小、圆度、不透明度变化。注意开始到结束数值的变化。(不透明的最后一帧调为0)

AE结合PS制作小清新主题动画效果

2. 下一步要用到蓝色圆圈，所以我们先来准备圆圈。在不选中任何图层的情况下直接画圆，大小合适即可，不要填充只要描边，描边颜色为#22A7C2，粗细6px。注意居中，如果没有居中可以在窗口-对齐，也可以摁Ctrl+Alt+Home居中锚点。

AE结合PS制作小清新主题动画效果

接下来让它旋转，类似loading，在本图层下拉三角中找到内容-椭圆-描边-线段端点-圆头端点。然后打开添加选中-修剪路径。

AE结合PS制作小清新主题动画效果

在修剪路径中打关键帧保持个缺口。

AE结合PS制作小清新主题动画效果