如何在Photoshop中获得清晰的像素完美笔触效果?


16

我正在为电子游戏开发复古风格的像素艺术。我希望能够在Sprite周围添加边框,但是我需要它清晰且“像素完美”。使用Photoshop的Stroke效果似乎是显而易见的选择,但是不幸的是,Photoshop进行了一些花哨的抗锯齿处理,并在不需要的地方添加了额外的像素:

在此处输入图片说明 (图像放大到400%)

顶部图像边框是使用Photoshop描边创建的(大小:1像素,位置:外部)。

底部图像边框是使用铅笔工具手动绘制的。

底部效果是我追求的效果,但是我试图实现这一效果而不必使用铅笔工具手动绘制它。有没有一种方法可以强制描边效果以这种方式运行?还是我可以使用另一种方法来自动实现这种效果?


您可以使用烟火吗?这是进行此类工作的更好工具。除此以外,对于这种工作分辨率,我根本不会理会笔触,而只是使用铅笔工具来绘制它。
DA01 2012年

使用铅笔工具。@ DA01 Adob​​e不幸地杀死了Fireworks。
比利·克尔

@BillyKerr是的,看来软件建议不能很好地解决。:)
DA01

Answers:


13

一个真正的简单方法是使用阴影图层样式(是的,您没有看错)。

在Photoshop中进行中风

顶部的Goomba就是您的例子。底部的Goomba是相同的位图,但被添加为阴影图层样式的描边掩盖了。使其正确的诀窍是自定义轮廓曲线。

自定义轮廓曲线

外部发光层样式也可以这样做。而且,现在您可以轻松地将其应用于任何图层。


角度设定重要吗?
horatio 2012年

4
当距离为0时,角度无关紧要。
马克·爱德华兹

使用Strokes的巧妙解决方法!这真的很好,从来没有考虑过使用轮廓!
bigp 2012年

字.....我永远也不会想到要使用阴影。对于同一应用程序,这也非常适合我。
Nungster 2013年

4

为此,您可以按照以下步骤操作:

  1. 将您的图层变成一个智能对象,这样您就可以制作该图层的多个副本,这些副本将自动与内容保持同步
  2. 制作此智能对象的四个副本(使用“通过复制创建新的智能对象”功能,这将创建单独的智能对象,我们希望在此处对其进行实例化)
  3. 调整四个副本中每个副本的位置,方法是在四个方向(即,一个上,一个下,一个左,一个右)上每一个像素分别对它们进行微调
  4. 将四个副本分组到图层面板中的一个组中
  5. 添加蓝色(描边颜色)纯色图层,将其放置在组上方
  6. 按住Alt键单击组和蓝色层之间的分隔线,以将组变成蓝色层的剪贴蒙版

结果:

层数 雪碧

您可以在此处下载Photoshop CS6文件。

通过仅第二次重复上述步骤(其他4层)并在四个对角线方向上将它们对角线对角线一个像素,可以轻松地使该技术也包括所有8个方向上的像素。


1

拉瑟的答案很好。但是,取决于设置,将Posterize调整图层设置为2可能一步一步就可以达到目标。绝对值得一试。

将文件分层(每层一种颜色)肯定会使用Posterize将您带到那里。

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.