Время от времени меня внезапно привлекает та или иная творческая отрасль, которой особо никогда в жизни не занимался. Это один из таких случаев. Захотелось пиксели рисовать, да с анимациями чтоб. Спойлер — вышло! По-моему, вполне даже неплохо. Итоговые работы прилагаются.
Как это у меня частенько бывает — краем глаза увидел и загорелся попробовать. Смех-смехом, но несколько программулин так время от времени, но регулярно применяю: Movavi для нарезки видосов, ShareX для скриншотиков и так далее. Т.е. всё-таки не совсем бесполезно самообразовываюсь и новое изучаю.
К делу подошел основательно, погуглил, какие программы наиболее популярные и ходовые.
Из получившегося списка выбор пал на бесплатную Pixel Studio. Всё-таки я вряд ли стану профессионалом пиксель-арта, а попробовать можно сразу.
Прога встречает удобным меню и вопросом — поле какого размера будем заполнять. Ещё был вопросик, шаблон простой или продвинутый, но толком не понял, чем они отличаются. Жму — продвинутый!!!
Попадаем на поле для рисования. Тут всё, в общем-то стандартно. Настраиваемая палитра и инструменты для рисования.
Художник из меня, откровенно говоря — никакой. Почти ноль опыта. Пока моим максимумом было вырезать плюшевое лицо небезызвестного Витали и «смещно» его вставить) Тут пришлось целый *.png файл мутить с прозрачной подложкой. Вышло совсем не сразу.
Ещё регулярно для розыгрышей обложки создаю. Хоть и симпатично, как по мне, но сделать совсем не трудно.
Поэтому важнейшим вопросом на повестке дня было — удастся ли мне в полной мере освоить инструментарий новой программы, особенно анимацию. И снова спойлер — вышло! Изучил практически всё и это видно по финальным видосам и гифкам.
Идеей номер один было создать логотип. В принципе себе это представил. Чтоб были узнаваемые буквы и они горели огнём на каком-то фоне.
Пришлось разобраться со слоями и кадрами. Поначалу показалось сложно, но после нескольких часов экспериментов всё стало получаться. На самом деле, чисто технически здесь всё весьма просто устроено — надо понимать, что именно ты хочешь видеть в конкретном кадре и как с минимальными трудозатратами организовать.
В Pixel Studio это сделано очень удобно. В любой момент времени видно состояние каждого слоя в каждом кадре. И не надо всё перерисовывать с нуля, базу можно переносить из кадра в кадр, например, неизменный фон или надпись.
Что мне просто неимоверно понравилось — буквально на ходу можно классно редактировать именно нужный кадр и слой. Или перемещать их для выравнивания.
Итоги анимированого рисования можно сохранить в виде файлов *.gif или *. mp4. Я не особо силён в этом, поэтому выбирал самое ходовое. Да и не ясно было, какай формат лучше вставится. Сделал оба.
Перед сохранением, кстати, прога предлагает масштабировать изображение чуть ли не до разрешения 1024х1024 или типа того. Т.е. картинка может получиться и достаточно большой по размеру.
Вот первый результат моих трудов. Огонь!
Вторым номером даже не знал, что и учинить. Но потом придумал — сделаю-ка аналог своего аватара, только немного анимированный. Поехали!
Тут я уже был практически профи и поэтому всё получилось достаточно быстро и просто. Слои, кадры, фон. Более-менее зацентрировал изображение по удобной (реально удобно, вплоть до пикселя точно можно сделать) сетке.
Вот, что получилось. Ну, красавец же!
По итогам рисования пиксельных картинок — мне этот процесс просто неистово понравился. В функционале программы удалось достаточно хорошо разобраться даже не заглядывая в местную справку. Теперь, в случае чего, запросто сотворю простую анимированную пиксельную картинку. Да ещё и можно её сделать большого размера для обложки или типа того. Цель всей этой движухи, считаю, достигнута успешно! Получены новые навыки, которые можно применить на практике.
Программу легко можно найти в Стим.
Чисто ради любопытства посмотрел на работы людей, которые тоже рисуют в этой программе. Встречаются крайне симпатичные экземпляры.
👍 Удобнейший интерфейс. С полного нуля относительно быстро разобраться удалось.
👍 Совершенно понятный и простой процесс создания анимаций.
👍 Есть возможность организации прозрачного слоя. Частенько это нужно.
👍 Результат в виде файлов понятных и ходовых форматов.
👍 Гифки или видео хорошо масштабируются из маленьких размеров до относительно больших.
👍 Русский язык интерфейса.
😐 Не понял, как именно делать гифки и видосики, чтобы формат изображения не был квадратным. Вручную не получилось размер поля ввести. Точнее вышло, но вторая цифра пишется автоматически. Скорее всего я что-то недопонял.
❌ Недостатков не обнаружено.
Всем хороших игр и творчества!
Лучшие комментарии
О майн гад, очередной обзор от мировой легенды, невероятно!
Pixel Studio пока не щупала. Из всех программ пиксель-арта что я пробовала: Aseprite, PromototionNG и Photoshop могу сказать, что Aseprite наиболее подходит для новичков (интуитивное меню, легко подстроиться).
PromototionNG, же как по мне имеет слишком перегруженный интерфейс, разобраться можно, но меня отталкивает.
Photoshop (версия не важна, карандаш есть во всех). Но Фотошоп использую уже чисто для финального результата — контрастность подстроить или размер изображения
Aseprite на распродаже решил купить. До того присматривался. Скидка будет где-то 50%.
Ну и для анимации хорошо подходит