3 способа создания пиксельной графики с помощью Photoshop, OS X Zoom и Pixelfari

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

1) Используйте Mac OS X Zoom для пикселизации изображений и создания мгновенной пиксельной графики

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

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

Используя эту технику, я мгновенно создал этот MacBook с пиксельной графикой:

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

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

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

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

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

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

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

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

3) Сделайте мгновенное пиксельное искусство с Pixelfari

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

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

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

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

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