逐帧动画：通过连续的图片播放，达成H5海报模拟视频播放，避免了视频制作的高昂成本，并可以适配支持h5的各类浏览器，打造特殊的交互体验。同时请将相机固定，并保持物体与相机之间距离不变。图组名确认后可以调整图片顺序，以及删除部分图片内容。5）逐帧动画功能使用将"逐帧动画"拖入场景，组件默认展示一组官方案例，物料准备完善后点击"替换组图"。图片上传方式与360全景相同。
自上次分享了几个小而美的小插件后，快站站长们纷纷踊跃给快站哥发言，表达了浓厚的学习兴趣。看到大家都这么好学，哥也是无比激动。
这次教大家一个更加酷炫的制作360度全景图&逐帧动画。
1）功能介绍360全景：通过连续的图片播放，达成H5海报模拟视频播放，避免了视频制作的高昂成本，并可以适配支持h5的各类浏览器，打造特殊的交互体验。逐帧动画：通过连续的图片播放，达成H5海报模拟视频播放，避免了视频制作的高昂成本，并可以适配支持h5的各类浏览器，打造特殊的交互体验。 （注：上传建议：制作图片时请以0001、0002、0003、0004……0034、0035、0036的规则命名，随图片最高位进位，建议将数字最高位进位，如：10以下图片数命名为1、2、3……9排序，100以下图片数命名为01、02、03……99）
2）360度全景图片物料准备方案一： 首先，准备好被拍摄的产品，拍摄设备（如：单反相机，手机等），以及固定拍摄设备的支架。将被摄产品放置在一个背景单一，光线通透的拍摄区域。同时请将相机固定，并保持物体与相机之间距离不变。
将被摄产品进行相同角度旋转，每次顺时针旋转后进行拍摄（推荐专业并带有刻度的旋转展示台）。
推荐：拍摄后将图片导出，并保存为.jpeg格式图片（图片过大或背景嘈杂会影响海报播放质量。如需要背景透明，请将图片保存为.png）
方案二： 使用专业3D制作渲染类的工具软件制作3D渲染图，并将不同角度渲染图分别导出为透明背景的.png格式图片。
3）逐帧动画物料准备
方案一： 首先，准备好被拍摄的产品，拍摄设备（如：摄像机，相机、手机等），以及固定拍摄设备的支架。拍摄被摄物体的系列动作视频，并按帧导出每幅图片。
或连续拍摄照片，每张照片间隔越小，制作效果越好。
推荐：拍摄后将图片导出，并保存为.jpeg格式图片（图片过大或背景嘈杂会影响海报播放质量。如需要背景透明，请将图片保存为.png）
方案二： 使用专业连续帧图片制作工具软件制作每一帧的图片，并将不同帧图片分别导出。
4）360全景功能使用
将360全景拖入场景，组件默认展示一组官方案例，物料准备完善后点击"替换组图"。
点击"本地上传"标签下创建组图，上传图片物料。
上传完成后组图内每张图片可以单独调整顺序并删除，以及可以继续上传更多处理的图片。
点击"预览"可以实时查看效果。调整完成或预览效果后点击"确认"可修改图组名。 图组名确认后可以调整图片顺序，以及删除部分图片内容。
已上传的图片组可以点击"选择图组"后点击"我的素材"选择相应图组，鼠标移动到图组上可以预览效果。
5）逐帧动画功能使用
将"逐帧动画"拖入场景，组件默认展示一组官方案例，物料准备完善后点击"替换组图"。 图片上传方式与360全景相同。
用户可设定动画是否自动播放，是否循环播放以及每分钟播放帧数。
这期的教程就到这里啦~
各位站长胖友们都学到了吗？
还有什么不懂的，老地方，来后台找哥吧
打开链接 www.kuaizhan.com，进入快站官网
快站服务号：kuaizhanfuwu
快站订阅号：souhukuaizhan
