制作360度动态全景图定义.docx

文档整理 | 借鉴参考PERSONAL RESUME无限风光收眼底制作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来制作〔下载 :// newhua /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按钮可以生成全景图。

由于是共享软件，直接保存的全景图会变成黑白图像且会打上软件标记，所以可使用抓图软件将预览的完整全景图保存下来制作动态全景图方法1：Flash脚本实现 用Photoshop可以制作出静态的全景图，那么我们能否将静态的全景图变成动态的呢？也就是制作出带有交互效果的全景图，当光标移动时全景图也会跟随着移动，形成动态的环视效果，使用Flash就可以轻松制作出这种动态全景图第一步：启动Flash 8.0，选择菜单“修改→文档〞命令翻开文档属性框，将文档的宽度设置为450px，高度设置为250px，背风光为黑色；选择菜单“文件→导入→导入到库…〞命令出现对话框，选择静态全景图，再单击“翻开〞按钮导入图片；选择菜单“插入→时间轴→图层〞命令插入三个新层，双击图层名称可重新命名，从上至下分别取名为：、控制脚本、控制按钮、显示区、全景图第二步：选择菜单“插入→新建元件…〞出现对话框，选择类型为“按钮〞，名称为“放大〞，这样创立一个放大按钮，然后使用这种方法再制作一个“缩小〞按钮；创立一个名为“响应〞的按钮，该按钮是一个矩形，尺寸大约是360×200；选择菜单“插入→新建元件…〞出现对话框，选择类型为“影片剪辑〞，名称为“拼接全景图〞；选择菜单“窗口→库〞翻开“库〞，将其中的图片〔全景图.jpg〕拖放到舞台上，并且复制一份，将他们拼接起来〔如图8〕。

●图8 动态全景图中所用元件第三步：翻开“库〞，将三个按钮拖放到“控制按钮〞层第1帧的舞台上，其中“响应〞按钮的位置在全景图显示区域〔大概在场景的中心位置〕，并且单击舞台下方的“属性〞按钮，将其透明度〔Alpha〕设置为“0〞，宽度为360，高度为200，X为50，Y为25；“放大〞和“缩小〞按钮在“响应按钮〞的右下侧，再在该层的第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帧脚本，当光标离开响应按钮时停顿执行脚本★源程序下载地址： ://down.cbifamily /down/200724/all.fla★动态全景图下载地址： ://down.cbifamily /down/200724/all.swf●图11 图层示意图第九步：按Ctrl+Enter键观看动态全景图效果〔如图12〕，当光标向左移动时图片就会向左播放，光标向右移动时图片向右播放，单击“放大〞按钮可以放到全景图，此时图片可以上下移动；最后选择菜单“文件→发布设置〞命令弹出对话框，勾选“格式〞选项下的“Flash〔.swf〕〞选项，然后单击“发布〞按钮将全景图输出成Flash动画由于Flash动画可以在很多软件调用，并且目前几乎所有的电脑上都安装了Flash播放器，所以Flash制作的全景图全景图具有更加广泛的应用空间●图12 播放动态全景图方法2：用COOL 360快速生成 尽管用Flash可以制作的动态全景图应用范围较广泛，但是由于涉及到不少的代码，有些朋友可能不太喜欢。

这里笔者再为大家推荐一个专业的动态全景图制作软件——Ulead COOL 360，它操作十分简。