All Articles Photoshop
在Photoshop和After Effects创建3D环境
Richard Lainhart on Tue, February 7th | 0 comments
Did you know you can create 3D environments in Photoshop from 2D images? OK. What about then taking those into After Effects so you can literally move through them? Richard Lainhart shows how.

大卫·史密斯的MPVHub文章“ 三维视角:消失在Photoshop CS5点 “消失点滤镜在Photoshop是一个很好的介绍。但是你知道,在Photoshop CS3扩展或以后,您可以导出你的过滤器创建成的消失点图像作为全3D的场景后,你可以再飞通过对吗?在此功能的教程,我们会告诉你如何做到这一点。让我们开始吧。


第1步 - 找到一个合适的图片

首先,当然,我们需要一个形象的工作。在选择一个图像,以及将使用消失点滤镜,它有助于理解如何消失点本身工作有点。从本质上讲,当你申请到的图像消失点,然后,您需要定义透视平面图像中的 - 地板,墙壁,天花板,以及任何其他主要的平面物体,可能在图像。这并不意味着你从字面上使用图像,地板和天花板等等,但它确实有助于如果你有你的形象以及定义透视平面,现场感强的角度,本身。在我而言,我将用我的妻子最近在苏格兰的爱丁堡,古老的小巷度假这张照片:

Source image


正如你可以看到,我们有一个明确的,如果狭窄的胡同,楼与两侧平行的墙壁,和后面的“墙”,开始步骤落。我们不能看到的开销,所以我们不会担心在这种情况下的“天花板”。

一旦我们在图像定义透视平面,出口整个事情后会创建一个组成,包含一个3D对象,随着该地区的图像文件,你已经定义的飞机组成的,将被映射到这些飞机在场景和三维相机(或多或少)正确导向。然后,我们可以动画的相机,“走”下来的胡同,而经过对自动扭曲与视差的图像映射到三维空间的错觉 - 从平面二维图像。

(我们不会详细进入这里,但你可以更了解视差在我MPVHub的文章“ 视差教程:用Photoshop 2D到3D

所以,总括来说,良好的源图像的消失点之间的Photoshop和After Effects工作有很强的角度感和良好定义的墙壁,地板,天花板,或同等学历。


第2步 - 应用消失点滤波器

下一步后,你打开你的形象在Photoshop中(注意,你必须有版本的Photoshop Extended中使用消失点),适用于消失点滤镜 (滤镜

Vanishing Point window


第3步 - 创建第一个透视平面

它是重要的,你的第一视角飞机被准确地放置,因为所有的图像中的其他飞机将所得从那个 - 如果的角度或第一架飞机的角落是关,其余的飞机将是太,和你赢得了'得到正确的观点,当我们以后我们的摄像机动画。

因此,确保创建平面工具是积极的,它将默认情况下(这是从顶部工具栏上的第二个)。

Create Plane Tool


它在图像的一部分,将定义你的飞机之一远角图像 - 图像的地面或底部平面通常是一个好的开始,如果它定义。一旦放在你的第一点是,你的光标移动到下一个相邻的角落(不要单击并拖动,只是移动),你会看到一个蓝色的线跟随光标。线与蓝线边缘的图像中的透视平面,再次点击将第二点:

Placing points


注:这是确定将超越你的第二个点的图像边缘,事实上,它可以是有用的,这样做,以确保你的飞机线配合正确的图像中的透视平面。

同样的程序之后,下一个相邻的透视平面的角落放置在第三点,并完成与第四点,在最后一个弯道 - 选择不同的是,你并不需要关于第一点,再次单击关闭关闭飞机。如果你把你的观点正确,你会看到一个蓝色的网格,定义你的第一架飞机:

The third point


如果你看到一个红色的轮廓,而不是蓝色的束腰,这意味着Photoshop是无法匹配的平面图像中的透视平面。不过,通常情况下,你可以很容易地解决,在角落的红色轮廓稍微拖动白点之一


第4步 - 创建第二个透视平面

下一步,我们需要定义透视平面,这将使得墙壁。所以,按住Command键,单击您刚刚创建的平面中点向上拖动沿着墙上的平面-为你做,你会看到一个完整的平面(没有必要把角落在这一点上)后面的墙线,出正确的角度对齐Photoshop的数字根据你的第一个网格平面上:

Getting the correct perspective alignment


新飞机向上拖动,直到你击中的图像边缘 - 你会看到,飞机右上角熄灭的形象,这是确定的方式。你还可以看到新飞机不走一路墙前,我们将修复。


步骤5 - 二调整透视平面

下一步,我们需要拖动的第二架飞机的前部边缘,使线可见壁前缘。要做到这一点,只要抓住前沿上的白色的编辑点(光标将自动更改为“编辑平面工具),并拖动它,这架飞机刚刚下班的图像边缘:

Working with the white edit point


我们也需要做的第二架飞机的上部,所以抢的白点向后和向上拖动它使飞机完全覆盖在墙上:

Covering the wall with the plane


第6步 - 创建剩余的透视平面

这些相同的步骤,第一格的命令拖动 (点击它显示白色的编辑点)创建对面墙上的平面,然后调整它,所以它涵盖了墙(你可能需要缩小拖动远足以覆盖在墙上,你可以用命令正负 ; 命令加缩放回来,正如你所期望的):

Covering the opposite wall


最后, 命令单击编辑点上,在拖出后的“墙”飞机的第一架飞机的尽头。您可能需要调整其宽度位,所以它符合侧壁面的边缘 - 这样做,只需将一个白色的编辑点上沿垂直边缘

Four planes should now cover all parts of the image


第7步 - 导出文件后的影响

在Photoshop中我们的最后一步,是我们作为后效果消失点图像输出。VPE(消失点交换)文件。要做到这一点,点击窗口左上角的小设置和命令菜单,并选择导出后效应(VPE)。...

Save as a .vpe


你要保存在它自己的子文件夹,你将创建一个后遗症。的VPE文件,一个.3 DS的3D对象文件。的飞机,你在这里创建的PNG图像文件。一旦你创建你的子文件夹和出口给予一个适当的名称,在“消失点”窗口中单击“确定”并启动后影响。


步骤8 - 导入的VPE文件。

在After Effects中,选择“ 文件”

一旦你做,你会看到一个文件夹包含您创建的每个网格平面。PNG文件,并。VPE组成文件。双击,打开它,看到这一切是如何横空出世:

PNGs for each grid created


第9步 - 调整的VPE比赛。

什么?正如你可以看到,整幅图像的旋转,这显然不是我们想要的。这是一个消失点滤镜的特殊性 - 你经常会得到一个旋转的场景,当您导入到After Effects。但是,这很容易解决。

看在你的层窗口,其中所有。PNG层和其相关的3D对象是儿童,你会看到一个父层。 (还要注意的是进口自动创建的相机。)为了解决旋转的问题,选择独奏其旋转属性的父层和R 。你会发现,Z旋转设置一个奇怪的值:

The image rotated


你会觉得​​,你可以只设置回零,一切都将是确定的,但不幸的是往往并非如此。对于我来说,我不得不拖动Z旋转值-17得到它看的权利 - 您的里程会有所不同,毫无疑问:

manually adjust the Z value


第10步 - 动画演练

现在,终于,毕竟,我们可以做一些很酷的东西 - 一个下来的胡同里散散步。进口的VPE排版默认为30秒,您可能要缩短 - 我做了矿井长10秒。接下来,打开相机在排版的变换属性,关键帧的位置,在你的时间轴设定在0:00。然后移动到10的第二点,并在积极的方向拖动相机的Z位置价值胡同向下移动相机。

你走多远,你当然 - 你会发现,最终你会开始看到一些模糊和扭曲的一面墙上的图像,有越来越少可用的决议中的形象,在你进一步去,但它仍然是非常神奇的,如何说服效果还可以。要完成它,运用简便易于相机Z位置的关键帧的关键帧助理,并预览结果:

[视频ID =“9018”]


,这就是你如何从平面图像,使用Photoshop和After Effects创建通航的3D环境。一如往常,实验和有乐趣。


Comments (0)

You must be logged in to comment. Login Now

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: