像素艺术指南:使用 Photoshop、OS X Zoom 和 Pixelfari 创建像素艺术的 3 种方法

像素艺术

8 位闪回 NES 品种的像素艺术现在风靡一时,无论是在 The Incident 和 Sword & Sworcery 等游戏中,还是仅用于网络上的化身。如果你想知道一些美丽的像素艺术是如何创造出来的,以及你是如何自己创作的,这里有一些关于近乎即时的像素艺术的技巧。我们将使用 OS X 的缩放功能 Pixelfari,并配置 Photoshop 制作您自己的复古像素艺术并清理其他结果方法。

1) 使用 Mac OS X 缩放像素化图像并创建即时像素艺术

您现在可能知道,如果您按住 Control 键,然后用两根手指在触控板上向上或向下滑动,您将放大屏幕(或者按住 Control 键并使用外接鼠标上的滚轮)。那么,如果您在 OS X 缩放工具中禁用抗锯齿,您可以使用此功能可以从任何东西中创建像素化图像。方法如下:

  • 点击 Command+Option+ 禁用屏幕缩放中的抗锯齿
  • 将鼠标光标悬停在您想要立即像素化的任何图像上
  • Control+放大图像并观察像素增长
  • 拍摄使用 Command+Shift+3 截取整个屏幕

使用这种技术,我立即创建了这款像素艺术 MacBook:

像素化 MacBook Air

如有必要,您可以使用本文中提到的 photoshop 技术在 Photoshop 中清理图像,以便在精确的每像素级别上进行编辑。此方法的一些提示:

  • 基础图像越小越好,用图像创建图标并放大这些图像非常好
  • 对比度越大越好
  • 尝试不同级别的缩放

拍摄全屏屏幕截图也很重要,这样可以捕捉到全像素化的图像。

2) 使用这些配置提示在 Photoshop 中绘制像素艺术

如果您有 photoshop,您可以调整一些设置,使其更适合绘制和编辑像素艺术:

  • 通过将“图像插值”首选项调整为“最近邻(保留硬边)”来更改 Photoshop 缩放图像的方式
  • 通过首选项启用网格 > 指南、网格切片和计数 > 1×1
  • 正确配置铅笔工具,使其直径为 1px,硬度为 100%
  • 为近距离像素视图和所需的最终分辨率使用多个缩放级别

您的 Photoshop 设置将类似于此:

在 Photoshop 中创建像素艺术

这些 Photoshop 技术来自 iOS 开发人员 Brandon Trebitowski,如果您对设计像素艺术完全感兴趣,强烈建议阅读他关于此事的博文,您可以在 BrandonTreb.com 上阅读它

3) 使用 Pixelfari 制作即时像素艺术

另一个加快像素艺术创作速度,甚至制作近乎即时的像素艺术的技巧是使用 8 位网络浏览器 Pixelfari 。 Pixelfari 来自开发者 Nevan Morgan,您可以在这里立即下载

基本上您需要做的就是将任何图像拖到 Pixelfari 中,它会自动将图像渲染为像素艺术,然后截取 Pixelfari 窗口的屏幕截图。它并不完美,但它创造了一个很好的起点,然后可以使用 Brandon 提到的上述技术对其进行完善。

这是未经任何其他编辑而被扔进 Pixelfari 的 OSXDaily 徽标,这是一个很好的例子来说明它是如何工作的。

像素化 OSXDaily 徽标

同样,如果你想清理输出,你可以使用上面提到的 Photoshop 提示,或者你甚至可以使用 OS X 的缩放功能在 Pixelfari 中对结果进行超像素化。

显然有更多的方法可以做到这一点,但对于快速像素化,Zoom 和 Pixelfari 技术非常棒,Photoshop 配置非常适合从头开始绘制或清理预先像素化的图像。您也可以尝试使用 Paintbrush,MSPaint 克隆,但它更难获取该应用程序的价格。最后,一个很好的通用参考是 Natomic,它有一些关于阴影、照明、使用线条和此外,它的旧信息和像素已经存在很长时间了,因此这些技术仍然非常相关。