AE导出PAG动效

用户头像
杭州/UI设计师/3年前/3265浏览
AE导出PAG动效
用户头像
玖卉语

目标是降低或消除动效相关的研发成本 能够一键将设计师在AE中制作的动效内容导出成素材文件 并快速上线应用于几乎所有的主流平台

Portable Animated Graphics 是一套完整的动画工作流。提供从AE(Adobe After Effects)导出插件,到桌面预览工具,再到各端的跨平台渲染 SDK。PAG 的目标是降低或消除动画研发成本,打通设计师创作到素材交付上线的流程,不断输出运行时可编辑的高质量动画内容。

PAG官网:https://pag.art/

今天就用实战教大家如何上手使用这款插件:
⚠️⚠️⚠️文章内的SVGA文件均已商用❗️

一、AE导出PAG

1.打开官网,根据自己电脑版本下载对应的软件,支持mac和windows

2.下载之后根据提示进行安装即可,安装成功打开软件一般会进行ae插件安装提示,安装提示进行操作。
如果没有,可点击左上角pagviewer下的安装ae插件

3.安装成功之后,可打开AE,使用文件--导出--PAG File

4.导出文件过程中,依据视频的复杂程度时间长短不一,需要耐心等待。完成之后,在我们选择导出的文件夹就可以看到一个pag文件,如下所示:

接下来我们打开pagviewer工具,将文件拖入进行预览:

二、关闭图层展示

要想图层编辑这里不显示,可继续向下学习:

1.导出全BMP预合成的PAG文件时,对插件进行设置,设置入口为:"After Effects CC" -> "首选项" -> "PAG Config..."

2.设置界面中,导出版本控制选择beta版本,因为这个也在不断更新,bata能支持更多的功能

3.打开AE--文件--导出--PAG File (Panel)...

4.点击设置

5.勾选BMP后确认

6.勾选导出选项,点击导出

7.等待PAG生成,生成完成后可去查看

可以通过查看运行状态和加载情况,对开发的朋友十分友好,效果如下:

22
阅读原文
|
举报
|
44
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】银行卡icon
新拟态风格 UI设计组件库
APP/小程序商业项目UI模板|99个高保真UI+79个原型
UI 登录界面设计模板包
新能源APP应用UIKit
【新年UI图标】积分icon
森系3D渐变流体抽象矢量UI背景图
高级表盘系列UI源文件
3D渐变流体抽象矢量UI背景图
【新年UI图标】相机icon
盲盒APP UI设计
手表表盘UI系列
钱包ui模板
高级感金属拟物 UI设计组件库
【新年UI图标】美食icon
智能家居中心 简约 UI设计组件库
【新年UI图标】体育icon
我的钱包-UI界面设计-app
UI应用平面图标
【新年UI图标】礼物/活动icon
Security Camera UI kit
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
户外旅行飞机情侣假日出行
你可能喜欢
相关收藏夹
大家都在看
登录注册