最近天猫运营报活动,需要提交一张APNG动画素材图,需求如下:
虽然是小图,只有300x300像素,但需要产品转动一圈,这个引起了我的好奇。
需要什么制作这360度转一圈的效果呢?而且还是透明的72帧apng动画格式?
我们来理顺一下思路再开始
1. 360度转一圈---------------使用keyshot渲染软件(或其他3d渲染软件),渲染多张png格式;
2. 72帧图---------------使用Adobe PR压缩和裁剪之前导出png格式,导出72帧及以上的png图;
3. APNG格式---------------如何生成这个格式呢(关注公众号:办公小王子,回复:APNG,告诉你答案)
l 360度转一圈
在Keyshot软件中,先设置动画,使产品旋转一周,再调整渲染设置,渲染72帧。
1. 进入程序页面,选择底部动画图标,选择动画向导;
2. 选择转盘;
3. 选择需要旋转的模型;
4. 设置持续时间,设置为3秒;
5. 根据需求选择帧率,这边设置为25帧,备注:25x3(秒)=75帧。
6. 选择菜单栏渲染,分辨率设置1024x1024(实际情况根据需求调整,比要求的像素大一些即可,后期再PR调整尺寸),格式选择png格式,alpha通道打钩,
7. 选项窗口,设置采样值,采样值越大效果越好,渲染时间越长,建议600设置以上,这样噪点会少一些;
设置完毕开始渲染,接下来进入第二部分,在PR里面操作;
l 72帧图(Adobe Premiere Pro操作)
其实72帧这个概念,是如何而来的呢?在国内视频里面,一般一秒是24帧, 24x3=72帧,所以旋转一圈的时间是3秒,刚好72帧。
科普结束,开始操作。
1. 在项目中新建—黑场视频
设置长宽300x300像素;时基24帧每秒
2. 根据黑场视频-创建序列
双击项目窗口-导入png序列
将png序列拖入时间轴窗口;
调整位置和缩放尺寸,如果有阴影,选择蒙板工具,把不需要的去掉;
3. 最后文件—导出—媒体
4. 导出设置png序列选项
导出完毕后刚好72张图,接下来进入第三部分,在APNG软件里面操作;
l 合成APNG格式
打开apng软件,将72张png选中,拖拽进入,(或者点击软件页面,选中png保存的文件夹路径,也可导入)
更改一下输出名字,点击开始,完成后会保存在png同一个文件夹里面。
Apng需要用谷歌浏览器或火狐浏览器查看apng动图
想要该APNG软件,欢迎关注微信公众号:办公小王子,回复: APNG软件, 告诉你答案
苹果系统用户回复:APNG软件ios ,告诉你答案