AE避坑指南

用户头像
北京/UI设计师/4年前/1093浏览
AE避坑指南

记录一下学习AE过程中遇到的坑以及对应解决方法。持续更新~

一、导入前准备工作(AEUX)


1、图层整理

工欲善其事必先利其器,想要一个清晰的时间轴面板,那么有条理的图层分组是必要条件。在做动效前需提前做好动效规划,依据动态/静态对图层进行分组整理。由于使用AE时内存消耗过大,静态部分可提前拼合转化为位图。 


2、组件完全解组

界面中使用的组件需要全部解组,否则可能会出现图层移位等错误。AEUX插件中的datach symbols功能,可有效避免这种情况。


3、形状图层彩色渐变丢失变成黑白渐变

原因:汉化版AE无法识别渐变颜色参数

解决办法1:可在sketch中提前将渐变图层命名为「Gradient Fill 1」、「Gradient Fill 2」…以此类推。这个方法只能解决颜色渐变问题,透明度渐变依旧会识别失败,只能AE中手动调整或者使用「方法2」一劳永逸

解决办法2:使用英文版AE。

切换方法:https://www.notion.so/AE_AE2019MacOS_-613e0aa18df3472b84619db98424e335


4、Sketch中矩形如果使用多个圆角,导入AE后无法识别矩形的多圆角

原因:AE只能识别到一个圆角参数

解决办法:选中图层,图层——结合——拼合,将可编辑的「形状图层」转化为「路径」即可

注意:最好提前复制一份,保留可编辑性


5、线型icon应使用居中描边

在sketch中绘制线型动态icon时,描边属性应使用「居中描边」,因为AE只有居中描边属性,如果在sketch中使用其他描边样式,导入AE后icon会有尺寸差异


二、导出 

按照使用需求选择适合的导出方式,常用的导出方式有:交互演示→AME、图标动效→Lottie、透明GIF→PS序列帧。参考文档:https://www.jianshu.com/p/544a2e3de8d3 


方法一:AME(Adobe Media Encoder)导出

  • AME版本必须与AE一致才可使用

  • 常用导出格式:H264→视频、动画GIF→GIF图


方法二:Lottie动画,使用bodymovin插件导出JSON

1.导出JSON后渐变丢失

在导出JSON后可以先预览是否正常,再下发到开发;

预览链接:https://lottiefiles.com/private/animations


原因:汉化版AE无法识别渐变颜色参数

解决方法:将图层的渐变效果命名为:「Gradient Fill 1」、「Gradient Fill 2」…以此类推。命名不可重复,否则可能会识别失败。保存AE文件后重新导出JSON即可解决。

特殊情况:sketch导入AE时,为了保证渐变效果已经修改了「图层名称」,这时候需要将「图层名称」修改掉,保证每一个「渐变效果」的命名是唯一的,否则还是会识别失败变成黑白。

2.导出JSON文字错位

原因:JSON中无法创建字符 导致错误

解决方法1:在AE中将文本轮廓化。选中文本图层→右键→创建→从文本创建形状

解决方法2:bodymovin→设置→勾选字体图形化

方法3:PS序列帧导出

教程参考:https://jingyan.baidu.com/article/624e7459039b4334e8ba5a83.html 


三、使用

1.文件素材丢失

原因:有些特效会使用PNG素材,移动文件夹时可能会导致图片位置路径变化导致素材丢失

解决方法:文件→整理工程(文件)→收集文件→选择路径→保存


2、素材替换

设计中png素材更新,AE中随时替换素材

解决方法:图层右键→显示→在项目中显示图层源;项目图层源右键→替换素材→文件→找到素材位置→点击素材替换


3、无法预览动效,错误提示:缓存预览需要2个或多个帧才能播放

原因:电脑内存不够,以下方法可依次尝试

解决方法1:调整工作区(时间标尺)足够长,能缓存多帧数。如果工作区只有1帧,播放不了

解决方法2:「为其他应用程序保留的RAM」调整到最小化尽可能为AE留有最大的内存空间

解决方法3:「系统内存不足时减少缓存大小」取消勾选;但是当AE文件过大时容易造成软件崩溃退出


4、直线运动会产生抖动(位置属性)

原因:由于添加了缓动,导致直线运动的路径为贝塞尔曲线,产生抖动

解决方法:选中关键帧→右键→关键帧插值→临时插值/空间插值都改成「线性」

5、GIFgun插件无法使用

原因:GIFgun安装时无法选择AE对应版本

解决方法:https://www.bilibili.com/video/av89929956/

安装pkg→选择能安装最新的版本AE→正常安装

找到刚才安装版本的AE路径→找到gifgun文件夹→复制进实际版本的AE路径 



暂时整理这些,后续遇到新的再记录更新~

Thanks

7
举报
|
6
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
UI 登录界面设计模板包
UI通用设计素材1
手表表盘UI系列
高级表盘系列UI源文件
【新年UI图标】优惠券icon
【新年UI图标】影音icon
钱包ui模板
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
UI应用平面图标
【新年UI图标】游戏/娱乐icon
【新年UI图标】钱包icon
拟物风质感写实UI卡片合集源文件
科技医疗透明柜UI界面设计
【新年UI图标】30个图标
盲盒APP UI设计
3D渐变流体抽象矢量UI背景图
【新年UI图标】银行卡icon
高级感金属拟物 UI设计组件库
抽象液态渐变UI背景模版
UI界面 组件
Security Camera UI kit
智能家居中心 简约 UI设计组件库
新能源APP应用UIKit
你可能喜欢
相关收藏夹
大家都在看
登录注册