如何创建视差图像

如何创建视差图像

怎样才能得到好的视差图像?

具有与相机2个或更多不同距离的特征的图像充分利用了视差效果

除了背景层之外,视差图像中的所有其他层都需要一些透明像素,以便可以看到它们下面的层。由于每一层都必须经过精心裁剪,因此被压平的图像可能很难处理。选择仍有权操作(隐藏和显示)层的图像,或选择能够分别渲染每个层的三维渲染是一个更简单的选项

要允许图像中的层移动,需要层的大小大于您定义的视口,大小取决于移动量,因此请确保选择的图像足够大,以适应您的视口和所需的移动

准备图像

识别图像中构成视差效果的层

包括背景(由天空和远洋组成)共识别了5层,每一层用不同的轮廓颜色表示。您可能会注意到,两个最前面的层已经被标识为单独的层(蓝色和红色),即使它们在技术上与摄影机处于相同的距离,但这样分割层会在它们位于视口边缘时给我们更多的灵活性,稍后您会看到。

下面的幻灯片显示了从图像中剪切每个层的结果:

远建筑层

前景左图层

前景右侧层

提示:对于前景层,你会看到在场景周围有一定数量的羽化,这就是为什么处理未被展平的图像更容易的原因之一。

创建视差图像

现在我们把每一层都保存在一个单独的图像中,我们可以创建视差图像。首先访问您的个人资料页面,点击上传按钮,然后从上传菜单中选择视差图像选项。

选择了视差图像选项后,您将看到(希望现在)熟悉的上传界面。与上载单个快照或幻灯片不同,视差图像要求您上载将显示在卡和弹出式视图中的预览图像,为此,我们建议您上载完整的图像合成(并记住使用裁剪工具选择理想的裁剪)。

上传和排序图层

页面底部是图层的图像上载小部件。将层图像拖放到小部件上,或单击小部件并在显示的文件浏览器中选择它们。上传完图层后,请务必检查它们的顺序是否正确(从背景到前景),如果需要更改顺序,请单击图层缩略图并将其拖动到其他图层中的新位置。

上传和排序图层

提示:您可能已经注意到图层预览拇指中的透明区域显示为黑色。没关系,这是一个副作用拇指被保存为jpeg,它对最终图像没有影响。

配置视口、轴和图层

在创建视差图像时,最重要的一步(可能也是最棘手的一步)是配置图像行为。请记住,视差图像是交互式的,当观察者在图像上移动鼠标时,层会沿着X、Y和/或Z轴独立移动,从而产生深度错觉。为了实现这种幻觉,我们需要;

配置视口的大小

将鼠标移动链接到图像中的相关轴

定位并设定每层的移动量

要配置图像,请首先选择页面右下角的“预览”按钮。

选择“预览”按钮后,将显示图像的全视图预览。图层可能看起来位置不对;视区大小将设置为背景图层的大小(因此可能会过大),当您将鼠标移到图像上时,不会发生任何事情-所有这些都是预期的,因为我们尚未设置任何配置选项。

使用预览窗口配置视差图像

在上面的图片中,您可以看到窗口底部的一个工具栏,它最初是不可见的,您需要向下滚动才能显示出来。使用工具栏中的工具,我们将能够配置视差图像的行为。我们将从运行每个工具开始。

图层选择工具

图层选择工具允许您指定要配置的图层。一些配置选项应用于整个图像,而其他配置选项仅应用于当前选定的层。最初第一层(我们的背景层)被选中。单击其他任何数字以选择其他图层。

移动层工具

使用“移动图层”工具可以更改当前选定图层的初始位置。当工具打开时,当前选定层中的透明像素将变为红色,所有其他层将是静态的。若要移动层,请单击图像中的任何位置,然后将层拖动到新位置。

当移动工具关闭时,图像将返回到预览状态并按配置的方式运行。

设置图层移动工具

“设置层移动”工具允许您定义当前选定层相对于鼠标移动沿其轴移动的程度。X轴和Y轴的距离分别以视区宽度和高度的百分比表示。例如,给定一个1000像素宽的视窗,如果我们将X的值设置为10%,那么当观察者的鼠标位于最左边时,图层将从其初始位置显示-100px,当最右边时,图层将从其初始位置显示+100px。

如果鼠标的X或Y移动链接到Z轴,则将给定的百分比作为比例应用,例如,如果Y鼠标移动链接到Z轴,且Y的值为10%,则当查看器的鼠标位于视口顶部时,图层将以0.9(90%)的比例显示,当位于视区底部时,图层将以1.1(110%)的比例显示。

提示:从1-10%之间的距离值开始,然后以小增量进行调整。较高的值最初可能会有点迷失方向。

提示:当鼠标光标位于图像的每个边缘时,请确保检查每个层的位置,如果一个层有一个裁剪的边缘,并且当鼠标位于图像的一个边缘时这是可见的,这会在一定程度上破坏幻觉。

视区大小工具

“视区大小”工具允许您设置视差图像的像素大小。在大多数情况下,视口的大小将小于图层本身,以允许它们在视口中移动而不显示其边。

轴工具

轴工具允许您将用户鼠标的移动链接到视差图像中的轴,其中:

X轴水平移动图像中的层

Y轴垂直移动图像中的层

Z轴缩放图像中的层,给人的印象是它们正在离相机更近或更远的地方移动

把所有的东西放在一起

以下视频将贯穿本教程中视差图像的配置。请记住,没有一种方法可以配置视差图像,而且每个图像都是不同的,所以请允许自己花点时间来尝试不同的选项。

以上是 如何创建视差图像 的全部内容, 来源链接: utcz.com/wiki/669485.html

回到顶部