自上次分享了几个小而美的小插件后,快站站长们纷纷踊跃给快站哥发言,表达了浓厚的学习兴趣。看到大家都这么好学,哥也是无比激动。
这次教大家一个更加酷炫的制作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
本文暂时没有评论,来添加一个吧(●'◡'●)