前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >什么是全景图?如何制作全景图?(图文详解)

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

原创
作者头像
用户9081736
发布2024-06-27 14:41:04
770
发布2024-06-27 14:41:04

前言

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

百度地图全景模式

如视Realsee数字空间

720云的VR全景及数字孪生元宇宙创作平台

贝壳找房的案例展示

720云图的全景作品分享

乐述云享的全景图案例:

说明

对于创作者来说,使用全景图服务的难点在于制作全景图。

类型一:拍摄型

如果你是一位摄影师,你可以通过以下设备拍摄全景图:单反相机、广角镜头、全景云台和三脚架,此方法需要自行做后期合成。

如果你是一位无人机驾驶员,你可以直接控制无人机拍摄全景图,无人机会自动完成后期合成。

如果你是一位小白,还可以通过购买全景相机,例:Insta360 Air,一键完成全景图拍摄,全景图相机会自动完成后期合成。

类型二:设计型

如果你是一位设计师,你可以通过Blender、C4D、Maya等设计软件设计出逼真的场景,通过软件中提供的全景相机输出全景图片。

如果你是一位AI创作者,你可以直接通过AI生成全景图,例如:Blockade Labs 研发的 Skybox AI

如果你是一位游戏玩家,你可以通过一些技巧,将游戏场景制作成全景图,进行分享,例如:逃离塔科夫游戏案例

今天小编为大家推荐的知识库就是专门收录全景图的一个知识库。 目前我们还没有想好如何二次使用这些全景图,也许会和其他功能形成互补,例如作为三维模型在线展示组件的背景,后续再聊。

如果你对制作全景图感兴趣,欢迎继续往下看

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

01 Blender 基础教程

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

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

【Kurt】Blender零基础入门教程

【Blender】池核恐怖场景制作全流程 - 适合新手

【Blender教程】超写实电梯基础建模 - 电梯之梦系列教程

02 切换渲染引擎

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

03 输出分辨率设置

调整图像分辨率,默认为1K,作为全景图来说会比较模糊。

注:分辨率X必须为4的倍数,否则后续无法生成有效的在线预览全景图。

04 镜头设置

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

05 渲染输出

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

06 全景图转换为六面图

你可以通过工作台中的快速开始创建一篇新文档。文档编辑器共有两种类型,分别是富文本编辑器(所见即所得)以及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功能(查看支持的游戏)。

01 下载安装NVIDIA Geforce Experience

要使用NVIDIA Ansel功能,我们需要先下载安装NVIDIA Geforce Experience(点击下载),点击下载链接后进入NVIDIA官网,点击右上角的下载按钮,将文件下载好后进行安装。

下载安装好之后,第一次打开软件,会要求你使用账号进行登录。

Geforce Experience的主界面,会自动搜索你电脑里的游戏。

02 打开NVIDIA Geforce Experience屏幕内覆盖

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

03 进入游戏使用NVIDIA ANSEL

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

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

04 在乐述云享中上传全景图步骤,详见方法一

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

此方法不仅适用于无法支持NVIDIA ANSEL功能的游戏,还适用于使用单反相机拍摄需要后期合成的同学。

两者的区别只是获取照片的方式不同,以游戏场景为例,此种方式需要我们自己去游戏中截图,然后使用 Kolor Autopano Giga 软件将图片拼接合成为一张全景图。

由于制作全景图需要360度无死角的进行图片获取,如果使用人手来截图会导致每次截取的图片角度不一致,即使使得算法拼接,效果依旧十分差劲。

因此我们特别邀请了【塔寨】逃离塔科夫攻略的作者在此分享他制作全景图的方法,感兴趣的朋友可以先看一下KeyTooooo22制作的全景图作品

01 下载安装按键精灵2014

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

02 下载安装OBS录制软件

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

03 录制游戏中的视频

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

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

导入范围中选择从开始到结束,限制为每隔30帧为一张截图,完成后点击确定。

此时视频会以图层的形式打开在新的工程中,将所有图片导出到一个文件夹内。

至此,我们就从游戏中获得了用于合成全景图的图片素材,而摄影师则是通过单反相机拍摄的一系列图片。

05 使用 Kolor Autopano Giga 合成全景图

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

选取刚才从PS中导出的图片。

点击该工程左上角的检测按钮。

此时会在预览窗口中显示预览图片。

点击预览窗口中的设置按钮。

按照以下参数设置,并进行渲染输出。

注意:全景图的宽度必须能被4所整除,否则后续无法通过乐述云享在线预览。 如果默认参数不能被4整除可以自行调整到合适的数字,调整完成后点击渲染即可获得全景图。

06 全景图微调

使用此种方式,很有可能天上和地下是有瑕疵的,即游戏无法完全180°仰视/俯视,单反相机也有同样的问题,而平面图我们又无法人工修复,因此需要借助Photoshop的全景图功能对图片做进一步优化。

若切换成全景图图层后,无画面显示,可以尝试使用该解决方案解决。

此时你就可以使用绘图工具进一步完善全景图了,完成后恢复成平面图,重新保存即可。

07 在乐述云享中上传全景图步骤,详见方法一

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 说明
  • 方法一:设计软件导出(以Blender为例)
    • 01 Blender 基础教程
      • 02 切换渲染引擎
        • 03 输出分辨率设置
          • 04 镜头设置
            • 05 渲染输出
              • 06 全景图转换为六面图
              • 方法二:NVIDIA Ansel(以游戏场景为例)
                • 01 下载安装NVIDIA Geforce Experience
                  • 02 打开NVIDIA Geforce Experience屏幕内覆盖
                    • 03 进入游戏使用NVIDIA ANSEL
                      • 04 在乐述云享中上传全景图步骤,详见方法一
                      • 方法三:后期合成(以游戏场景为例)
                        • 01 下载安装按键精灵2014
                          • 02 下载安装OBS录制软件
                            • 03 录制游戏中的视频
                              • 04 使用Adobe Photoshop将视频转换为图片
                                • 05 使用 Kolor Autopano Giga 合成全景图
                                  • 06 全景图微调
                                    • 07 在乐述云享中上传全景图步骤,详见方法一
                                    领券
                                    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档