当前位置: 首页 > 图片处理 > 元素效果 > 正文

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

还是先来看最终效果!

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制作小清新主题动画效果

上一篇: Photoshop绘制立体风格的微笑表 下一篇: 产品修图:用PS精修复杂的金属配件

赞助商

本文标题:AE结合PS制作小清新主题动画效果
本文地址:https://www.pszxw.net/photoshop/11641.html

赞助商广告