в каком формате сохранять анимацию в krita

Создание анимации в Krita

Оглавление

Начиная с версии 3.0 Krita позволяет художникам работать с анимацией. Это замечательная новость для тех, кто хочет создавать видеоролики и мультфильмы.

Многим художникам хотелось бы попробовать свои силы в этом виде искусства. Создание анимации дело непростое и требует не только навыков рисования, но умения быть усидчивым, внимательным и терпеливым.

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

Чтобы появились вкладки и окна для работы с анимацией, необходимо изменить рабочее пространство на Animation. В плане рабочих пространств Krita очень похожа на другие графические редакторы. Чтобы пользователям было удобнее использовать различные возможности программы, были внедрены некоторые рабочие пространства.

Сделать это можно так: Окно (Window) → Рабочее пространство (Workspace) → Animation

После этого, на экране будет отображено все необходимое для настроек.

Анимационная кривая

Чтобы создать новую кривую, откройте вкладку New Frame (Новый кадр) и кликните на Add Opacity Keyframe (Добавить ключевой кадр непрозрачности). Теперь Вы сможете изменять параметры непрозрачности напрямую. Добавляя или уменьшая ключевые кадры, можно заставить картинку исчезать или появляться. Кривая помогает полностью распределить ключевые кадры для плавной анимации.

Рабочий процесс

Разберем работу с анимацией немного детальнее. Ее суть заключается в том, чтобы создавать ключевые кадры с важными деталями или позами, в которых находится персонаж. Обозначив ключевые точки, художник рисует картинку на кадрах, расположенных между ними. На профессиональном жаргоне это называется tweening или inbetweening.

В работе Вам помогут следующие вкладки:

Введение. Как сделать анимацию в Крита

Для начала создадим новый файл.

После этого выберем цвет заднего фона. Выберите задний фон как цвет холста (As canvas color). Это означает, что программа сама зальет каждый пустой участок этим цветом. Данный параметр можно изменить в Image (Изображение) → Image Properties (Свойства). Это очень важно при работе с анимацей, ведь все фоны должны быть полупрозрачными.

Примечание:

Krita предлагает широкий спектр изменения мета-данных. Здесь есть и название, и описание, а также комментарии, которые помогут большой группе людей работать над одним проектом. Во время индивидуальной работы они могут и не пригодиться, но для команды подойдут в самый раз. Таким образом, члены одной группы смогут делиться своими мыслями и оставлять описания кадров, которые они создают. Это повышает эффективность их работы.

Нажмите создать (Create).

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

Окно станет таким. (Расположение панелей может меняться в зависимости от версии программы и личных настроек).

Слой “Environment” будет представлять среду, в которой находится наш персонаж. Можно нарисовать какие-нибудь декорации или дополнить изображение фоном.

Слой “Walkcycle” содержит иллюстрации нашего героя.

Используйте инструмент Straight Line Tool (Прямая линия), чтобы нарисовать горизонтальную линию. Это будет нашей Землей или любой другой твердой поверхностью.

На слое “Walkcycle” Вам необходимо нарисовать голову и туловище. Сделать это можно любой кистью, какой Вам будет удобно.

Теперь даже если мы выберем новый кадр, он не будет анимирован, ведь Krita не распознает слой “Walkcycle” как анимированный. Нам необходимо, чтобы программа действовала именно так, как мы хотим.

Поэтому сделаем его таковым, добавив слой на временную шкалу. Откройте контекстное меню путем нажатия правой кнопки мыши и выберите New Frame (Новый кадр).

Вы поймете, что слой стал анимированным благодаря значку луковицы.

Используйте правую кнопку мышки, чтобы продублировать слой и перенесите его на второй кадр. Используйте инструмент передвижения и комбинацию Shift + ↑, чтобы поднять слой. Теперь мы видим, что слой полупрозрачный благодаря луковой коже (onionskinning). Предыдущий кадр будет выделен красным.

Примечание:

Программа принимает белый цвет не как прозрачный, поэтому убедитесь, что слой, на котором Вы рисуете, является полностью прозрачным. Старайтесь не допускать ошибок. В случае необходимости, Вы можете воспользоваться специальным фильтром Color to Alpha.

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

Теперь перейдем непосредственно к анимации. Нам понадобится два кадра. Они станут ключевыми в нашем коротком видео. На одном ключевом фрейме ноги должны располагаться как можно дальше друг от друга. На другом одна нога должна быть максимально вытянута. Это будет имитацией шагов.

Копируем их. Для этого можно использовать комбинацию Ctrl + правая кнопка мыши и перетаскивание.

Выделять кадры можно так же, нажав Ctrl + правую кнопку мыши.

Должно получиться так:

Дополним нашу анимацию

Чтобы сдвинуть кадры и образовать немного пустого пространства нажмите Alt + Правая кнопка мыши и двигайте их. Это можно сделать разом.

Так как мы создали наши ключевые кадры и оставили немного места между ними, то теперь займемся inbetweening’ом и нарисуем кадры между ключевыми.

Чем больше кадров, тем тяжелее делать их похожими друг на друга. Нарисуйте плавные движения ног на каждом кадре, будто бы нарисованный персонаж и вправду шагает. Пройдитесь пару раз сами и внимательно проследите за движением Ваших ног.

Параметры onion skin можно изменить в специальной вкладке. Здесь Вы можете настроить количество видимых кадров, их цвета и уровень непрозрачности.

Теперь анимация выглядит немного более естественной и плавной.

Анимирование нескольких слоев

С временной шкалы исчезли предыдущие фреймы. Не пугайтесь! Это специальная особенность программы, которая помогает облегчить работу, ведь специалистам иногда приходится сталкиваться с большим количеством слоев. Поэтому программа временно скрывает неиспользуемые. Вы можете добавить их вручную. Кликните правой кнопкой мышки и нажмите Show in Timeline (Показывать на временной шкале).

Экспорт

Готовую анимацию можно экспортировать в отдельный файл. Нажмите на вкладку Файл (File) → Экспортировать анимацию (Export Animation).

Krita может экспортировать только отдельные картинки, поэтому рекомендуется сохранять кадры в формате PNG в одну отдельную папку.

Процесс экспорт отображен на специальной панели с процентом.

Картинки будут сохранены в правильном порядке с соответствующими именами и номерами.

Используйте какую-нибудь программу для создания файлов формата GIF (GIMP, ImageMagick). Так Вы сможете собрать все свои файлы воедино.

Обновление:

В версии Krita 3.1 добавлена функция, которая позволяет рендерить анимацию.

Импорт

В редактор также можно импортировать готовые кадры. Покажем данное действие на примере спрайтов из Open Game Art (Это мужская походка Libre Pixel Cup).

У нас есть лента с изображениями, нам нужно разделить ее. Image (Изображение) → Split Image (Разделить изображение). Сделайте 8 вертикальных разрезов и 0 горизонтальных, так как спрайтов всего 9 в одном ряду. Сохраните все в формате PNG.

Создайте новый холст и кликните на File (Файл) → Import Animation Frames (Импортировать кадры анимации). После нажмите Add Image (Добавить картинку), выделите все разом и вставьте.

Кадры расположены в определенном порядке, а чтобы определить точку старта, настройте параметр START.

Параметр Step(Шаг) позволяет настроить частоту кадров, сравнивая исходный документ и импортируемый.

Нажмите ОК и новый слой будет импортирован.

Источник

В каком формате сохранять анимацию в Крите?

Нажмите на вкладку Файл (File) → Экспортировать анимацию (Export Animation). Krita может экспортировать только отдельные картинки, поэтому рекомендуется сохранять кадры в формате PNG в одну отдельную папку.

В каком формате сохранять анимацию в фотошопе?

Можно сохранить анимацию в виде GIF-файлов для просмотра в Интернете. Видео и анимацию можно сохранить как фильм QuickTime или PSD-файлов.

Как правильно сохранять анимацию в фотошопе?

Для этого нужно перейти в верхнее меню и выбрать в нем пункт Файл> Сохранить для Web. Затем выберите тип GIF-файла, который вы хотите сохранить. Число рядом с обозначением GIF определяет, насколько точно цвета GIF-изображения будут соотноситься с оригинальными JPEG или PNG изображениями.

Как сохранить анимацию в фотошопе СС?

Открываем Фотошоп. Жмем Файл – Импортировать – Кадры видео в слои (для английской версии: File – Import – Video frames to layers). Далее нам нужно сохранить загруженное видео в требуемый нам формат GIF. Для этого жмем Файл – Экспортировать – Сохранить для Web (в каких-то версиях Photoshop: Файл – Сохранить для Web).

Как сохранять анимацию в Крита?

Нажмите на вкладку Файл (File) → Экспортировать анимацию (Export Animation). Krita может экспортировать только отдельные картинки, поэтому рекомендуется сохранять кадры в формате PNG в одну отдельную папку. Процесс экспорт отображен на специальной панели с процентом.

Как вставить изображение в Крите?

Как правильно создать анимацию в фотошопе?

Чтобы создать покадровую анимацию, в Photoshop используется следующий общий рабочий процесс.

Как сохранить в GIF?

Как открыть gif в фотошопе CC?

Для GIF. Открыв папку с файлами GIF-анимаций(Файл —> Импортировать —> Кадры в видеослои), Фотошоп просто не видит эти анимашки. Для того чтобы увидел необходимо после открытия нужной вам папки поставить в графе название файла звёздочку(*) и нажать кнопку «Загрузить» Теперь GIF-анимашки видны, остаётся их открыть.

Как в фотошопе экспортировать анимацию GIF?

Выберите Файл > Экспортировать > Сохранить для Web (старая версия). 11. В раскрывающемся меню в правой верхней части диалогового окна Сохранить для Web выберите GIF 128 с дизерингом. Убедитесь, что для опции Параметры повторов установлено значение Постоянно.

Источник

Как анимировать в Krita: руководство для начинающих по началу работы

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

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

Как анимировать в Krita

Мы собираемся сделать простую анимацию машущего рукой персонажа. Вот первая ключевая поза.

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

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

Это новая рука для второй ключевой позы.

Здесь вы можете видеть, что мы добавили третий ключевой кадр. Чтобы поставить его перед первыми двумя, мы выбрали оба кадра в окне настройки временной шкалы.

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

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

Krita: бесплатный и простой в использовании инструмент для анимации

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

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

Источник

Стабильная версия редактора Krita 3.0 с поддержкой анимации

Сегодня наконец-то состоялся очередной релиз редактора для художников Krita 3.0. На разработку новой версии ушел почти год. За этот год в Крите были реализованы анимация, режим мгновенного предпросмотра и множество мелких улучшений, за которые проголосовали спонсоры Кикстартера 2015. Кроме того, в проекте произошло много организационных изменений: отделение от Calligra, порт на Qt5 + KDE Frameworks 5 и старт выпуска стабильных версий для OSX.

Обо всем этом я постараюсь рассказать в данной статье!

Технические детали

Итак, начнем с технических деталей. Осенью 2015-го года, Крита официально отделилась от родительского проекта, офисного пакета Calligra. Она уже давно перестала вписываться в концепцию «офисного» приложения, а необходимость портирования на новую версию библиотек (Qt5 + KDE Frameworks 5 Tier1) лишь ускорило этот процесс. В итоге Крита обзавелась отдельным репозитарием и избавилась от множества лишних зависимостей, что значительно облегчило жизнь разработчиков.

Кроме того, начиная с версии 3.0 Крита официально поддерживается на OSX. Есть правда несколько проблем, связанных с openGL. Пока недоступны две функции: High Quality Canvas Filtering и Instant Preview. Обе эти функции требуют поддержки openGl 3.0, что пока невозможно на OSX + Qt5.

Дело в том, что Apple в своих продуктах отказалась от поддержки профиля «openGL Compatibility Profile». Т.е. разработчики приложений для OSX не могут одновременно работать с старыми функциями эпохи openGL 2.1 и нововведениями openGL 3.0 — либо одно, либо другое. Код самой Криты уже давно портирован на openGL 3.0 и вовсю использует его возможности, однако, как оказалось, библиотека Qt — нет. Qt внутри использует функции времен openGL 2.1. При попытке запуска такого «смешанного» приложения на OSX пользователь вместо окна увидит лишь черный прямоугольник.

Сейчас разработчики временно решили эту проблему отключением под OSX всех функций 3.0 и использованием лишь старого API. Но к концу лета эти проблемы должны быть исправлены: студент Julian Thijssen уже начал свой проект Google Summer of Code, в котором код Qt будет портирован на новые интерфейсы openGL 3.0!

Чего же все-таки нового?

Рисованная анимация

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

Режим «Мгновенный предпросмотр»

Изображения пользователей становятся все больше и больше, и Крита уже перестает справляться с отрисовкой больших кистей на лету. Еще несколько лет назад разработчикам пришла в голову идея, что кисти не обязательно обсчитывать на лету, а можно показывать пользователю лишь уменьшенную копию изображения, а оригинал считать в фоновом режиме (см. прошлогоднюю статью на Хабре). И вот теперь эта идея, наконец, воплощена в жизнь в виде режима Instant Preview. Он работает с большинством кистей и фильтров.

Работа со слоями

Был полностью переписан интерфейс работы со слоями. Изменился как внешний вид, так и функциональность. Пользоветель теперь может работать сразу с некколькими слоями: выделять на холсте видимые слои с помощью комбинации Shift+R+Click, переносить, группировать, изменять свойства. Появилась возможность задавать отдельным слоям цветные метки, а потом фильтровать их по цветам. Подробности можно увидеть в видео от GDQuest:

Сетки и направляющие

Одной из задач, выбранных спонсорами было создание нормального пользовательского интерфейса для сеток и направляющих в Крите. Теперь и те, и другие настраиваются через специальную панель. Кроме того, большинство инструментов в Крите теперь поддерживают «прилипание» к сеткам, направляющим и векторным объектам. Настроить прилипание можно вызвав специальное сеню сочетанием Shift+S.

Градиентный мэппинг

Этот фильтр не был запланирован, но пользователь Spencer Brown просто взял и написал его 🙂

Скачать установочные пакеты можно на официальном сайте.

Выпуск новой версии Криты стал возможен исключительно благодаря прошлогодней кампании на Кикстартере. В этом году проект также проводит кампанию, которая позволит добавить Крите новые инструменты работы с текстом и векторными объектами! Кроме этого, после окончания кампании спонсоры смогут выбрать между 24 стреч-целями, т.е. определят, какие дополнительные функции будут реализованы в Крите.

Посмотреть подробности и, при желании, помочь проекту можно на странице кампании на Kickstarter.

Источник

Как анимировать в Krita: руководство для начинающих по началу работы

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

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

Как анимировать в Krita

Мы собираемся сделать простую анимацию машущего рукой персонажа. Вот первая ключевая поза.

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

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

Это новая рука для второй ключевой позы.

Здесь вы можете видеть, что мы добавили третий ключевой кадр. Чтобы поставить его перед первыми двумя, мы выбрали оба кадра в окне настройки временной шкалы.

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

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

Krita: бесплатный и простой в использовании инструмент для анимации

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

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

Источник