透视操纵


11

我正在尝试实现如下所示的效果,但是对于一张照片,我在保持高度与宽度的比例方面遇到了一些麻烦,因此照片看起来不会太失真-有人可以提供任何提示或教程吗?

在此先感谢您的帮助。

替代文字

Answers:


4

要使透视效果看起来自然,您首先必须拉伸图像的右侧部分并压缩图像的左侧部分:

+---------------+    +-------------+
|   |   |   |   |    | |  |   |    |
|   |   |   |   | -> | |  |   |    |
|   |   |   |   |    | |  |   |    |
+---------------+    +-------------+

然后,您可以通过移动左上角来使图像变形。

如果查看发布的示例图像,您会发现此处尚未完成,因此图像的左半部分看起来很拉伸。该图像在图像上不太明显,因为左半部分仅包含文本,但是在照片上效果更加明显。


我认为这不是真的。大多数栅格图像编辑器中的透视变形将正确地进行压缩,作为变换的一部分,因此,您不应该在手之前手动进行压缩。
naught101

@ naught101:是的。如果您在软件中具有真正的透视变形工具,那么这不是问题,也完全不会遇到此问题。如果手动进行透视变形,则需要按照答案中所述拉伸图像,以获得逼真的结果。
Guffa

3

如果您使用的是Photoshop CS6 Extended(甚至是Photoshop CS5 Extended),则可以将2D图层转换为3D图层(明信片),然后可以将相机移动到所需的任何位置,而不会破坏位图信息...您可以甚至编辑3D明信片源(您的文件)并更新它,3D视图也会自动更新。超级简单。

更重要的是,如果要对网站执行此操作,请创建一个仅包含选定图层的“动作”,然后将其转换为“ 3D明信片”,然后将“相机/当前视图”放置到您喜欢的位置,然后停止并保存该动作。然后,对于要添加到网站的新图像(外观相同),只需打开图像并执行操作即可。简单!您所有的艺术品看起来都一样。当您想改变相机角度时,只需在“动作”中重新记录该步骤即可。这为您提供了一个非破坏性且可完全编辑的工作流程。干杯!

有关Photoshop 3D功能的更多信息,请访问:http : //www.photoshop.com/products/photoshop/3d

示例:我迅速拍摄了此页面的屏幕截图,然后制作了3D明信片...

在此处输入图片说明

然后我将它旋转了45°...

在此处输入图片说明

然后我将其更改为60°,将相机移近,然后设置“相机内”景深...

在此处输入图片说明

只需几分钟即可完成所有操作,但仅适用于Photoshop CS6 Extended。因此,如果您喜欢这些示例,请为我的答案+1。(^_^)干杯!


2

应该使用Photoshop或Gimp之类的软件轻松完成此操作。您可以在这里看到一个很好的教程。

尽管我认为并不是您所要的,但它是完整的教程。

是针对Gimp中的阴影透视图。

另一个,但适用于Adobe Illustrator。

我可以告诉您的是逐步压缩图像,但不会夸大效果。在这种情况下,您将获得更加虚幻的结果,并且照片也会失真。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.