360度动态全景图制作

当置身于如诗如画的美景中,你是否想过将四周的一切美好事物都留下来?当新房装修完毕,你是否想过全方位向好友展示你的爱巢呢?当一个Party结束合影时却发现相机无法将所有人摄入镜头中,你是否有一个好的解决方法呢?……此时制作一幅360度全景图无疑是最好的解决方案。

拍摄全景图:注意保持水平
在专业摄影中,拍摄全景图会使用专业且价格昂贵的设备,如:摇头机、360度转机。随着数码技术的日益平民化,我们只需要一台普通的数码相机,就能拍摄制作全景图所需要的图片、再通过图像处理软件就能完美地拼接成全景图片。在全景图的制作中,拍摄的单张照片十分重要,它直接决定到全景图的合成效果。
 全景图英文名为Panorama,是指大于双眼正常有效视角(大约水平90度,垂直70度)或双眼余光视角(大约水平180度,垂直90度),乃至360度完整场景范围的照片。传统的光学摄影全景照片是把90度至360度的场景全部展现在一个二维平面上,把一个场景的前后左右一览无余地推到观者的眼前。简单地说是将多幅相连图片依次拼接组成的图片链,如同站在某个固定的点转了一圈,四周的景色连起来就是一幅全景图。狭义上的全景图一定是360度,广义上的全景图就是超越了视野极限的图片。
第一步:准备好相机,选择好景点,然后在景点的中心位置确定一个中心点,再将相机放置在中心点处。如果有三脚架,最好将三角架(如图1),然后将相机固定在三脚架上,这样通过旋转三脚架上的云台,相机在不改变位置的情况下就可以拍摄不同方位的图片。即使没有三脚架,也要想法设法将相机固定在一个零时平台上,让相机平行转动且不能改变位置。如果一定要手持相机进行拍摄,脚一定要在同一圆心上旋转,身体保持平衡。

1摄影专用三脚架
第二步:在开始拍摄前,最好关闭相机的自动曝光功能,所以尽量使用手动曝光模式,这样可以保证每张照片的曝光参数相同,拍摄出来的图片色调会比较统一,便于使用软件进行无缝拼接。拍摄焦距设定后,直到照片全部拍完才能更改,焦距越大,视角就会越小,拍摄的单个图片也会增加,这样在拼接时拼接的缝隙会增多,所以焦距一般设置成50毫米比较合适,这个焦距的变形也比较小。
第三步:在拍摄的过程中,第一张照片拍摄完成后,用一只手扶住三角架,确保其稳定,另一只手轻轻转动云台,转动一定的角度,继续拍摄,直至转完一周。拍摄每张照片(如图2)的左右要留出一定的重叠部分,便于后面使用软件进行自动拼接。一般情况下,空出的重叠部分约占照片的20%-30%。照片的上下部分也要多空出一些,这样便于后面拼接完成后进行裁减。

2用来拼接全景图的单张图片
静态处理:用Photoshop拼接全景图
在拍摄完成后,将单张图片保存成图1、图2、图3……我们就可以借助Photoshop CS2图片拼接Photomerge)功能,将拍摄的单张图片拼接成一副完整的全景图。
第一步:启动Photoshop CS2中文版,选择菜单文件自动Photomerge…”出现对话框(如图3),选择打开后面的文件选项,然后单击浏览按钮打开照片的保存文件夹,按住Ctrl键选择要添加的图片,选择下方的尝试自动排列源图像选项,最后单击确定按钮。

3 添加制作全景图的照片
第二步:此时Photoshop会自动打开所有的图像,然后关闭,再弹出Photomerge对话框,如果单张照片拍摄得比较好(也就是相邻两幅图像的重叠部分比较明显),在这里基本上就能自动拼出来,单击确定按钮然后保存全景图即可(如图4)。

4 自动拼接出的全景图
第三步:如果没有选择尝试自动排列源图像选项,则会打开Photomerge对话框(如图5),在上方的源图片区显示着添加的单张图片,下方是拼图区,可将图片从源图片区拖到拼图区排列。拖动右侧导航器下的滑块可以调节拼图区的显示比例。

5 手动拼接全景图
第四步:拼图区排列图片时,当两幅图片重叠时,Photomerge会自动将图片之间的重叠部分设为透明,这样可以方便我们观察图像的重叠效果是否真实合理。如果选择了对齐图像选项,可以在检测到共同之处时自动将重叠图像固定到位(如图6)。

6 自动透明并重合
当拍摄的图片角度出现偏差或图片有些扭曲,可切换到透视选项,然后选择圆柱映射,它可以在一定程度上降低应用透视校正时可能会出现的扭曲;如果图片的色调不够统一,可选择高级混合选项,它可以降低因混合不同曝光度的图像而造成的颜色不一致。当选中该选项以后,在大区域上会混合大范围的颜色和色调,在较小区域上则混合细节颜色和色调。
第五步:如果要旋转某张图片以适合与其它图片的合成,可以使用旋转工具。选择左侧工具箱中第一个选择图像工具,选中要旋转的图像。然后单击左侧工具箱中第二个旋转工具,在图片的边缘附近单击,就可以让图片围绕中心做圆形旋转(如图7)。设置完成后单击确定按钮完成图像拼接,最后选择菜单文件存储为…”命令保存全景图片。

7 旋转图片
如果不想为了制作一张全景图就安装Photoshop这种庞然大物,我们也可以使用PanaVue ImageAssembler来制作(下载网址:http://www.newhua.com/soft/18442.htm),操作很简单:启动工具单击“Try First”按钮,按Ctrl+N新建一个项目,选择Panorama Stitching(全景拼贴),单击OK按钮出现对话框,选择拼贴方式(Single row是水平,single column是垂直),单击OK再次出现对话框,切换到“2-Add Image”项,单击Add按钮可添加制作全景图的图片,“3-Set Options”“Selecte a Lens Definition”可设置属性,切换到“5-Run&Finalize”项,单击Full Run按钮可以生成全景图。由于是共享软件,直接保存的全景图会变成黑白图像且会打上软件标记,所以可使用抓图软件将预览的完整全景图保存下来。
制作动态全景图方法1Flash脚本实现
Photoshop可以制作出静态的全景图,那么我们能否将静态的全景图变成动态的呢?也就是制作出带有交互效果的全景图,当光标移动时全景图也会跟随着移动,形成动态的环视效果,使用Flash就可以轻松制作出这种动态全景图。
第一步:启动Flash 8.0,选择菜单修改文档命令打开文档属性框,将文档的宽度设置为450px,高度设置为250px,背景色为黑色;选择菜单文件导入导入到库…”命令出现对话框,选择静态全景图,再单击打开按钮导入图片;选择菜单插入时间轴图层命令插入三个新层,双击图层名称可重新命名,从上至下分别取名为:、控制脚本、控制按钮、显示区、全景图。
第二步:选择菜单插入新建元件…”出现对话框,选择类型为按钮,名称为放大,这样创建一个放大按钮,然后使用这种方法再制作一个缩小按钮;创建一个名为响应的按钮,该按钮是一个矩形,尺寸大约是360×200;选择菜单插入新建元件…”出现对话框,选择类型为影片剪辑,名称为拼接全景图;选择菜单窗口打开,将其中的图片(全景图.jpg)拖放到舞台上,并且复制一份,将他们拼接起来(如图8)。

8 动态全景图中所用元件
第三步:打开,将三个按钮拖放到控制按钮层第1帧的舞台上,其中响应按钮的位置在全景图显示区域(大概在场景的中心位置),并且单击舞台下方的属性按钮,将其透明度(Alpha)设置为“0”,宽度为360,高度为200X50Y25放大缩小按钮在响应按钮的右下侧,再在该层的第25帧按F5键插入帧;在显示区域层第1帧的舞台上绘制一个与响应按钮等大的矩形,要正好覆盖在响应按钮上,将中的拼接全景图影片拖放到层全景图的第1帧(如图9),最后在这两个层的第25帧按F5键。

9 舞台上各个原件的位置
第四步:选中拼接全景图影片,然后单击下方的属性按钮,将其实例名设置为“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
是最小缩放倍数
注意:“//”后面的是语句说明,这里的部分数据要根据制作时的实际大小来设置(如图10)。

10 脚本输入面板
第五步:控制脚本层的第5帧按F6键,然后打开动作面板,输入:“stop();”脚本(注:引号不要输入);再在第10帧按F6键,然后打开动作面板输入脚本(具体内容参阅源程序),这段脚本主要是获取光标的位置,根据光标的移动方向和速度,控制全景图的移动方向和速度。在第11帧按F6键,打开动作面板,输入:“gotoAndPlay(10);”,它主要是实现重复执行两帧代码,从而保证在移动鼠标后,全景图一直保持运动。
第六步:控制脚本层的第15帧按F6键,然后打开动作面板输入脚本(具体内容参阅源程序),这段脚本主要是按比例改变全景图的高度和宽度,从而实现放大效果。在第16帧按F6键,打开动作面板,输入:“gotoAndPlay(15);”,作用是重复执行第15帧脚本。
第七步:控制脚本层的第20帧按F6键,然后加上脚本(具体内容参阅源程序),这段脚本作用是让图片在放大后可缩小,并且设定缩小后不能小于原图的尺寸。最后在第21帧按F6键,加上脚本:“gotoAndPlay(20);”,作用是重复执行第20帧脚本。
第八步:单击层显示区,然后右击选择遮罩层(如图11),这样全景图就只能出现在显示区;选中放大按钮,打开动作面板输入脚本(具体内容参阅源程序),这段脚本是当按下鼠标左键时,执行第15帧代码,即放大全景图,松开左键时执行第5帧代码,停止执行代码。选中缩小按钮,加上语句(具体内容参阅源程序),这段脚本也是按下鼠标执行第20帧代码,松开后执行第5帧代码。选中响应按钮,加上语句(具体内容参阅源程序),这段脚本的作用是当光标在响应按钮上,执行第10帧脚本,当光标离开响应按钮时停止执行脚本。
源程序下载地址:http://down.cbifamily.com/down/200724/all.fla
动态全景图下载地址:http://down.cbifamily.com/down/200724/all.swf

11 图层示意图
第九步:Ctrl+Enter键观看动态全景图效果(如图12),当光标向左移动时图片就会向左播放,光标向右移动时图片向右播放,单击放大按钮可以放到全景图,此时图片可以上下移动;最后选择菜单文件发布设置命令弹出对话框,勾选格式选项下的“Flash.swf选项,然后单击发布按钮将全景图输出成Flash动画。由于Flash动画可以在很多软件调用,并且目前几乎所有的电脑上都安装了Flash播放器,所以Flash制作的全景图全景图具有更加广泛的应用空间。

12 播放
动态全景图方法2:用COOL 360快速生成
尽管用Flash可以制作的动态全景图应用范围较广泛,但是由于涉及到不少的代码,有些朋友可能不太喜欢。这里笔者再为大家推荐一个专业的动态全景图制作软件——Ulead COOL 360,它操作十分简单,可以将全景图制成屏保、用E-mail直接发送、输出成可执行文件。
第一步:启动Cool 360.单击New Project打开New Preject Wizard(新的项目向导)对话框(如图13);在Project type(项目类型)中选择“Full 360°Panorama”;在Project name中输入文件名,再单击Location下的Browse按钮选择保存文件夹,还可以在Description中输入关于全景图的一些说明文字。

13 设置全景图的基本参数
第二步:单击下一步按钮出现的对话框(如图14),按住Ctrl键分别选择用来制作全景图的照片,然后单击Add按钮添加,单击Add All按钮可以添加文件夹中的全部图片;单击Acquire按钮,可以直接从外部数码设备(如:摄像头、数码相机等)中获取图像。

14 添加图片
第三步:图片加入后出现预览窗口(如图15),下方的按钮可以删除、旋转、缩小或放大图片。

15 图片预览窗口
第四步:单击下一步按钮,选择用于拍摄照片图像的相机镜头(如图16),如果相机镜头不在列表中,可选择程序提供的缺省镜头,也可自定义镜头参数,Disable warping是禁止弯曲,选择后浏览时全景图无弯曲感,Disable Blending是禁止融合,这样相邻两张相片拼成全景图可见其重叠部分,一般情况下这两个选项都选,以便获得透视变形和边界混合的逼真效果。

16 全景图拼接设置窗口
第五步:单击完成切换到Adjust窗口,在这里可以调整图片的各种属性。比如说:对于拼好的图片中某一幅不满意,可单击该图片,在选项面板中调节参数即可。Rotate是旋转图像,Perspective产生透视效果、Hue是调整色调、Saturation调整饱和度,Brightness调整亮度,Contrast调整对比度;还可通过鼠标拖拉来调整各幅图像间的重叠程度。若对调整效果不满意,可单击UndoRedo两个功能进行取消和重复操作,单击Reset按钮,恢复调入图像的初始状态。
第六步:调整满意后,单击Viewer按钮打开自带的浏览器观看动态的全景图,观看时可用鼠标控制全景图运动的方向、速度和大小比例等。
第七步:单击Finish按钮,可以选择多种方式输出动态全景图(如图17)。

17 多种输出方式
单击Save按钮,保存当前全景图;单击E-mail按钮,将当前全景图转换为EXE文件,并作为电子邮件附件发送;单击Web按钮,以Web页面的形式保存当前全景图,且可在浏览器中观看;单击Screen Saver按钮,设置全景图为默认的屏幕保护程序;单击Print按钮,以平面图形式打印该全景图;单击Copy按钮,将该全景图复制到剪贴板上以便其他程序调用;单击Export按钮,生成一个可执行文件,执行它就可浏览全景图的内容。
 
 
未经允许不得转载: 知识堂» 360度动态全景图制作
分享到: 更多 ( 140 )