Photoshop 与 Illustrator 的图标开发

平面设计 图标 工作流程 效果 svg
2022-02-25 21:26:21

我的客户请求 SVG 文件(保存为 SVG 需要我在 Illustrator 中构建图标),但我一直在 Photoshop 中设计图标(从 Illustrator 导入矢量艺术,并作为智能对象放置,+ 应用图层样式)—我发现 Photoshop 在分层效果方面具有更大的灵活性(用于阴影、渐变……用于浮雕外观)。

有没有人在 Illustrator 中构建图标并创建与 Photoshop 提供的相同效果的经验?

我希望能说明我的情况,即我可以在 Photoshop 中构建图标并轻松地将它们缩放到任何所需的大小——但如果我可以创建相同的效果,我很乐意在 Illustrator 中构建它们。

4个回答

如果 SVG 是所需的输出,我建议尝试一下 InkScape。它是开放的。虽然 UI 不像 AI 那样精致,但它非常健壮,并且原生文件格式是 SVG,因此非常适合 SVG 工作。

至于“效果”,您可以使用矢量文件模拟光栅效果,反之亦然。根据效果的类型,它可能会被欺骗,但肯定是可行的。

这在很大程度上取决于艺术和您对 Illustrator 的技能水平。

Illustrator 确实有阴影、渐变、发光等。所以这一切都可以在 Illustrator 中完成。这只是一个人的熟练程度问题。

SVG 提供的功能比任何 Photoshop 格式都多。SVG 可以动态缩放并保持外观... png/gif/等。不能。

我是一名矢量艺术家,我总是以矢量方式做事,然后将其光栅化为所需的大小。在矢量中制作图标是可取的,因为您可以在之后将它们缩放到任何大小,甚至可以缩放到 A0 大小而不会降低质量。

我给你的解决方案是这样的。在 Photoshop 中以光栅形式进行,以稍大的尺寸进行操作,例如 256 x 256,具有足够的细节和线条粗细,即使在 64 x 64 下看起来也不错。

当您对光栅化结果感到满意时,然后使用Inkscape(是的,其中有一个跟踪位图的功能!)或Vectormagic转换为 .svg 。你最终会得到一个很好的 .svg 来让你的客户满意。

根据您的效果,您最终可能会得到一个更大的矢量文件,无论如何不要对特殊效果过于重视,因为这些程序需要时间将您的光栅转换为颜色区域(矢量)。

稍后您可以使用 Illustrator 或 Inkscape 来微调您的 .svg。

让我知道这个解决方案是否适合您。祝一切顺利。

这里已经有很多很棒的答案了。我建议查看 Jon Hicks 的图标手册http://iconhandbook.co.uk/以进一步阅读。除非制作 16x16 图标,否则我个人会使用 illustrator