制作网页上的360度旋转全景图PixMaker使用详细教程
我的图书馆
制作网页上的360度旋转全景图PixMaker使用详细教程
PixMaker是一个简单方便的360度全景，它可以将描写一个环型场景的多个连续图片无缝地接合在一起，形成一个360度“场景”图片。可以在网页上播放，使你的页面更加生动活泼。软件在网页上显示全景图片是靠程序本身提供的一个“Java applet”小程序组件，只要网页编辑者将这个组件放到与全景图页面相同的目录下，就可以用常用的浏览器在网页上播放全景图片。这与目前流行的“Ulead Cool 360全景制作软件”不同，“Ulead Cool 360”制作的网页全景图片，需要浏览者首先下载一个“全景图观察器”插件到的浏览器上才可以播放全景图片，相比之下，PixMaker使用起来感觉更方便自然。PixMaker可以很好地自动处理图片边界的连接，看不出任何接缝的痕迹。在你准备好一组连续场景图片的前题下，只需几个简单的操作步骤，就可自动完成全景图片从制作到发行的全过程。１．制作一组全景图片的步骤和注意的问题。 （１）使照像机平行于地面并最好固定在三角架上。 （２）拍摄每一幅照片时要保持照像机在同一个高度。 （３）以一个固定点为圆心，顺时针方向旋转拍摄每一幅照片。 （４）每一幅照片的边界要有30％左右的重叠区域。 （５）要注意将移动的物体拍摄在照片的中间，不要让移动物体出现的照片相交错的边界上，以免对以后照片的边界处理带来不便。 （６）根据你使用的照像设备的不同，使用扫描仪等设备将成JPG格式的图片文件，图片的尺寸可根据你自己的需要决定，文件名最好按字母顺序排列。２．将多张连续的场景图片输入到PXIMAKER处理窗口。 （１）启动PixMaker程序，可以看到程序窗口上方有三个大图标，分别标记有“1—Snap”（抓取图片）、“2－Stitch”（缝合图片）、“3－Publish”（发行一个“场景”），下面是“Stitch”（缝合图片）标签板窗口。（见图1）&&（２）用鼠标点击“1—Snap”(抓取图片)图标，在出现的一个指定图片获取位置的对话框中选择“My computer”并按“OK”按钮，在打开的文件输入对话框中找到保存文件的目录。本文为方便起见，就以PIXMAKER程序的SAMPLE目录下自带的图片文件为例，它是一组展览大厅的场景图片，文件名为“Sample01—Sample12”。按下“SHIFT”键不放，用鼠标选择这一组文件，或按下ALT键不放，用鼠标选择所需的图片文件，然后按“OPEN”（打开）按钮，所选择的图片文件就排列在“Stitch”标签板上方的窗口内（见图1上面的窗口），并出现一个工具条，上边有插入、删除、移动图片、图片类型(Type)、镜头选择(Lens)等操作命令图标。其中图片类型选360度，镜头选Auto即可，这也是软件启动时给出的默认值。 &全部照片导入后，使用影像编辑栏中的编辑工具，可对相片进行调整次序、删除、旋转、复制等操作。如果个别照片的方向错误或没有对齐，可以按“手动调节”按钮，进行手动调整。在弹出的面板中，可以对图片进行简单的锐化、明亮度调节；为了保证图片大小一致，请将Zoom选择成“Fit to window”。３．缝合图片 这一步骤是将前面所抓取的多幅图片无缝地连接在一起，形成一个360度全景的“场景”图。操作非常简单，只需你点击第二个“Stitch”大图标，PixMaker程序会自动地处理图片的边界对齐和连接，在一个弹出的处理窗口中可以动态地看到自动处理图片的全过程。在缝合之前请先确认Type被设置为Cylindrical,而且已经勾选了后面的360。完成后的场景图片会显示在下面的窗口内（见图1下面窗口）。缝合工作完成后，在下方的显示区域即会出现一幅360°环绕Pixaround立体场景，这个场景会自动以360°环绕播放。用户也可以用鼠标做顺时针或逆时针浏览。&此时你就可以用操纵图片，欣赏刚刚生成的360度旋转的全景影像了。横向拖动鼠标可以左右移动图片，按住“Shift”键并上下移多鼠标指针可以放大和缩小“场景”的影像。使用场景窗口左下方的工具条也可以操纵场景图片的放大、缩小和使场景自动旋转，用鼠标指针点击场景图片内任一位置，可停止场景的移动，操作方式非常灵活方便。其中“ ”代表放大操作，“-”代表缩小操作。单击演示栏右上方的按钮可以进行全屏观察。如果你对自动生成场景图片的边界连接效果不满意，也可以选择手动方式人为调整图片的边界连接。 ４．在场景内增加热点链接 为了增强360°环绕Pixaround立体场景的观赏性，可以通过HotsPot技术为该场景连接另一幅360°环绕Pixaround立体场景或是其他的多媒体元素。要开启此功能，点击HotsPot标签。启动HotsPot功能后，在HotsPot类型一栏中可选连接至另一个Pixaround立体场景。在场景图片制作完成后，点击“HotSpot”标签，这时会出现一个提示对话框，要求你首先要保存所生成的场景图片，对话框内要求你选择图像的质量和图片的尺寸，我们在这里选择图像质量为：“good”（较好）一项，图片尺寸选择：“Optimize for web”（按网页使用优化）一项，按“NEXT”按钮，在出现的文件保存对话框中将场景图片保存到指定目录下。接着出现的提示框要求你将目前编辑的工程文件保存到指定的目录下，以方便你以后的修改和编辑。完成以上的操作后就出现了热点编辑窗口，和一个工具条，我们点击第二个命令图标，它是在场景图片上增加一个指向网页的链接，在出现的对话框内填入链接的页面地址和热点提示的内容，按“OK”按钮完成一个热点链接，可以在场景上增加多个链接热点，每一个热点在场景上显示为一个小图框，以提示你点击的位置。 ５．将场景发行到网页上 如果对缝合后的效果满意，可以点击界面上的Publish按钮进行场景的发布。用PixMaker Pro制作的场景，可选择以Scene(.jpg,.pij,.bmp,.tif,.png)、Web page(.html)、Postcard(.exe)、Screen Saver(.scr)、PDA(Palm OS 或PPC)、ActiveX以及Print等方式发布。其中发布成Scene和Postcard都可以设置图像输出的质量和大小，如果没有这些参数特殊的要求，可以选择“Use customized settings” 。这里讨论的最终目的就是将360度的场景图片显示在网页上。首先点击窗口上方的“Publish”（发行）大图标，在对话框中选择“web page (.html)”一项，按“NEXT”按钮，任选一种网页模板，按“NEXT”按钮，在对话框中填入标题和有关的说明文字，并在对话框的下面选择网页上显示场景图片的长、宽尺寸，按“NEXT”按钮并给文件取名为：mypage.html保存生成的网页文件到指定的目录下，接着又出现一个对话框，它提示你在保存页面文件的目录下，程序同时将一些必需的文件也拷贝到此目录，因为PixMaker程序在网页上显示图片是靠“Java applet”小程序支持的，注意！你要认真地记下这些文件名，并在以后将页面上传到你的服务器上时，一同将这些文件上传到与包含全景图片页面相同的目录下，这样才能正常播放“场景”图片。如果你想将“场景”图片插入到你现有的网页中去，用一个文本文件编辑工具打开由程序生成的页面文件，直接将“&applet &…….&/applet&”标记内所包含的内容粘贴到你自己的页面内适当位置就可以正常使用了。而且这部分语句中有关“applet”小程序的参数如：显示宽度－width、显示高度－height、自动滚动速度－autoPanSpeed 等对应的数值都可以直接手工修改。 至此，就完成了在网页上制作一幅全景图片的全过程，其中大部分操作都是由“PixMaker”程序自动完成的。还可以将全景图片生成到一个可执行的“EXE”文件中，可单独地播放全景图像。
喜欢该文的人也喜欢如何做全景短视频？全景图小视频怎么下载？全景图离线播放 - 酷家乐 - 云设计帮助中心
重磅消息，酷家乐全景图支持生成小视频，可下载和离线播放，所有用户都能体验小视频可以保存在手机、电脑、iPad......随时随地，不用联网就能观看小视频还能一键分享到微博、抖音、快手、朋友圈等......更多人围观你的作品，人气大大提升，还不快试试！全景小视频 ↓全景图生成小视频的功能现已对所有用户开放。下面的教程是分商家账号和普通设计师账号来写的喔~一、商家账号如何生成全景图小视频？商家主账号默认有“全景图设置”权限，商家子账号须由主账号开通此权限（下图为开通权限的地方）1.打开要生成视频的方案，在【装修效果图】中选择一张想生成视频的【全景图】，注意是一张全景图，而不是全屋漫游图哦。点击图片右侧【全景图编辑器】。2.进入【全景图编辑器】后，在【分享设置】中就能看见全景图短视频功能，点击【生成短视频】 按钮。3.弹出短视频设置弹窗，可按需设置“播放速度、镜头远近、视频方向、是否允许别人下载”等选项，设置完成后，点击确认生成。tips:目前生成的全景小视频以渲染时的相机为中心转一圈360°。4.短视频生成好后，会陈列在短视频列表中，并出现【下载】按钮，点击即可下载到本地。若已选择允许他人下载，则其他人也可在该全景图播放页下载 。5.点击下载后，如果视频没有“.mp4”后缀的格式，可以自己加上，以便顺利播放 。?设计师账号及未开通“全景图设置”权限的商家子账号如何生成全景图小视频？1.进入方案详情页，选择要生成小视频的全景图（目前只支持单房间的全景图，不支持全屋漫游），点击右上角的箭头进入全景图编辑器，如下2.进入全景图编辑器后，上方选择“短视频”，先点击“生成小视频”，如下3.等待生成，无需刷新页面tips：若是付费用户（商家账号、会员、VIP），可即时生成，每天最多可生成20个短视频；若是免费用户（非付费），可在第二天早上8:00查看和下载短视频，每天最多可生成5个短视频4.生成好后，就能下载了！这些建议可以让你的小视频更吸引人！全景小视频的【视角】和渲染全景图时的相机位置相同，渲染时尽量保持相机在房间中心。比如渲染客餐厅，建议相机放在餐厅和客厅的中间。相机镜头的方向是视频开始的第一个画面，所以渲染全景图时挑选一个好的初始画面，让视频封面更加美观。相机不要靠墙太近，否则视频中容易出现整个画面都是墙的情况，影响效果。分享时简单说明房间和风格，如“简约客厅”、“美式厨房”，会吸引更多人点击。 目前朋友圈允许分享10秒的小视频、快手抖音允许分享17秒的小视频，可以根据不同平台的要求裁剪小视频哦。，或手动加群：QQ群号酷家乐官方抖音账号——“酷家乐”（抖音号：）酷家乐官方快手账号——“酷家乐全景图”（快手号：kujialeVIP）您访问的页面不见了！ps用几张小图合成一幅全景图(3)
来源：未知
作者：空来风
很久之前，photoshop就是照片编辑的必备之物。这次，我会教你几个基本但很实用的photoshop技巧。每个技巧都不会超过十分钟去学习！试试吧！
看看，这就是我们将要制作的照片。成图如下。
第1步-拼合之前全景图片吗？不过就是照几张照片，然后在photoshop中拼合起来。你可以使用自动的photoshop合并工具，或者再加上手动使用图章工具。因为任何号称“自动”的东西都不可能100%准确，所以我们会把这两者结合起来。
很 显然，第一步就是照相，但是全景照片可不太好拍。我使用了我朋友Alvaro Gumucio akaGumo拍的一组照片，他用尼康d700特别为了Psdtuts+拍的。他说：“我背着三角架，拿着相机，花了三个小时，就是为了找到一处合适的地方。最后，我爬上一座小山，把三角架撑好，开始拍照。”
拍这样的照片，您需要一个利索的地方，没有树枝，电线，或者其他什么东西的遮挡。
第2步-设置和调整相机要有一个三脚架放置相机。三角架可以由任何稳定的东西比如箱子，桌子，等等代替。总之，有一个水平面，将来可以旋转相机。尽量保证相机是水平的，不然照片就会有一些歪斜（待会就会看到）。一切就绪，开始拍照。
,第3步-拍摄拍摄全景照片时还有几点注意事项，点击这里看看详细内容。。
总 之，可以开始拍摄了。每拍一次，相机就要旋转一些角度。这里，我们的摄影师从左到右拍了七张照片，每个相隔20度，也就是总共140度。可以用直觉确定角 度，也可以一些数学工具来获取准确的角度。照片不嫌多，你也可以拍个真正360的全景。起名字的时候最好起个“全景- 1 ”或什么别的成系列的，这很管用。
第4步-图像文件有了一大堆照片，要是搞乱了，几乎不可能重新排好，这也是为什么要起连续的名字的原因。这里可以下载到全景图片，或者到Plus区去下载大图。这些图片的许可证是Creative Commons 3.0 Attribution——非商业性许可证（ 查看 ） 。
第5步-自动图片拼合这是相当自动化的一个过程。打开photoshop，“文件”-自动-Photomerge。会出现一个两栏窗口。左栏上的选项是拼合的光学模式，你可以选择几种自定义模式，一般会选择“自动”，当然，你也可以选择别的选项。
在右栏中放入需要的文件，你可以选择几个文件或者一个文件夹。只需要点击“浏览”，添加要拼合的图片。我们把这七张图片都选中。选完图片，确保勾选“混合图像”，点击“确定”。
,第6步-检查拼合结果单击确定后，在Photomerge窗口，软件会自动调整图片来生成全景图。等进度条到头的时候，你会看到和下面差不多的东西。
在图层面板里头，你会看见修改后的图片放在图层组里。你会看到最终照片是斜的，这是因为我们当初照相的时候相机就没摆正（见第二步）。不过，没什么大不了的，下一步，我们会解决这个问题的。
第7步-修正倾斜有几种方法可以解决角度的倾斜，使用剪裁工具最容易不过了。不过我最喜欢使用镜头矫正器，下一讲里我们会具体讲讲。现在呢，请选择剪裁工具，拉出很宽的一下下，然后稍稍旋转一下，以覆盖尽量多的图像。最后，按“回车键”结束剪裁，保存文件。
第8步-使用“克隆”工具完善相当重要的步骤来了——修复图像中缺少的部分。因为拼合的图片默认具有透明的背景，所以你把镜框推到图像边缘很容易就可以发现缺损的地方。
创建一个新图层“修复”，置于所有层之上，选中它。然后选择“仿制图章工具（S）”，确保“样本”为“所有图层”。一旦找到一个透明区域，按住Alt键，单击附近的某个地方，然后就可以通过绘制修复了。务必请只在“修复”层上绘画。
画啊画，画到完。如果您的全景图很大，那么细心点，那些透明的缺少部分可能很碎，很多。
,最后润色最后将所有图层合并到一个“全景图”图层。
现在，你得到了一张不错的全景图，可以打印了。如果你曾打印过Panaflex ™或其他高分辨率的图像，你会认为这张全景图会是一张可以打印成海报，广告条和明信片的材料。最后，我在全景图的右侧添加了一些文字，并将它的混合模式设置为“柔光”。
结论这就完了。很简单，是不是？自己做一下吧！
全教程完，学完记得交作业。教程对您有所帮助，请推荐给你的朋友。如果学会了，可以尝试投稿给我们，跟大家分享你的学习经验：
打开ps，跟着教程做一遍，做完的图要到这里交作业：
教程有看不懂的地方，可以到论坛发帖提问：
加官方微信，随时随地，想学就能学：ps_bbs，或扫右侧二维码！
关注我们微博：
想学更多的同学，可以订阅我们邮件，每天都有新教程发给你：
欢迎投稿教程：
13768人学习过
关于我们：P教（PS教程自学网的简称）成立于,成立已超十年，目前网站的全球网站排名(Alexa排名)13331位，日IP稳定5~6万,微博35万粉，公众号22万粉，是国内人气最高的教程分享网站之一。
免责声明：本站文章均由网友原创投稿或由网友转载自第三方，其版权归原作者所有，如出现资料错误或侵权，请通过邮箱联系修正或删除：实用截图软件，网页截全图实用截图软件，网页截全图巴厘岛百家号相信很多人都遇到过这个问题，看到一篇有趣的报道或是一个好玩的网页，你很想把它分享给你的好友，但是一篇文章那么长，截图要截好几张很麻烦，发送链接可能别人也懒得打开，「网页全截图」一款超实用的网页页面截图软件，它可以帮您把整个页面生成一张图片保存在相册里，这样你就可以随心所欲的分享出去啦。软件使用方法简单，当你想要分享一篇文章时，将它的网址复制，粘贴到软件的网址栏，点击“开始截图”，这个网页就会跳出来，再点击“截全图”，网页就会保存到你的相册里了，简单好用，目前正在限免，喜欢分享网页的小伙伴不要错过哦。会有广告出现，介意慎下。由于此处不能放 APP 下载链接，大家可以在爱应用助手中搜索下载~ 如果大家下载遇到什么问题，可以在“爱应用助手”里询问小编和网友们~ 微信登录就行！更多精彩内容请访问 www.iapps.im本文由百家号作者上传并发布，百家号仅提供信息发布平台。文章仅代表作者个人观点，不代表百度立场。未经作者许可，不得转载。巴厘岛百家号最近更新：简介:2017这个世界让人们更精彩作者最新文章相关文章