如何使用图像创建这种类型的效果?我想知道如何获得厚边和倾斜的外观。有没有在线工具可以将平面图像转换成这样的样子?
如何实现这种3D“卡片”效果
平面设计
adobe-photoshop
adobe-illustrator
小样
等距
2022-01-16 02:04:00
4个回答
如果您想使用 Photoshop 重新创建图像,您可以执行以下操作(请原谅我的快速而糟糕的示例!)。
- 创建一个矩形
- 用于
Transform > Skew
以模仿所需透视的方式变换矩形 - 复制图层并将其放在原始图层后面,通过绘制更多形状来完成角落
- 将您的投资组合图像应用到第一个形状,并绘制或剪切和倾斜侧面(没有“自动”方式这样做)
- 使用灯光和阴影重现摄影效果
许多设计师已经使用智能对象创建了 PSD 文件,您可以使用这些文件来完成这种“等距 3D”样式(感谢Tom here)。
您需要做的就是将您的图像或设计替换/添加到智能对象层,仅此而已。
这是如何做。
1. 下载 PSD 文件作为起点
那里有很多,这是我尝试过的列表:
- 透视屏幕模型 - (http://techandall.com)(推荐)
- 等距透视模型 - (http://graphicburger.com/)(推荐)
- 透视应用程序屏幕模型 PSD - (http://graphicsfuel.com/)
- 透视应用程序屏幕模型 - (http://graphicburger.com/)
- 应用程序屏幕透视模型 - (http://graphicburger.com/)
Pixeden 也有很好的资源,并且考虑过购买他们的一个 PSD(构建和设计都非常好),但是一旦我找到了上述免费资源......你就知道其余的了。
2. 创建您自己的等距 3D
在这个例子中,我将使用我在上面第 1 项中推荐的Perspective Screen MockUp PSD 文件。
- 打开TechAndAll_Perspective_Screen_MockUp.psd文件。
- 隐藏除“TechAndAll- 3D Screen 1”文件夹之外的所有文件夹。
- 展开它,你会在里面看到一个名为“TechAndALL DOUBLE CLICK ME”的智能对象层:
- 双击它并打开一个扩展名为.psb的单独文件:
- 删除所有图层:
- 使用您的文件管理器,只需将您的设计拖放到其中,在这种情况下,我使用了我制作的 The Crow 的绘图。
- 修剪图像周围的所有空白/不必要的空间:
- 一旦画布被修剪并适合您的图像,请保存 .psb 文件。不用担心,您不会覆盖源 PSD 文件。
- 切换回原来的 .psd 文件,瞧。您已经创建了一个等距 3D 来展示您的设计……或图纸 :)
- 这是一个特写:
- 对我上面提到的任何免费 PSD 文件重复相同的步骤。
之后,您可以将自己的样式添加到等轴测图中。
这是一个视频,向您展示如何使用智能对象为名片创建自己的等轴测图。非常简单:https ://www.youtube.com/watch?v=DZF0HnipaZ0
我建议使用Illustrator 透视网格,因为它可以让您轻松地在飞机上维护和编辑东西。
这是我放在一起的一个非常简单的示例:
我最近回答了一个关于透视网格的问题,该问题还包括底部的一些进一步阅读链接。如果您认真对待基于矢量的透视工作,这是一个很好的阅读工具。
其它你可能感兴趣的问题