如何将平面图标转换为简单的 3d 图标?

平面设计 adobe-illustrator adobe-photoshop 墨景 svg 图标
2022-02-06 09:44:42

我正在尝试从平面 SVG 图像制作一个简单的 3D 图标,不幸的是没有成功。

我想要实现的可以在下图中看到。

平面图标到 3d 图标

我应该采取什么步骤来获得这种效果?如何获得这种透视和 3D 效果?我将不胜感激一步一步的解释。

2个回答

使用 Illustrator 的 3D 挤压和斜角效果。给形状一个粗的彩色描边,没有填充,然后应用效果 > 3D > 挤出和斜角,并使用类似的设置,如下所示。根据需要进行调整。

在此处输入图像描述

在这里,我为形状添加了白色填充,并在 3D 挤出和斜角选项中添加了第二个新灯光。

在此处输入图像描述

在 Inkscape 中:

在此处输入图像描述

如果您在对象上单击一次,您会得到一个边界框来拉伸它,但如果您单击两次,您会在框周围看到不同的箭头,用于旋转和剪切,显示的 8 个箭头中只有一个相关。(不知何故,通过将图像复制到这里,黄色圆圈丢失了。)

  • 通过向上/向下拉黑色箭头,您可以获得透视效果(右上角)。
  • 左下:重复。
  • 底部中间:外形和圆的路径/差异。如果你在一开始就做差异,你可以节省一步,在剪切之前,但我认为剪切可能是你最大的问题。
  • 右下角:
    • 换了颜色,
    • 在较浅的背景形状周围添加边框,
    • 为白色扫视效果使用了一个旋转的矩形,以获得填充工具的边框。
    • 在左下角添加了一个椭圆。将它与背景对象连接起来。

在孔中,有可见的背景边框。根据您的需要,这对您来说是一个挑战,需要摆脱。