如何调整平面矢量图标的大小以保留硬边缘?

发布于 2024-09-06 06:24:20 字数 277 浏览 8 评论 0原文

我最近购买了 Drew Wilson 的 Pictos 图标库。它是一个平面单色图标库,可在网络和其他地方使用。唯一的问题是:它们是向量。我对 Illustrator 有一点了解,但最终我想将这些图标导入 Photoshop CS4 并调整为各种尺寸。

当我导入一个图标并将其大小调整为 20x20 像素时,我注意到图标边缘周围有相当多的锯齿。我确信有一些神奇的数字可以使这些图标的边缘保持清晰,但我找不到任何选项或设置可以让我正确调整这些图标的大小。

如何将这些图标对齐到最接近的尺寸,以消除或最小化锯齿?

I recently purchased Drew Wilson's Pictos icon library. It is a library of flat, monochromatic icons for use on the web and elsewhere. The only issue is: they're vectors. I know my way around Illustrator a little bit, but ultimately I want to import these icons into Photoshop CS4 and resize to various dimensions.

When I import an icon and resize it to, say, 20x20 pixels, I notice that there is a fair bit of aliasing around the edges of the icon. I'm sure there is some magic number where the edges of these icons will remain crisp, but I can't find any option or setting that will allow me to size these icons properly.

How can I snap these icons to the closest size that removes or minimizes the aliasing?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

你如我软肋 2024-09-13 06:24:20

锯齿/像素化是因为矢量从 illustrator 中导出@无论它们复制的大小@

尝试在 illustrator 中打开图标...将它们放大

然后将巨大的副本保留在单独的图层中

复制该图层你想缩小它..这样你就有一个副本可以使用..而且你不必重新
每次需要进行编辑时打开文件

,像素化的一个好的经验法则是

您始终可以缩小尺寸..但是放大尺寸会在位图中创建像素化

The aliasing / pixelating is because vectors export out of illustator @ whatever size they're copied @

Try opening the icons in illustrator... scaling them waaay up

And then just keep a copy of the huge ones in a separate layer

Copy that layer when you want to scale it down ..annnd that way you'll have a copy to work with..and u won't have to re
Open the file every time u need to make an edit

And a good rule of thumb for pixelation is

You can always size down.. but sizing up will create pixelating in bitmaps

谜泪 2024-09-13 06:24:20

您的徽标很可能是 .eps 格式。如果这样做,请在 Photoshop 中打开 .eps 文件。将弹出一个对话框,询问您要导入的尺寸。如果要在 Web 上显示,请务必选择 RGB 颜色。选择抗锯齿复选框。当您的文件打开并放大时,您会发现 Photoshop 已为您巧妙地消除了所有边缘的锯齿。

Chances are, you have your logo in .eps format. If you do, open your .eps file in Photoshop. A dialog box will pop up asking the size you want to import. Be sure to select RGB color if this will display on the web. Select the Anti-aliasing checkbox. When your file opens up, zoom in, and you'll notice that Photoshop has neatly anti-aliased all of your edges for you.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文