制作360度动态全景图之欧阳音创编.docx

1、制作360度动态全景图之欧阳音创编无限风光收眼底制作360度动态全景图时间：2021.03.11创作：欧阳音当置身于如诗如画的美景中，你是否想过将四周的一切美好事物都留下来？当新房装修完毕，你是否想过全方位向好友展示你的爱巢呢？当一个Party结束合影时却发现相机无法将所有人摄入镜头中，你是否有一个好的解决方法呢？此时制作一幅360度全景图无疑是最好的解决方案。拍摄全景图：注意保持水平在专业摄影中，拍摄全景图会使用专业且价格昂贵的设备，如：摇头机、360度转机。随着数码技术的日益平民化，我们只需要一台普通的数码相机，就能拍摄制作全景图所需要的图片、再通过图像处理软件就能完美地拼接成全景图片。在

2、全景图的制作中，拍摄的单张照片十分重要，它直接决定到全景图的合成效果。全景图英文名为Panorama，是指大于双眼正常有效视角（大约水平90度，垂直70度）或双眼余光视角（大约水平180度，垂直90度），乃至360度完整场景范围的照片。传统的光学摄影全景照片是把90度至360度的场景全部展现在一个二维平面上，把一个场景的前后左右一览无余地推到观者的眼前。简单地说是将多幅相连图片依次拼接组成的图片链，如同站在某个固定的点转了一圈，四周的景色连起来就是一幅全景图。狭义上的全景图一定是360度，广义上的全景图就是超越了视野极限的图片。第一步：准备好相机，选择好景点，然后在景点的中心位置确定一个中心点

3、，再将相机放置在中心点处。如果有三脚架，最好将三角架（如图1），然后将相机固定在三脚架上，这样通过旋转三脚架上的云台，相机在不改变位置的情况下就可以拍摄不同方位的图片。即使没有三脚架，也要想法设法将相机固定在一个零时平台上，让相机平行转动且不能改变位置。如果一定要手持相机进行拍摄，脚一定要在同一圆心上旋转，身体保持平衡。图1摄影专用三脚架第二步：在开始拍摄前，最好关闭相机的自动曝光功能，所以尽量使用手动曝光模式，这样可以保证每张照片的曝光参数相同，拍摄出来的图片色调会比较统一，便于使用软件进行无缝拼接。拍摄焦距设定后，直到照片全部拍完才能更改，焦距越大，视角就会越小，拍摄的单个图片也会增加，这

4、样在拼接时拼接的缝隙会增多，所以焦距一般设置成50毫米比较合适，这个焦距的变形也比较小。第三步：在拍摄的过程中，第一张照片拍摄完成后，用一只手扶住三角架，确保其稳定，另一只手轻轻转动云台，转动一定的角度，继续拍摄，直至转完一周。拍摄每张照片（如图2）的左右要留出一定的重叠部分，便于后面使用软件进行自动拼接。一般情况下，空出的重叠部分约占照片的20%-30%。照片的上下部分也要多空出一些，这样便于后面拼接完成后进行裁减。图2用来拼接全景图的单张图片静态处理：用Photoshop拼接全景图在拍摄完成后，将单张图片保存成图1、图2、图3我们就可以借助Photoshop CS2的“图片拼接”（Phot

5、omerge）功能，将拍摄的单张图片拼接成一副完整的全景图。第一步：启动Photoshop CS2中文版，选择菜单“文件自动Photomerge”出现对话框（如图3），选择“打开”后面的“文件”选项，然后单击“浏览”按钮打开照片的保存文件夹，按住Ctrl键选择要添加的图片，选择下方的“尝试自动排列源图像”选项，最后单击“确定”按钮。图3 添加制作全景图的照片第二步：此时Photoshop会自动打开所有的图像，然后关闭，再弹出Photomerge对话框，如果单张照片拍摄得比较好（也就是相邻两幅图像的重叠部分比较明显），在这里基本上就能自动拼出来，单击“确定”按钮然后保存全景图即可（如图4）。图4

6、 自动拼接出的全景图第三步：如果没有选择“尝试自动排列源图像”选项，则会打开Photomerge对话框（如图5），在上方的“源图片区”显示着添加的单张图片，下方是“拼图区”，可将图片从“源图片区”拖到“拼图区”排列。拖动右侧“导航器”下的“滑块”可以调节“拼图区”的显示比例。图5 手动拼接全景图第四步：在“拼图区”排列图片时，当两幅图片重叠时，Photomerge会自动将图片之间的重叠部分设为透明，这样可以方便我们观察图像的重叠效果是否真实合理。如果选择了“对齐图像”选项，可以在检测到共同之处时自动将重叠图像固定到位（如图6）。图6 自动透明并重合当拍摄的图片角度出现偏差或图片有些扭曲，可切换

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

8、旋转图片如果不想为了制作一张全景图就安装Photoshop这种“庞然大物”，我们也可以使用PanaVue ImageAssembler来制作（下载网址： 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”项，单击F

9、ull Run按钮可以生成全景图。由于是共享软件，直接保存的全景图会变成黑白图像且会打上软件标记，所以可使用抓图软件将预览的完整全景图保存下来。制作动态全景图方法1：Flash脚本实现用Photoshop可以制作出静态的全景图，那么我们能否将静态的全景图变成动态的呢？也就是制作出带有交互效果的全景图，当光标移动时全景图也会跟随着移动，形成动态的环视效果，使用Flash就可以轻松制作出这种动态全景图。第一步：启动Flash 8.0，选择菜单“修改文档”命令打开文档属性框，将文档的宽度设置为450px，高度设置为250px，背景色为黑色；选择菜单“文件导入导入到库”命令出现对话框，选择静态全景图，

10、再单击“打开”按钮导入图片；选择菜单“插入时间轴图层”命令插入三个新层，双击图层名称可重新命名，从上至下分别取名为：、控制脚本、控制按钮、显示区、全景图。第二步：选择菜单“插入新建元件”出现对话框，选择类型为“按钮”，名称为“放大”，这样创建一个放大按钮，然后使用这种方法再制作一个“缩小”按钮；创建一个名为“响应”的按钮，该按钮是一个矩形，尺寸大约是360200；选择菜单“插入新建元件”出现对话框，选择类型为“影片剪辑”，名称为“拼接全景图”；选择菜单“窗口库”打开“库”，将其中的图片（全景图.jpg）拖放到舞台上，并且复制一份，将他们拼接起来（如图8）。图8 动态全景图中所用元件第三步：打开

11、“库”，将三个按钮拖放到“控制按钮”层第1帧的舞台上，其中“响应”按钮的位置在全景图显示区域（大概在场景的中心位置），并且单击舞台下方的“属性”按钮，将其透明度（Alpha）设置为“0”，宽度为360，高度为200，X为50，Y为25；“放大”和“缩小”按钮在“响应按钮”的右下侧，再在该层的第25帧按F5键插入帧；在“显示区域”层第1帧的舞台上绘制一个与“响应按钮”等大的矩形，要正好覆盖在“响应”按钮上，将“库”中的“拼接全景图”影片拖放到层“全景图”的第1帧（如图9），最后在这两个层的第25帧按F5键。图9 舞台上各个原件的位置第四步：选中“拼接全景图”影片，然后单击下方的“属性”按钮，将其

12、实例名设置为“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键，然后打开“动作面板”，输入：“s

13、top();”脚本（注：引号不要输入）；再在第10帧按F6键，然后打开“动作”面板输入脚本（具体内容参阅源程序），这段脚本主要是获取光标的位置，根据光标的移动方向和速度，控制全景图的移动方向和速度。在第11帧按F6键，打开“动作”面板，输入：“gotoAndPlay(10);”，它主要是实现重复执行两帧代码，从而保证在移动鼠标后，全景图一直保持运动。第六步：在“控制脚本”层的第15帧按F6键，然后打开“动作”面板输入脚本（具体内容参阅源程序），这段脚本主要是按比例改变全景图的高度和宽度，从而实现放大效果。在第16帧按F6键，打开“动作面板”，输入：“gotoAndPlay(15);”，作用是重

14、复执行第15帧脚本。第七步：在“控制脚本”层的第20帧按F6键，然后加上脚本（具体内容参阅源程序），这段脚本作用是让图片在放大后可缩小，并且设定缩小后不能小于原图的尺寸。最后在第21帧按F6键，加上脚本：“gotoAndPlay(20);”，作用是重复执行第20帧脚本。第八步：单击层“显示区”，然后右击选择“遮罩层”（如图11），这样全景图就只能出现在显示区；选中“放大”按钮，打开“动作”面板输入脚本（具体内容参阅源程序），这段脚本是当按下鼠标左键时，执行第15帧代码，即放大全景图，松开左键时执行第5帧代码，停止执行代码。选中“缩小”按钮，加上语句（具体内容参阅源程序），这段脚本也是按下鼠标执

15、行第20帧代码，松开后执行第5帧代码。选中“响应”按钮，加上语句（具体内容参阅源程序），这段脚本的作用是当光标在响应按钮上，执行第10帧脚本，当光标离开响应按钮时停止执行脚本。源程序下载地址：图11 图层示意图第九步：按Ctrl+Enter键观看动态全景图效果（如图12），当光标向左移动时图片就会向左播放，光标向右移动时图片向右播放，单击“放大”按钮可以放到全景图，此时图片可以上下移动；最后选择菜单“文件发布设置”命令弹出对话框，勾选“格式”选项下的“Flash（.swf）”选项，然后单击“发布”按钮将全景图输出成Flash动画。由于Flash动画可以在很多软件调用，并且目前几乎所有的电脑上都

16、安装了Flash播放器，所以Flash制作的全景图全景图具有更加广泛的应用空间。图12 播放动态全景图方法2：用COOL 360快速生成尽管用Flash可以制作的动态全景图应用范围较广泛，但是由于涉及到不少的代码，有些朋友可能不太喜欢。这里笔者再为大家推荐一个专业的动态全景图制作软件Ulead COOL 360，它操作十分简单，可以将全景图制成屏保、用E-mail直接发送、输出成可执行文件。第一步：启动Cool 360，.单击New Project打开New Preject Wizard（新的项目向导）对话框（如图13）；在Project type（项目类型）中选择“Full 360Panor

17、ama”；在Project name中输入文件名，再单击Location下的Browse按钮选择保存文件夹，还可以在Description中输入关于全景图的一些说明文字。图13 设置全景图的基本参数第二步：单击“下一步”按钮出现的对话框（如图14），按住Ctrl键分别选择用来制作全景图的照片，然后单击Add按钮添加，单击Add All按钮可以添加文件夹中的全部图片；单击Acquire按钮，可以直接从外部数码设备（如：摄像头、数码相机等）中获取图像。图14 添加图片第三步：图片加入后出现预览窗口（如图15），下方的按钮可以删除、旋转、缩小或放大图片。图15 图片预览窗口第四步：单击“下一步”按钮

18、，选择用于拍摄照片图像的相机镜头（如图16），如果相机镜头不在列表中，可选择程序提供的缺省镜头，也可自定义镜头参数，Disable warping是禁止弯曲，选择后浏览时全景图无弯曲感，Disable Blending是禁止融合，这样相邻两张相片拼成全景图可见其重叠部分，一般情况下这两个选项都选，以便获得透视变形和边界混合的逼真效果。图16 全景图拼接设置窗口第五步：单击“完成”切换到Adjust窗口，在这里可以调整图片的各种属性。比如说：对于拼好的图片中某一幅不满意，可单击该图片，在选项面板中调节参数即可。Rotate是旋转图像，Perspective产生透视效果、Hue是调整色调、Satu

19、ration调整饱和度，Brightness调整亮度，Contrast调整对比度；还可通过鼠标拖拉来调整各幅图像间的重叠程度。若对调整效果不满意，可单击Undo和Redo两个功能进行取消和重复操作，单击Reset按钮，恢复调入图像的初始状态。第六步：调整满意后，单击Viewer按钮打开自带的浏览器观看动态的全景图，观看时可用鼠标控制全景图运动的方向、速度和大小比例等。第七步：单击Finish按钮，可以选择多种方式输出动态全景图（如图17）。图17 多种输出方式单击Save按钮，保存当前全景图；单击E-mail按钮，将当前全景图转换为EXE文件，并作为电子邮件附件发送；单击Web按钮，以Web页面的形式保存当前全景图，且可在浏览器中观看；单击Screen Saver按钮，设置全景图为默认的屏幕保护程序；单击Print按钮，以平面图形式打印该全景图；单击Copy按钮，将该全景图复制到剪贴板上以便其他程序调用；单击Export按钮，生成一个可执行文件，执行它就可浏览全景图的内容。 相信看完本专题，大家对全景图应该有了一个从表面到本质的认识吧！现在你可以拿起你的相机，发挥你的创意，打造出精美且富有视觉冲击力的全景图。时间：2021.03.11创作：欧阳音