ФорумНаше всёКреативные Новости
Демиарт Поиск Новые сообщения
ОтветитьНовая темаНовое голосование
ОтветитьНовая темаНовое голосование
1 ответ. 5706 просмотров.
   
 мужчина  Dark Wood 21 Июля 2017, 16:59
Пост №1 * 21 Июля 2017, 16:59
Ответ с цитированием этого сообщения

Размышляющие
гильдия «Векторщиков»
7 203 поста
619°
Возраст: 29
Регистрация: 27.01.2010
Проживает: Болохово
Альтернативы программам Adobe: пиксель-арт


Все статьи цикла:

1. Фоторедакторы
2. Рисование
3. Векторные редакторы
4. Видеоредакторы
5. Пиксель-арт
6. Анимирование

---

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

Альтернативы программам Adobe: пиксель-арт

Как пиксель-арт требователен к художнику, так и художник требователен к программному обеспечению, которое способно хоть немного облегчить его труд. Adobe Photoshop соответствует заявленным критериям, но сегодня существуют приложения, разработанные с расчетом именно на работу с пиксель-артом. Они специализируются на трех основных направлениях:
  • Бесшовные тайлы для игр
  • Спрайты и анимация
  • Полноценные иллюстрации
Подходящее вам приложение зависит от того, что вы рисуете. Плюсом всех программ данного направления является небольшая стоимость, что упрощает использование нескольких вариантов.

Давайте же познакомимся с ними!

1. Pyxel Edit

Не смотря на тестовый статус, автор определяет Pyxel Edit на первое место в списке. И делает он это потому, что программа имеет хороший набор инструментов для каждой из трех специализаций, упомянутых во вступлении.

Альтернативы программам Adobe: пиксель-арт

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

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

Также следует отметить, что здесь вы работаете не просто со сферическими тайлами в вакууме. Можно, не покидая программы, посмотреть как они соотносятся с остальным дизайном уровня (или иллюстрацией). Процесс работы можно увидеть на видео ниже.



Готовые тайлы можно использовать в приложении для дизайна уровней. Поддерживается экспорт в форматы JSON, XML и TXT, в зависимости от игрового движка. Это позволяет без лишних манипуляций использовать графику в проекте.

Однако стоит отметить, что в приложении не поддерживается «живое» зеркалирование (обычное доступно для горизонтальной и вертикальной оси). А также вы не найдете здесь инструментов для сглаживания. Но, опять же, стоит учесть что программа находится на стадии бета-тестирования и описанные возможности, скорее всего, будут добавлены в будущем.

Конечно же, в Pyxel Edit есть и другие необходимые для пиксель-арта функции и инструменты: просмотр в 100% масштабе, однопиксельная строка для облегчения рисования линий, прямоугольник, эллипс, легкий доступ к цветовой палитре (клик ПКМ или Alt+ЛКМ), наборы классических цветовых образцов, достойные инструменты выделения, а также автосохранение. К слову, для выбранного цвета, ко всему прочему, генерируются варианты с разницей по оттенку, светлоте и насыщенности.

Альтернативы программам Adobe: пиксель-арт

Есть при работе с цветами еще одна интересная особенность. Вы можете легко изменить цвет новосозданных пикселей. Для этого отправьте первичный цвет (эквивалентно цвету переднего плана в Photoshop) во второй слой (цвет фона), выберите новый основной оттенок и нарисуйте искомые пиксели.

Еще пара слов касаемо окрашивания. Градиентов в привычном смысле здесь нет. Действия происходят следующим образом: выбираете два цвета в своей палитре, программа генерирует переходные оттенки между ними. Эти оттенки и можно использовать для окрашивания градиентных переходов.

Как уже было сказано в начале, Pyxel Edit позволяет работать в том числе и с анимацией. Набор инструментов достаточен для базовых действий и среди прочего включает возможность соотнести кадры анимации с тайлами, создавать несколько анимаций в одном файле и указывать тайминг для кадров.

Pyxel Edit — хороший инструмент, который всё же подойдет больше для дизайна игр. Хотя демократичная цена в $9 позволяет попробовать редактор всем желающим. Но не забудьте, что это бета-версия. Работает программа на Adobe Air, следовательно из платформ доступны только Mac и Windows, но под Linux неплохо запускается через Wine.

Сайт: http://pyxeledit.com/
Стоимость: $9 (бета-версия)
Платформы: Mac, Windows, а также через Wine под Linux

2. Aseprite

У Aseprite всё говорит о его причастности к пиксель-арту. Даже интерфейс программы выполнен в этом стиле. Предназначена же она для создания спрайтов и анимации. Последняя основана на слоях и кадрах, что есть не у всех конкурентов.



В программе вообще широкая функциональность для работы с анимацией: перемещение, копирование и вставка нескольких кадров в последовательности; «луковичный» просмотр (onion skinning), позволяющий задать желаемое количество отображаемых предыдущих и следующих кадров; зацикливание и реверс временной шкалы; перемещение и копирование кадров на всех слоях или только определенных слоев каждого кадра и многое другое. Полный список есть в документации.

Остальные возможности редактора под стать: «плавающее» окно со 100% масштабом; инструмент для рисования линий; простой выбор цветов (Alt+ЛКМ) и функциональные палитры; прямоугольник и эллипс с заливкой и без таковой; прямоугольник, эллипс, волшебная палочка, обычное и полигональное лассо в инструментах выделения.

Список инструментов также широк: здесь и арки с автоматическим закрытием и заливкой, и многоугольники, и спрей для случайного назначения цветов (читай, разбрызгивания), и рисование кривых схожих по методу создания с Безье, и размытие, смешивающее пиксель с фоном, создавая пиксели промежуточных цветов вокруг оного, и другие. Наличествуют и режимы вертикальной и горизонтальной симметрии, ось которых может располагаться в любом удобном месте, а не только по центру документа, как в некоторых других программах.

Альтернативы программам Adobe: пиксель-арт

При работе со светами/тенями Aseprite умеет выравнивать оттенки для выделенного диапазона цветов. Также поддерживается альфа-композитинг, с возможностью блокировки, позволяющей рисовать только внутри существующих фигур на слое. Цветовой режим не ограничивается RGB, предоставляя также оттенки серого и индексированную палитру, которая ограничит вас цветами только из текущей палитры. Для большей свободы, конечно же, лучше сделать иллюстрацию в RGB и затем перевести его в индексированную цвета, если это необходимо.

Хоть в программе и нет средств для работы с тайлами, но присутствует одноименный режим, позволяющий повторять изображение по двум осям и рисовать по швам.

Первоначально Aseprite распространялась по лицензии GPL. Но сейчас модель изменилась на платную ($15). На GitHub по-прежнему доступен бесплатный вариант, но без новых функций.

Сайт: https://www.aseprite.org/
Стоимость: $15
Платформы: Linux, Mac, Windows

3. Piskel

Piskel специализируется на спрайтах и анимации. Редактор очень прост в обращении.



Создание анимации здесь складывается всего в два действия: добавления нового кадра к начальному спрайту. Контроль FPS и onion skinning прилагаются.

О том, что программа узкоспециализирована, говорят ограничения размера для местного пера: от 1 до 4 пикселей. Большие области, вроде неба на пейзажах, рисовать таким способом будет просто неудобно.

Инструментарий в приложении следующий: 100% просмотр, прямоугольник, эллипс, линия, вертикальная ось симметрии, области выделения в виде прямоугольника и эллипса, инструмент для упрощения создания дизеринга. Присутствует и местная «волшебная палочка», выделяющая блок связанных пикселей одного цвета и позволяющая переместить его без переключения на другие инструменты.

Вообще же одинаковый цвет можно заменять одним махом, независимо от того связаны эти пиксели или нет. Упрощен и процесс создания светов/теней. Просто рисуя инструментом lighten/darken поверх существующих пикселей, вы будете осветлять их, зажмете Ctrl — затемнять. Зажатие Shift будет изменять цвет на один шаг.

Для тех, кто любит независимость, Piskel доступен онлайн. Версии для всех настольных операционных систем тоже в наличии.

Сайт: http://www.piskelapp.com/
Стоимость: бесплатно
Платформы: Linux, Mac, Windows

4. GIMP

GIMP более известен как фоторедактор. Кому-то может показаться странным, что программа не упомянута в соответствующей статье цикла (http). Но вот она здесь. Автор основывается на несколько устаревшем, но всё еще актуальном видео, на котором показан процесс создания пиксель-арта в этом приложении.



В GIMP нет специальных инструментов именно для пиксель-арта. Тем не менее, здесь гибкая настройка выделения, позволяющая добраться до отдельных пикселей; 100% масштаб отображения можно открыть в дополнительном «плавающем» окне; индексированный режим в комплекте.

Мачете ниже взят из бесплатного набора векторного клипарта. Он был уменьшен до пиксельного состояния без интерполяции. Далее командой Image> Mode> Interpolated изображению была задана палитра из 256 цветов без дизеринга, после чего оно, вновь без интерполяции, было увеличено до первоначального размера.

Альтернативы программам Adobe: пиксель-арт

Конечно, это нельзя назвать настоящим пиксель-артом, но подобный вариант подойдет для какой-нибудь игры, где нужно создать большое количество мелких деталей, вроде того же оружия.

В версии GIMP 2.9.5 (компилированной из исходников с GitHub) вы также сможете найти новый режим симметрии. Если задать ему смещение в 16 пикселей по обеим осям и применить к тайлу 16x16 пикселей, то получится прекрасная бесшовная система.

Альтернативы программам Adobe: пиксель-арт

Еще раз обращаю ваше внимание, что GIMP — неспециализированное приложение для пиксель-арта, но его можно использовать для начала.

Сайт: https://www.gimp.org/
Стоимость: бесплатно
Платформы: Linux, Mac, Windows

5. Krita

Krita тоже мало кому приходит в голову, когда речь заходит о пиксель-арте. Хотя здесь есть и выделение пикселей, и кисти квадратной формы и кисть для сглаживания, и тайловая система (по нажатию «горячей» клавиши W холст будет заполнен в обоих направлениях), и большие возможности для выделения и изменения цветов.



Krita также позволяет работать с альфа-блокировкой, что представляет своего рода маскирование, где вышележащий слой видим только по форме нижележащего. Данная функция облегчает добавление светов, теней и деталей.



Доступна в программе и индексированная палитра. К тому же, здесь ее можно сделать недеструктивным способом при помощи фильтров. Подробная настройка данной особенности показана в этом уроке.

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

Krita больше подходит для рисования полноценных иллюстраций, хотя здесь присутствуют и базовые возможности для создания покадровой анимации.

Сайт: https://krita.org/
Стоимость: бесплатно
Платформы: Linux, Mac, Windows

Что же выбрать?

Лучшие приложения для профессионалов в этом списке — Pyxel Edit и Aseprite. Первое больше пригодится в разработке графики для игр, вторая специализируется на анимации. Хотя Pyxel Edit может поспорить с ней в данном ключе. На самом деле, они очень хорошо дополняют друг друга и автор рекомендует иметь оба.

Piskel предназначен для быстрых набросков и хорош тем, что не привязан к конкретной платформе.

Что до GIMP и Krita, то, как говорилось уже два раза, они не являются специализированными редакторами для пиксель-арта, но, тем не менее, могут с большим успехом использоваться в этом деле. А Krita так и вообще в чем-то даже превосходит «узких» конкурентов.

В следующей части: анимирование

Adobe предлагает целых два приложения для создания полноценных анимаций: Animate (ранее Flash), где есть скелеты и ключевые кадры, и Photoshop, также с основой на ключевых кадрах. В следующей части мы рассмотрим их альтернативы, поддерживающие все варианты анимирования.

Оставайтесь на связи!

Оригинал: Kezz Bracey
Перевод: Dark Wood


Отредактировано: Dark Wood — 11 Августа 2017, 13:02
ключевые слова: движок для сайта
Мои публикации: Illustrator, Photoshop, Corel Draw, прочее
  Google

Группа: Робот
1 пост
Возраст: скрывает
Регистрация: 26.11.2003

 мужчина  Dark Wood 21 Июля 2017, 17:20 (спустя 21 мин.)
Пост №2 * 21 Июля 2017, 17:20 (спустя 21 мин.)
Ответ с цитированием этого сообщения

Размышляющие
гильдия «Векторщиков»
7 203 поста
619°
Возраст: 29
Регистрация: 27.01.2010
Проживает: Болохово
На мой непрофессиональный взгляд и учитывая функционал первых двух команд из цикла, Photoshop совсем не подходит для пиксель-арта. Ни "живых" тайлов, ни зеркалирования, шейдинг тоже трудно назвать удобным. Если сравнивать чистый Photoshop и тот же Illustrator, то в последнем: просмотр в 100% масштабе можно организовать в отдельном окне, дубликаты на основе символов есть, если это тайловая текстура, то можно сделать дубликаты на основе эффектов (изменения в реальном времени); возможно многоуровневое зеркалирование и/или смещение в реальном времени (и не только по горизонтали или вертикали, но и, например, по кругу); массовое выделение похожих цветов и их изменение есть (как образцами, так и Recolor Artwork, плюс глобальные цвета); выбор цветов для шейдинга облегчит панель Color Guide. И да, всё это применимо к пиксель-арту. Он рисуется в Illustrator инструментом Live Paint по квадратной сетке. Возможно, я не прав и чего-то не знаю о возможностях Photoshop? А то у меня получается, что он где-то на уровне GIMP и даже Krita (судя по описанию) его несколько обходит. Интересно услышать ваше мнение.


Отредактировано: Dark Wood — 21 Июля 2017, 17:22
Мои публикации: Illustrator, Photoshop, Corel Draw, прочее
+1
« Предыдущая тема | Креативные Новости | Следующая тема »
 Похожие темы
Альтернативы программам Adobe: фоторедакторы
Adobe Alternatives: Photo Editing
Dark Wood 10 4074 +33 18 Июля 2017 - 10:50
» к последнему сообщению
Альтернативы программам Adobe: рисование
Adobe Alternatives: Digital Painting
Dark Wood 19 8769 +32 20 Марта 2019 - 11:00
» к последнему сообщению
Альтернативы программам Adobe: векторные редакторы
Adobe Alternatives: Vector Applications
Dark Wood 3 6228 +19 9 Ноября 2017 - 16:13
» к последнему сообщению
Альтернативы программам Adobe: видеоредакторы
Adobe Alternatives: Video Editing
Dark Wood 4 3806 +17 30 Июля 2017 - 08:44
» к последнему сообщению
Альтернативы программам Adobe: анимирование
Adobe Alternatives: Animation Software
Dark Wood 2 4330 +12 21 Августа 2017 - 10:47
» к последнему сообщению

1 посетитель в этой теме
, 1 гость