制作动态全景图的几种方法

合集下载

全景图制作指南 Blender中的360度渲染技巧

全景图制作指南 Blender中的360度渲染技巧

全景图制作指南:Blender中的360度渲染技巧在数字艺术和虚拟现实时代的到来,全景图变得越来越流行。

全景图能够给用户带来一种沉浸感,使他们仿佛身临其境。

而Blender作为一款强大的开源三维建模软件,也能帮助我们制作出惊艳的全景图。

本文将介绍在Blender中制作360度全景图的技巧。

第一步是创建场景。

选择一个你喜欢的场景或者自己设计一个,然后按照需要添加物体。

在Blender中,使用Shift + A可以调出添加物体的快捷键。

你可以添加家具、建筑、植物等,以及其他细节元素,创造出一个真实而逼真的场景。

第二步是设置摄像机。

在左侧的面板中,点击摄像机图标,然后选择一个适合的摄像机类型。

在顶部菜单栏中选择“摄像机”-“全景”-“全景(立体)”。

这会将你的摄像机设置为全景模式。

你也可以调整摄像机的角度和位置,确保你想要的地方被捕捉到。

第三步是设置渲染参数。

在右侧的属性面板中,选择“输出”选项卡。

在输出选项中,设置图像的分辨率和文件格式。

对于全景图,我们建议选择.equirectangular文件格式,因为它可以保留全景图的完整性。

还可以选择渲染图片的质量和样式。

第四步是设置光照。

在Blender中,你可以选择使用不同类型的光源,如点光源、聚光灯或环境光。

根据场景的要求和你想要的效果,调整光源的位置、强度和颜色。

第五步是添加材质和纹理。

在左侧的面板中选择“材质”选项卡,然后点击“新建”按钮来创建一个新的材质。

你可以为每个物体或场景元素分配不同的材质,以实现所需的效果。

在“纹理”选项卡中,你还可以添加纹理和图像。

第六步是渲染场景。

在渲染前,你可以选择在Blender中进行预览,以确保你的场景和设置符合你的预期。

当一切就绪后,选择“渲染”选项卡,然后点击“渲染”按钮。

这个过程可能需要一些时间,具体取决于场景的复杂度和你选择的渲染参数。

第七步是保存渲染结果。

当渲染完成后,你可以选择在Blender中预览或将其导出为图像文件。

增添风景照片动态效果的简单技巧

增添风景照片动态效果的简单技巧

增添风景照片动态效果的简单技巧当我们浏览风景照片时,常常希望能够感受到照片中的景色的生动感。

通过使用PhotoShop软件,我们可以给照片增添动态效果,让画面更加生动有趣。

下面将分享一些简单的技巧来实现这一目标。

首先,在PhotoShop中打开所需的风景照片。

然后,选择“滤镜”选项,找到“模糊”子菜单,并选择“动态模糊”。

动态模糊是一个非常有用的工具,可以在照片中创建出运动效果。

在打开的对话框中,你可以调整“半径”和“角度”选项来控制模糊的程度和方向。

每张照片都有不同的要求,所以你可以尝试不同的数值,看看哪个效果最佳。

对于风景照片来说,通常在角度选项中选择一个与照片中的主要元素方向相匹配的角度,可以增强模糊效果的真实感。

一旦你完成了动态模糊的调整,点击“确定”按钮应用效果。

你会发现照片变得有动感了。

接下来,我们可以通过增强照片的色彩来进一步增添动态效果。

在PhotoShop中,选择“图像”选项,找到“调整”子菜单,并选择“色彩平衡”。

在弹出的对话框中,你可以调整红、绿、蓝三个通道的色彩平衡,以改变照片的整体色调。

根据照片的需要,调整控制滑块以使照片更加鲜艳、明亮。

同时,你还可以尝试其他的色彩调整选项,如“亮度/对比度”和“曲线”等,以进一步增强照片的动态效果。

除了调整模糊和增强色彩,我们还可以利用PhotoShop软件的一些工具来增添细节和效果。

比如,你可以选择画笔工具,选择适当的画笔大小和颜色,在照片中添加一些光斑或者流线,以创造出运动的效果。

另外,PhotoShop还提供了一些滤镜效果,你可以尝试使用这些滤镜来增添照片的动感。

比如,你可以尝试使用“扩散”滤镜来营造景物被风吹动的效果,或者使用“运动模糊”滤镜来模拟快速移动的物体。

最后,为了达到最佳效果,你可能需要进行一些细微的调整。

比如,你可以使用裁剪工具来调整画面的构图,或者使用修复工具来去除瑕疵。

记住,每张照片都是独一无二的,所以尽量保持灵活性和创造性。

利用鱼眼镜头生成全景图像的方法

利用鱼眼镜头生成全景图像的方法

利用鱼眼镜头生成全景图像的方法
邓松杰;周松斌;程韬波
【期刊名称】《图学学报》
【年(卷),期】2010(031)001
【摘要】介绍了一种利用鱼眼镜头在特殊角度下所拍摄成的图像,以优化的快速展开模型为基础,经过像点坐标变换、双三次插值及内部拼接,生成全景图像的方法.该方法无须运用多幅标准照片拼接,且无须运用柱面模型及成像仪器的参数.最后从MATLAB仿真的实例中验证了此方法的有效性.
【总页数】4页(P135-138)
【作者】邓松杰;周松斌;程韬波
【作者单位】中国科学院广州地球化学研究所遥感与GIS专业,广东,广州,510640;广东省科学院自动化工程研制中心,广东,广州,510070;广东省科学院自动化工程研制中心,广东,广州,510070
【正文语种】中文
【中图分类】TP391.4
【相关文献】
1.基于DirectX的动态全景图像生成方法研究 [J], 陆斌;何友金
2.基于圆鱼眼照片的全景图像生成方法 [J], 轩亚光;谢党恩;张志立
3.基于POVRAY的三维全景图像的计算机生成方法 [J], 伍春洪;吝宁;杨扬
4.基于球面空间匹配的双目鱼眼全景图像生成 [J], 何林飞; 朱煜; 林家骏; 黄俊健;
陈旭东
5.基于鱼眼镜头拍摄的图像生成漫游模型 [J], 汪嘉业;杨兴强;张彩明
因版权原因,仅展示原文概要,查看原文内容请购买。

学习如何使用Photoshop制作动态GIF图片

学习如何使用Photoshop制作动态GIF图片

学习如何使用Photoshop制作动态GIF图片动态GIF图片是一种在网页设计、广告制作和社交媒体等方面广泛应用的图像格式。

它可以通过不断循环播放一系列图像帧来创造出动画效果。

而Adobe Photoshop作为一款强大的图像处理软件,也提供了制作动态GIF图片的功能。

本文将教您如何使用Photoshop进行动态GIF图片的制作。

第一步,准备素材在开始制作动态GIF图片之前,我们需要准备好所需的素材图像。

这些图像可以是不同的图片帧,也可以是同一张图片的不同层。

确保这些素材图像已经按照您的要求进行编辑和准备。

第二步,打开Photoshop启动Photoshop软件并打开已经准备好的素材图像。

在菜单栏中选择“文件”-“脚本”-“加载文件到堆叠”。

第三步,创建图层加载文件到堆叠后,Photoshop会将每个文件作为图层自动叠加在画布上。

您可以选择“窗口”-“图层”打开图层面板,以便更好地管理和编辑各个图层。

第四步,设置帧时长选择底部时间轴面板,在左侧的“框架动画”下拉菜单中选择“创建帧动画”。

然后,在右上角的面板中选择“绽放”图标,以便能够更好地观察和编辑各个帧。

在帧动画中,每个图层代表一个动画帧。

您可以通过复制、删除或修改图层来调整每一帧的内容。

在时间轴上方,您可以设置每一帧的时长。

点击每一帧右侧的时长文本框,调整相应的时长值。

第五步,调整播放顺序在帧动画中选择每个帧,以调整它们的播放顺序。

您可以通过拖动帧来改变它们的位置,也可以通过鼠标右键点击帧,选择“帧属性”来调整特定帧的播放速度和循环次数。

第六步,预览动画点击时间轴下方的“播放”按钮,可以预览动画效果。

如果需要对动画进行进一步调整,您可以回到之前的步骤进行编辑。

第七步,保存和导出完成动画制作后,您可以选择“文件”-“导出”-“存储为Web所用格式”来对动画进行保存和导出。

在弹出的导出对话框中,选择GIF格式,并调整其他相关设置,如图像尺寸、循环次数等。

为照片添加动态效果

为照片添加动态效果

为照片添加动态效果随着科技的不断进步,我们不再拘泥于静态的照片。

现如今,我们可以通过各种技术手段给照片添加动态效果,使之更加生动和有趣。

本文将介绍几种常见的为照片添加动态效果的方法。

一、GIF动画GIF(Graphics Interchange Format)是一种广泛用于图像传输的文件格式。

它支持多帧连续图像,可以将一系列图片打包成一个动态的GIF图像。

我们可以使用专业的GIF制作软件或在线GIF制作工具,将连续的照片帧逐帧导入,并设置每一帧的显示时间和顺序,最终生成一个有动态效果的GIF图片。

GIF动画适合于展示简单的动态效果,如连续的图片切换、简单的移动效果等。

二、视频制作除了使用GIF动画,我们还可以通过视频制作来给照片添加动态效果。

将照片导入视频编辑软件中,可以对每一张照片进行剪辑、调整亮度、对比度等参数,还可以加入过渡效果、特效、背景音乐等元素,最终生成一个有动态效果的视频。

相比于GIF动画,视频制作可以实现更丰富和复杂的动态效果,为照片增添更多的表现力和感染力。

三、VR全景图VR(Virtual Reality)全景图是一种将多张照片拼接在一起,形成全景视角的技术。

我们可以使用VR相机或智能手机搭配VR拍摄软件,拍摄处360度全景图。

在观看时,只需将手机放置于VR眼镜中,就能够身临其境地欣赏全景照片。

通过VR全景图,我们可以体验到照片中真实的场景和环境,感受到动态的沉浸式效果。

四、CSS动画如果你是一个网站设计师或开发者,你可以使用CSS(Cascading Style Sheets)动画来为照片添加动态效果。

CSS动画是通过在网页中应用CSS样式来实现的,借助关键帧、过渡、变换等属性,可以为照片添加旋转、缩放、平移等各种效果,使之呈现一种动态的感觉。

CSS 动画的优点是可以在网页中实现各种复杂的交互效果,并且可以通过调整CSS样式的参数来灵活控制照片的动画效果。

五、交互式照片展示除了使用传统的动态效果技术,我们还可以通过交互式的方式来展示照片。

VR全景拍摄方法及拍摄技巧

VR全景拍摄方法及拍摄技巧

VR全景拍摄方法及拍摄技巧一、VR全景拍摄方法:1. 准备工作:选择一款适合的VR相机,常见的有Insta360、GoPro Fusion等。

确保相机电量充足,存储空间足够。

2.选取拍摄位置:选择一个景色壮丽且有足够光线的场景进行拍摄。

可以选择户外的山水景色或城市夜景等。

3.设置相机参数:根据拍摄环境设置相机的曝光、白平衡、ISO等参数。

确保画面明亮、色彩饱满。

4.定位相机:在使用VR相机进行拍摄前,需要将相机放置在合适的位置。

可以使用支架或三脚架固定相机,以避免相机晃动。

5. 拍摄全景图:按下相机的拍摄按钮,相机将会自动拍摄全景图。

拍摄时要确保相机没有被其他物体遮挡。

可以使用遥控器或手机App来触发拍摄。

6. 拍摄完毕:拍摄完全景图后,可以使用相机自带的App或其他图像处理软件进行后期处理,使全景图更加清晰锐利。

二、VR全景拍摄技巧:1.注意光线条件:光线是拍摄VR全景效果的关键。

在拍摄过程中,要尽量选择明亮的环境,避免暗角出现;2.控制相机晃动:相机的晃动会影响全景图的清晰度。

在拍摄过程中要尽量避免相机的抖动,可以使用支架或三脚架来固定相机;3.避免遮挡物:在拍摄全景图时,要确保相机没有被其他物体遮挡。

遮挡物会导致拍摄结果不完整或产生各种视觉畸变;4.拍摄角度选择:不同的拍摄角度可以呈现出不同的视觉效果。

可以尝试低角度拍摄,或高处俯瞰的角度,以提供更加立体、全面的视觉感受;5.融入动态元素:在全景图中加入一些动态元素,如人物、车辆等,可以给观众一种身临其境的感觉;6.合理分割全景图:若想在全景图中突出一些细节,可以将全景图进行分割,突出该细节让观众更好地体验。

以上是VR全景拍摄的方法和一些技巧,通过合理的拍摄角度和技巧,可以创造出更加逼真、身临其境的全景体验。

制作动态全景图的几种方法

制作动态全景图的几种方法

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

拍摄全景图:注意保持水平在专业摄影中,拍摄全景图会使用专业且价格昂贵的设备,如:摇头机、360度转机。

随着数码技术的日益平民化,我们只需要一台普通的数码相机,就能拍摄制作全景图所需要的图片、再通过图像处理软件就能完美地拼接成全景图片。

在全景图的制作中,拍摄的单张照片十分重要,它直接决定到全景图的合成效果。

全景图英文名为Panorama ,是指大于双眼正常有效视角(大约水平90度,垂直70度)或双眼余光视角(大约水平180度,垂直90度),乃至360度完整场景范围的照片。

传统的光学摄影全景照片是把90度至360度的场景全部展现在一个二维平面上,把一个场景的前后左右一览无余地推到观者的眼前。

简单地说是将多幅相连图片依次拼接组成的图片链,如同站在某个固定的点转了一圈,四周的景色连起来就是一幅全景图。

狭义上的全景图一定是360度,广义上的全景图就是超越了视野极限的图片。

第一步:准备好相机,选择好景点,然后在景点的中心位置确定一个中心点,再将相机放置在中心点处。

如果有三脚架,最好将三角架(如图1),然后将相机固定在三脚架上,这样通过旋转三脚架上的云台,相机在不改变位置的情况下就可以拍摄不同方位的图片。

即使没有三脚架,也要想法设法将相机固定在一个零时平台上,让相机平行转动且不能改变位置。

如果一定要手持相机进行拍摄,脚一定要在同一圆心上旋转,身体保持平衡。

•图1摄影专用三脚架第二步:在开始拍摄前,最好关闭相机的自动曝光功能,所以尽量使用手动曝光模式,这样可以保证每张照片的曝光参数相同,拍摄岀来的图片色调会比较统一,便于使用软件进行无缝拼接。

第5章三维全景技术

第5章三维全景技术

5.3全景图制作实例
5.3.3 用Ulead COOL 360制作动态全景图 步骤3:图片加入后出现预览窗口,下方的按钮可以删除、 旋转、缩小或放大图片。
5.3全景图制作实例
5.3.3 用Ulead COOL 360制作动态全景图 步骤4:单击“下一步”按钮,选择用于拍摄照片图像的相 机镜头。如果相机镜头不在列表中,可选择程序提供的缺省 镜头,也可自定义镜头参数,这里选择“普通镜头”。“关 闭变形功能”是禁止弯曲,选择后浏览时全景图无弯曲感, “关闭混合功能”是禁止融合,这样相邻两张相片拼成全景 图可见其重叠部分。
5.3全景图制作实例
5.3.3 用Ulead COOL 360制作动态全景图 步骤5:单击“完成”切换到“调整”窗口,在这里可以调 整图片的各种属性。例如:对于拼好的图片中某一幅不满意, 可单击该图片,在选项面板中调节参数即可。参数有旋转图 像、调整透视效果、调整色调、调整饱和度、调整亮度、调 整对比度等;还可通过鼠标拖拉来调整各幅图像间的重叠程 度。若对调整效果不满意,可单击“撤销”和“重复”两个 功能进行取消和重复操作,单击“重置”按钮,恢复调入图 像的初始状态。
单击“保存”按钮,保存当前全景图;单击“电子邮件”按 钮,将当前全景图转换为EXE文件,并作为电子邮件附件发送;单 击“网页”按钮,以Web页面的形式保存当前全景图,且可在浏览 器中观看;单击“屏幕保护”按钮,设置全景图为默认的屏幕保 护程序;单击“打印”按钮,以平面图形式打印该全景图;单击 “复制”按钮,将该全景图复制到剪贴板上以便其他程序调用; 单击“导出”按钮,生成一个可执行文件,执行它就可浏览全景 图的内容。这里选择“导出”按钮,文件名称设置为“COOL360全 景图”,输出文件夹设置为“D:\全景图”,单击“确定”按钮, 则在D:\全景图文件夹下生成了COOL360全景图.exe文件。
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

无限风光收眼底制作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来制作(下载网址:/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/200724/all.fla★动态全景图下载地址:/down/200724/all.swf●图11 图层示意图第九步:按Ctrl+Enter键观看动态全景图效果(如图12),当光标向左移动时图片就会向左播放,光标向右移动时图片向右播放,单击“放大”按钮可以放到全景图,此时图片可以上下移动;最后选择菜单“文件→发布设置”命令弹出对话框,勾选“格式”选项下的“Flash(.swf)”选项,然后单击“发布”按钮将全景图输出成Flash动画。

相关文档
最新文档