Руководство по пиксельной графике: 3 способа создания пиксельной графики с помощью Photoshop

Оглавление:

Anonim

Пиксель-арт 8-битных воспоминаний в стиле NES сейчас в моде, будь то такие игры, как The Incident и Sword & Sworcery, или просто аватары в Интернете. Если вам интересно, как создается красивая пиксель-арт и как вы можете сделать это самостоятельно, вот несколько советов по почти мгновенному пиксель-арту. Мы будем использовать функцию масштабирования OS X, Pixelfari, а также настроим Photoshop для создания собственного ретро-пиксельного искусства и очистки результатов других методов.

1) Используйте Mac OS X Zoom для пикселизации изображений и создания Instant Pixel Art

Вы, вероятно, уже знаете, что если вы удерживаете клавишу Control, а затем проводите двумя пальцами вверх или вниз по трекпаду, вы увеличиваете масштаб экрана (или, удерживая Control, используете колесико прокрутки на внешняя мышь). Что ж, если вы отключите сглаживание в инструменте OS X Zoom, вы можете использовать эту функцию для создания пиксельных изображений из чего угодно. Вот как:

  • Нажмите Command+Option+\, чтобы отключить сглаживание при увеличении экрана
  • Наведите курсор мыши на любое изображение, которое вы хотите мгновенно преобразовать в пиксели
  • Control+Увеличьте изображение и наблюдайте, как увеличиваются пиксели
  • Сделайте скриншот всего экрана с помощью Command+Shift+3

С помощью этой техники я мгновенно создал этот пиксель-арт MacBook:

При необходимости вы можете затем очистить изображение в Photoshop, используя приемы Photoshop, упомянутые в этой статье, для редактирования на точном попиксельном уровне. Несколько советов по этому методу:

  • Меньшие базовые изображения лучше, создавать значки из изображения и увеличивать их — это здорово
  • Больше контраста, как правило, лучше
  • Попробуйте различные уровни увеличения

Также важно сделать полноэкранный снимок экрана, чтобы изображение было захвачено во всей пиксельной красоте.

2) Рисуйте пиксель-арт в Photoshop с помощью этих советов по настройке

Если у вас есть Photoshop, вы можете изменить некоторые настройки, чтобы сделать его более удобным для рисования и редактирования пиксельной графики:

  • Измените способ масштабирования изображений в Photoshop, установив для параметра «Интерполяция изображения» значение «Ближайший сосед (сохранить резкие края)
  • Включить сетку через настройки > Направляющие, фрагменты и количество сетки > 1×1
  • Правильно настройте инструмент «Карандаш» на диаметр 1 пиксель со 100% жесткостью
  • Используйте несколько уровней масштабирования как для просмотра пикселей с близкого расстояния, так и для желаемого конечного разрешения

Ваша настройка Photoshop будет выглядеть следующим образом:

Эти методы Photoshop исходят от Брэндона Требитовски, разработчика iOS, и если вы вообще заинтересованы в разработке пиксельной графики, настоятельно рекомендуется прочитать его сообщение в блоге по этому вопросу, вы можете прочитать его здесь, на BrandonTreb.com .

3) Сделайте Instant Pixel Art с Pixelfari

Еще один прием, позволяющий ускорить создание пиксель-арта и даже создать практически мгновенный пиксель-арт, — это использование 8-битного веб-браузера Pixelfari . Pixelfari создан разработчиком Неваном Морганом, и вы можете скачать его прямо здесь.

По сути, все, что вам нужно сделать, это перетащить любое изображение в Pixelfari, и оно автоматически отобразит изображение в виде пиксельной графики, а затем сделает скриншот окна Pixelfari. Это не идеально, но создает хорошую отправную точку, которую затем можно улучшить, используя вышеупомянутые методы, упомянутые Брэндоном.

Вот логотип OSXDaily, добавленный в Pixelfari без какого-либо другого редактирования, это довольно хороший пример того, как это работает.

Опять же, если вы хотите очистить вывод, вы можете использовать советы Photoshop, упомянутые выше, или вы даже можете использовать функцию масштабирования OS X для гиперпикселизации результатов в Pixelfari.

Очевидно, есть и другие способы сделать это, но для быстрой пикселизации отлично подходят методы Zoom и Pixelfari, а конфигурация Photoshop идеальна для рисования с нуля или очистки ваших предварительно пикселизированных изображений.Вы также можете попробовать использовать Paintbrush, клон MSPaint, но с этим приложением сложнее получить цену. Наконец, хорошим общим справочником является Natomic, в котором есть несколько общих советов по затенению, освещению, использованию линий и т. д. Информация старая, но пиксели существуют уже давно, поэтому методы все еще очень актуальны.

Руководство по пиксельной графике: 3 способа создания пиксельной графики с помощью Photoshop