DYNAMIC 技术动态

360全景漫游的具体制作流程

2014-05-12 16:11:15 时间机器影像中心

360全景漫游的制作流程可以分为四大部分,前期全景照片的采集、中期照片的全景拼接以及后期的互动漫游制作和网络和其他多媒体终端的发布。 

一、 利用360全景拍摄技术采集全景图片 

1.准备好数码相机选择好拍摄位置,然后在拍摄场景(实体博物馆的室内或者室外) 的中心位置确定一个中心点,再将相机放置在中心点处。然后支好三脚架然后将数码相机固定在三脚架上,这样通过旋转三脚架上的云台相机在不改变位置的情况下就可以拍摄不同方位

的图片。  

2.在 正式开始拍摄前,要调整好相机拍摄模式和各种数据设置,尽量使用手动曝光模式、手动对焦模式,这样可以保证每张照片的曝光参数相同,拍摄出来的图片色调, 焦距大小会比较统一,方便使用软件进行全景拼接。拍摄焦距设定后,直到照片全部拍完才能更改,焦距越大,视角就会越小,拍摄的单个图片也会增加,这样在拼 接时拼接的缝隙会增多,所以焦距一般设置成 50 毫米比较合适,p拍摄的照片一般在12到 15张左右,这个焦距的变形比较小,易于后面的拼接过程。

在拍摄的过程中,第一张照片拍摄完成后,用一只手扶住三角架,确保其稳定,另一只手轻轻转动云台,转动一定的角度,继续拍摄,直至转完一周。拍摄每张照片的左右要留出一定的重叠部分,便于后面使用软件进行自动拼接。一般情况下,空出的重叠部分约占照片的 20%-30%。照片的上下部分也要多空出一些,这样便于后面拼接完成后进行裁减。 

3.利用专业的全景图像合成软件对于前期采集的全景图像进行拼接 在拍摄完成后,将单张图片保存成图 1、图 2、图 3„„我们就可以借助Photoshop 软件的“Photomerge”(图片拼接)功能,将拍摄的单张图片拼接成一副完整的全景图。 

⑴启动 Photoshop,选择菜单“文件→自动→Photomerge„”出现对话框,选择“打开”后面的“文件”选项,然后单击“浏览”按钮打开照片的保存文件夹,或者单张图片按住 Ctrl 键选择要添加的图片,选择下方的“混合图像”选项,最后单击“确定”按钮。如果没有选择中下部的“混合图像”选项, 则处理后的全景图片单张图片之间的缝隙处理痕迹太过于明                      显, 建议为了最终的效果统一定要勾选“混合图像”的选项。左边的版面选项提供了自动、透视、圆柱、仅调整位置和互动版面四个选项,每一个都有不同的效果,自动 模式下的全景拼接是把所有的单张照片按照原来的大小透视直接拼接起来,这个对于数字博物馆的展示方式是比较可取的,一般情况下选择自动模式即可;透视模式 是把单张图片的原来的正常透视进行调整,拼接完的全景图类似于多张单张图片拼接而成的平面图,没有立体效果;圆柱模式是把拼接完的全景图左右两边放大,让 后再弧形的屏幕上显示出来的时候正好是自动模式的效果;互动版面是一种可手动操作的模式,可以自己调节单张照片之间的顺序,上方时图片源,下方是拼接区, 可以把上面的图片拖到下面的拼接去进行拼接, 拖动右侧“导航器”下的“滑块”可以调节“拼图区”的显示比例,在“拼图区”排列图片时,当两幅图片重叠 时,Photomerge 会自动将图片之间的重叠部分设为透明,这样可以方便我们观察图像的重叠效果是否真实合理。如果选择了“对齐图像”选项,可以在检测到共同之处时自动将重叠图像固定到位。 

⑵裁剪拼接后的废弃部分

⑶设置完成后单击“确定”按钮完成图像拼接,最后选择菜单“文件→存储为„”命令保存全景图片。 

其实除了 photoshop这中专业的图像软件之外,还有很多全景图片的处理软件,比较常用的有 MGI photo suite、Pano2VR、panorama maker、virtools、 Ulead COOL 360等,国内也有一些比较好的全景处理软件比如杰图的“造景师”、彩影、以及中视典的vrp系列软件都不是不错的选择。 

二、 利用flash技术以及其他交互技术对拼接后的全景图像进行漫游交互处理 用 Photoshop以 及其他的全景处理软件可以制作出静态的全景图, 但是全景图的拼接完成只是整个全景漫游的二分之一的工作, 制作出带有交互效果的全景漫游图,才是整个全 景漫游制作的最为重要的部分。当光标移动时全景图也会跟随着移动,形成动态的环视效果,可以放大缩小观看,可以点击全景图上面的热区连接,查看有关藏品的 多媒体信息介绍,有趣的交互可以让观众产生愉悦的浏览体验,从而在潜移默化的影响之下衍生实体博物馆的职能。以上的漫游效果的实现也有很多种方法,可以利 用 virtools、vrp虚拟现实编辑器、flash等一些软件来实现,但是一般情况下都使用Flash完成互动漫游效果的制作, 由于Flash动画可以在很多软件调用,并且目前几乎所有的电脑上都安装了 Flash播放器,所以Flash 制作的全景图全景图具有更加广泛的应用空间。 前两者软件比较适合运用在以三维建模为基础的虚拟漫游效果的实现上面。以下是利用 flash技术实现漫游效果的具体实施方法(以 Flash cs3中文版本为例): 

1.启动 Flash  cs3, 选择菜单“修改→文档”命令打开文档属性框,将文档的宽度设置为,背景色为黑色;选择菜单“文件→导入→导入到库„”命令出现对话框,选择静态全景图,再 单击“打开”按钮导入图片;选择菜单“插入→时间轴→图层”命令插入三个新层,双击图层名称可重新命名,从上至下分别取名为:控制脚本、控制按钮、显示 区、全景图。 

2.选 择菜单“插入→新建元件„”出现对话框,选择类型为“按钮”,名称为“放大”,这样创建一个放大按钮,然后使用这种方法再制作一个“缩小”按钮;创建一个 名为“响应”的按钮,该按钮是一个矩形,尺寸按照不同终端的分辨率而定;选择菜单“插入→新建元件„”出现对话框,选择类型为“影片剪辑”,名称为“拼接 全景图”;选择菜单“窗口→库”打开“库”,将其中的图片全景图拖放到舞台上,并且复制一份,将他们拼接起来。 

3.打开“库”,将三个按钮拖放到“控制按钮”层第 1 帧的舞台上,其中“响应”按钮的位置在全景图显示区域(大概在场景的中心位置),并且单击舞台下方的“属性”按钮,将其透明度(Alpha)设置为“0”,设定一个搞高度和宽度值,X为50,Y为25;“放大”和“缩小”按钮在“响应按钮”的右下侧,再在该层的第 25帧按F5键插入帧;在“显示区域”层第1帧的舞台上绘制一个与“响应按钮”等大的矩形,要正好覆盖在“响应”按钮上,将“库”中的“拼接全景图”影片拖放到层“全景图”的第1帧,最后在这两个层的第 25帧按F5键。 

4.选中“拼接全景图”影片,然后单击下方的“属性”按钮,将其实例名设置为“tupian”;在“控制脚本”层的第 1 帧按 F6 键插入关键帧,单击舞台下方的“动作”面板,然后加上如下脚本: 

l = 459;// l是场景宽度 

h = 250;//h 是场景高度 

t = 50;//t 是显示区域顶部坐标 

b = 250;//b 是显示区域底部坐标 

v = 250;//v 是水平线坐标 

m = (t+b)/2;//m是显示区域的中心坐标 

si = 100*(b-t)/(tupian._height);//si 是最小缩放倍数 

注意:“//”后面的是语句说明,这里的部分数据要根据制作时的实际大小来设置。 

5.在“控制脚本”层的第 5 帧按 F6 键,然后打开“动作面板”,输入:“stop();”脚本(注:引号不要输入);再在第 10 帧按 F6 键,然后打开“动作”面板输入脚本,这段脚本主要是获取光标的位置,根据光标的移动方向和速度,控制全景图的移动方向和速度。在第 11帧按F6键,打开“动作”面板,输入:“gotoAndPlay(10);”,它主要是实现重复执行两帧代码,从而保证在移动鼠标后,全景图一直保持运动。 

6.在“控制脚本”层的第15帧按F6键,然后打开“动作”面板输入脚本(具体内容参阅源程序),这段脚本主要是按比例改变全景图的高度和宽度,从而实现 放 大 效 果 。 在 第 16 帧按 F6 键,打开 “ 动作面板 ” , 输 入 :“gotoAndPlay(15);”,作用是重复执行第 15帧脚本。 

7.在“控制脚本”层的第 20 帧按F6键,然后加上脚本,这段脚本作用是让图片在放大后可缩小,并且设定缩小后不能小于原图的尺寸。最后在第 21 帧按F6键,加上脚本:“gotoAndPlay(20);”,作用是重复执行第 20帧脚本。 

8.单击层“显示区”,然后右击选择“遮罩层”,这样全景图就只能出现在显示区;选中“放大”按钮,打开“动作”面板输入脚本,这段脚本是当按下鼠标左键时,执行第 15 帧代码,即放大全景图,松开左键时执行第 5 帧代码,停止执行代码。选中“缩小”按钮,加上语句,这段脚本也是按下鼠标执行第 20帧代码,松开后执行第 5帧代码。选中“响应”按钮,加上语句,这段脚本的作用是当光标在响应按钮上,执行第 10 帧脚本,当光标离开响应按钮时停止执行脚本。 

9.按 Ctrl+Enter 键观看动态全景图效果,当光标向左移动时图片就会向左播放,光标向右移动时图片向右播放,单击“放大”按钮可以放到全景图,此时图片可以上下移动; 

三、360全景漫游动画的发布 

最后选择菜单“文件→发布设置”命令弹出对话框,勾选“格式”选项下的“Flash(.swf)”选项,然后单击“发布”按钮将全景图输出成 Flash 全景,漫游动画。由于Flash动画可以在很多软件调用,并且目前几乎所有的电脑上都安装了 Flash播放器,所以Flash 制作的全景漫游动画特别适合于数字博物馆的虚拟展示。

标签: 无标签