loading动效AE教程
制作Loading动效的AE教程如下：合成设置与画布操作 新建合成：在AE的项目区，鼠标右键选择“新建合成”。合成设置：按照给出的数值进行设置，包括分辨率、帧率等。画布操作：使用Ctrl+R显示/隐藏标尺，Ctrl+鼠标滚轮缩放画布大小，按住空格键并拖拽鼠标可以移动画布位置。
制作Loading动效的AE教程步骤如下：新建合成：打开AE软件后，在项目区域右键点击，选择“新建合成”。根据提供的数值设置合成参数，包括宽度、高度、帧速率等。创建画布并调整视图：完成合成设置后，会出现类似PS中的画布。
打开AE，在项目区——鼠标右键——新建合成 合成设置，数值如下图所示（刚开始接触AE的同学，直接照着填写就可以了）完成合成设置后，出现类似PS中的画布。
AECC2018零基础学习影视后期实战教程 （2）AE-灭霸传送门特效制作 （3）AE-MG动画动效设计 （4）C4D+AE-场景与摄影机动画 AE制作loading动画步骤：首先，我们在AI中绘制800X600路径。接下来，在AE中，我们将杯层命名为杯 然后我们用矩形工具在AE中绘制矩形。在右侧浮动面板中搜索波纹变形。
Step 01 新建合成 创建圆环和文字，调整到合适的大小和位置。Step 02 蒙版形状 调整蒙版形状，使Saber圆环和原本的圆环大小、位置相同。Step 03 调整参数 用相同的方法完成文字部分的发光效果，调整其中的各项参数。Step 04 速度曲线 调整速度曲线，使圆环和文字的 动效 更有节奏感。
制作Loading动效的AE教程要点如下：新建合成：打开AE，在项目区右键选择“新建合成”。按照参考信息中的数值设置合成参数。画布操作：使用Ctrl+R显示/隐藏标尺，Ctrl+鼠标滚轮缩放画布，空格键+鼠标左键拖拽画布位置。绘制图形：使用图形工具，按住Shift键画正方形，并设置填充为描边。同理画正圆形。
AE动效落地输出SVGA、JSON文件(UI设计)
1、在UI设计行业中，AE（Adobe After Effects）常用于制作动效。在项目交付时，UI设计师需提供给前端团队不同的文件格式。常见的输出格式包括PNG序列（适用于在PS等软件中合成gif）、Svga、Lottie、APNg、Webp等。输出PNG至GIF的操作较为简单，本文不对此进行详述。
2、导入素材：将切图素材导入AE，制作位移、缩放、旋转、透明度等基础属性动画。导出SVGA：隐藏背景，使用SVGAConverter_A插件导出SVGA文件，并设置透明背景。AE预设效果制作输出SVGA步骤：制作特效：利用AE预设效果制作出满意的礼物特效。导出序列帧并拼接：导出序列帧，将每一帧重新导入AE，拼接成预合成。
3、导入切图素材到 AE，制作位移、缩放、旋转、透明度等基础属性动画。隐藏背景，使用 SVGAConverter_A 插件导出 SVGA 文件，记得设置透明背景。### AE 预设效果制作输出 SVGA 利用 AE 预设效果制作出满意的礼物特效。导出序列帧，将每一帧重新导入 AE，拼接成预合成。输出 SVGA 文件，确保背景透明。
4、AEUX 功能：支持figma与Sketch导入AE的插件，控制导入层图形的倍率和是否新建合成等。优势：轻量级插件，兼容性好，功能实用。图片：动效落地类Bodymovin 功能：将AE中的矢量图形动效转化为Json格式的文件。优势：适用于开发引入第三方库播放Json文件动画，但需注意AE效果支持和新旧版json的兼容问题。
5、尽管安装和输出难度相似，SVGA在处理位图输出上具有优势，无需额外的img资源文件，而Lottie则需要调整json文件中的img名称。SVGA局限性 SVGA在复杂形状图层、AE自带渐变以及一系列效果方面有限制。在GitHub上提及的文本配字功能也不支持。
6、动效落地方案相关插件： Bodymovin：将矢量动画转换为Json格式，便于开发人员使用，但需注意兼容性和格式问题。 BX Webp/Apng Exporter：快速导出动画为Apng和Webp格式，简化工作流程，提升输出效率。 SVGAconverter_AE：提升动画兼容性，优化文件体积，支持更多AE效果，便于动效的广泛应用。
AE动效设计必知的五个参数
AE动效设计必知的五个参数如下：Wiggle：功能：通过赋予物体随机值实现随机摆动，使动效看起来更加生动和自然。参数：表达式中的第一个数字代表每秒抖动的次数，第二个数字代表抖动的像素。例如，wiggle意味着每秒抖动2次，每次抖动30个像素。
wiggle是我在AE里面最常用到一组表达式。通过赋予物体随机值使之实现随机摆动，它确实能让你得到你想象中的效果。这个表达式可以让你的动效看起来更加生动和自然。表达式中的第一个数字代表每秒抖动的次数，第二个数字则代表抖动的像素。
分享AE动效设计必知的五个参数，提升工作流程效率，实现更流畅运动效果。wiggle表达式赋予物体随机摆动，参数设定每秒次数与像素抖动，让动效生动自然。时间表达式是循环动画的利器，通过time参数实现物体持续旋转，配合数学公式可调整旋转速度。利用loopOut表达式创建无限循环动画，需预先设定关键帧。
动画阶段规划 等待状态：线条保持原状，不发生变化。 支付成功状态：绿色线条填充并覆盖灰色区域。 细节渐显状态：线条细节逐渐显现，增强动画效果。 关键属性调整 修剪路径：利用「修剪路径」属性，通过控制「开始」、「结束」和「偏移」参数来设计线条的变化。这是实现线条填充和移动的关键。
使用AE制作超炫路径动效的教程要点如下：准备素材：截屏获取图片：直接在手机上截屏，获取所需图片，包括加号中的五个应用图标。图片处理：在PS中将背景和功能图标分开，同时添加一个60%透明度的黑色蒙层。导入AE：导入PS源文件：打开AE，双击红色区域导入处理好的PS源文件。
