问小白 wenxiaobai
资讯
历史
科技
环境与自然
成长
游戏
财经
文学与艺术
美食
健康
家居
文化
情感
汽车
三农
军事
旅行
运动
教育
生活
星座命理

什么是全景图?如何制作全景图?(图文详解)

创作时间:
作者:
@小白创作中心

什么是全景图?如何制作全景图?(图文详解)

引用
1
来源
1.
https://cloud.tencent.com/developer/article/2432369

全景图又被称为VR全景/3D实景,是指将拍摄的水平方向360度,垂直方向180度的多张照片拼接成一张全景图像。通过后期合成制作,让浏览者能用鼠标控制浏览的方向,可左可右、可上可下观看物体或场景,仿佛身临其境一般,目前已经有很多服务融入了该项技术,从而为用户提供更优质的内容服务。

说明

对于创作者来说,使用全景图服务的难点在于制作全景图。以下是几种不同的制作方法:

类型一:拍摄型

  • 摄影师:可以使用单反相机、广角镜头、全景云台和三脚架进行拍摄,但需要自行做后期合成。
  • 无人机驾驶员:可以直接控制无人机拍摄全景图,无人机会自动完成后期合成。
  • 小白:可以购买全景相机(如Insta360 Air),一键完成全景图拍摄,全景图相机会自动完成后期合成。

类型二:设计型

  • 设计师:可以使用Blender、C4D、Maya等设计软件设计出逼真的场景,通过软件中提供的全景相机输出全景图片。
  • AI创作者:可以直接通过AI生成全景图,例如Blockade Labs 研发的 Skybox AI。
  • 游戏玩家:可以通过一些技巧,将游戏场景制作成全景图,进行分享,例如逃离塔科夫游戏案例。

方法一:设计软件导出(以Blender为例)

Blender是一款免费开源的3D创作套件,提供了大量的基础工具,包括建模、渲染、动画 & 绑定、视频编辑、视觉效果、合成、贴图,以及多种类型的模拟。它可以胜任多种多样的任务,也许初次上手会让你产生那么一点点胆怯。但是,只需要再来上一点点的兴趣以及正确的学习材料,几个小时之后你就会彻底和Blender熟络起来啦!

在哔哩哔哩上有很多优秀的教程可以帮助你学习这款软件:

  • 【Kurt】Blender零基础入门教程
  • 【Blender】池核恐怖场景制作全流程 - 适合新手
  • 【Blender教程】超写实电梯基础建模 - 电梯之梦系列教程

切换渲染引擎

渲染引擎切换至Cycles,同时将视图着色方式切换为渲染预览。

输出分辨率设置

调整图像分辨率,默认为1K,作为全景图来说会比较模糊。注:分辨率X必须为4的倍数,否则后续无法生成有效的在线预览全景图。

镜头设置

将镜头切换为全景模式,类型为:等距圆柱,切换至摄像头视角。

渲染输出

使用渲染图像功能,将摄像头视角下的全景图渲染,并保存至本地。

全景图转换为六面图

你可以通过工作台中的快速开始创建一篇新文档。文档编辑器共有两种类型,分别是富文本编辑器(所见即所得)以及Markdown编辑器(沉浸式写作),全景图目前只能在Markdown中生成预览链接。

将从Blender中渲染输出的图片上传至编辑器(Ctrl + V),获取图片网络地址。

https://sh-cdn-tos.aleshu.com/ickerlab_storages/userid_682/2024-06-26/1719421039_4927506456745009cb7e86fa55125f7e.png

通过命令集合,开启全景图弹窗。将全景图网络地址粘贴至弹窗中,点击转换器,填写旋转角度,等待预览窗口自动生成六面图。点击确定后,系统会将六面图切割成24张碎图上传系统并生成在线预览的组件代码。

https://www.aleshu.com/threejs/panoramagram/?imgMeta=AkPv0oDzuN8aYotws6KFBgPqE2FMw3Y2%2F4OL172P%2F2Ktx2k%2BftXxlO68duM8UyAAZ2ABppe8y6dxgt%2FFrDOStKdmxpLOsK0xoJP7fwn5ZMxpA2SPuBWYEE23BaV%2FlKs5cq6T8GvTxb9TDLYOR2QG8t%2FURCvoBdpRWCs6lD%2BHEXxS%2BPTmjcGqazorn09lwcaIhOKDsZfbu9d1nOKAJ9pgsNgX4whcgZGx7LJfkvCPnws%3D

由于Markdown使用难度较高,如果你需要将生成的全景图内嵌至富文本编辑器中,可以复制以上链接,在富文本编辑器中使用自制组件工具,完成内嵌。注:即使不使用当前Markdown文档,也不要删除,图片和文档绑定在一起,如果删除文档,全景图将失效。

方法二:NVIDIA Ansel(以游戏场景为例)

当电脑显卡是NVIDIA显卡时,检查是否满足以下两个条件,可以快速制作游戏场景全景图:

  • 是否支持使用NVIDIA Ansel功能(查看支持的显卡);
  • 游戏也支持NVIDIA Ansel功能(查看支持的游戏)。

下载安装NVIDIA Geforce Experience

要使用NVIDIA Ansel功能,我们需要先下载安装NVIDIA Geforce Experience(点击下载),点击下载链接后进入NVIDIA官网,点击右上角的下载按钮,将文件下载好后进行安装。下载安装好之后,第一次打开软件,会要求你使用账号进行登录。Geforce Experience的主界面,会自动搜索你电脑里的游戏。

打开NVIDIA Geforce Experience屏幕内覆盖

点击右上角设置按钮,进入到设置页面后将游戏内覆盖功能打开。

进入游戏使用NVIDIA ANSEL

进入游戏后按Alt+F2即可打开截图选项,在画面中可以使用W.A.S.D按键调节镜头位置,左侧的任务栏可以用鼠标调节画面效果。因为要制作全景图,在抓拍类型中选择360类型。

此时电脑会自动进行截图并将所有图片合成为全景图。

全景图上传步骤,详见方法一。

方法三:后期合成(以游戏场景为例)

此方法不仅适用于无法支持NVIDIA ANSEL功能的游戏,还适用于使用单反相机拍摄需要后期合成的情况。两者的区别只是获取照片的方式不同,以游戏场景为例,此种方式需要我们自己去游戏中截图,然后使用 Kolor Autopano Giga 软件将图片拼接合成为一张全景图。由于制作全景图需要360度无死角的进行图片获取,如果使用人手来截图会导致每次截取的图片角度不一致,即使使得算法拼接,效果依旧十分差劲。因此我们特别邀请了【塔寨】逃离塔科夫攻略的作者在此分享他制作全景图的方法,感兴趣的朋友可以先看一下KeyTooooo22制作的全景图作品。

下载安装按键精灵2014

在按键精灵中编写鼠标移动脚本,使其覆盖360°角度移动。

下载安装OBS录制软件

使用OBS录制屏幕,获取的视频会比手动截图的效果更好,进而使得全景图最后出来的品质最高。

录制游戏中的视频

在打开OBS的屏幕录制后,运行按键精灵2014中的脚本,等到其完全停止旋转后,全景图的视频素材即录制完毕。

使用Adobe Photoshop将视频转换为图片

导入范围中选择从开始到结束,限制为每隔30帧为一张截图,完成后点击确定。此时视频会以图层的形式打开在新的工程中,将所有图片导出到一个文件夹内。至此,我们就从游戏中获得了用于合成全景图的图片素材,而摄影师则是通过单反相机拍摄的一系列图片。

使用 Kolor Autopano Giga 合成全景图

点击软件左上角红框选择的按钮选取图像。

选取刚才从PS中导出的图片。点击该工程左上角的检测按钮。此时会在预览窗口中显示预览图片。点击预览窗口中的设置按钮。按照以下参数设置,并进行渲染输出。注意:全景图的宽度必须能被4所整除,否则后续无法通过乐述云享在线预览。 如果默认参数不能被4整除可以自行调整到合适的数字,调整完成后点击渲染即可获得全景图。

全景图微调

使用此种方式,很有可能天上和地下是有瑕疵的,即游戏无法完全180°仰视/俯视,单反相机也有同样的问题,而平面图我们又无法人工修复,因此需要借助Photoshop的全景图功能对图片做进一步优化。若切换成全景图图层后,无画面显示,可以尝试使用该解决方案解决。此时你就可以使用绘图工具进一步完善全景图了,完成后恢复成平面图,重新保存即可。

全景图上传步骤,详见方法一。

© 2023 北京元石科技有限公司 ◎ 京公网安备 11010802042949号