Главная · На заметку · Что такое покадровая анимация и как ее делать. Покадровая анимация в Macromedia Flash

Что такое покадровая анимация и как ее делать. Покадровая анимация в Macromedia Flash

Вам может быть необходим целый замок, но может ли вам хватить просто танцзала и темницы? Сузьте свой взгляд до действительно необходимого для рассказа истории. Я это сделал - вместо «убийственных полей», о которых говорилось чуть выше, сделал бесконечный коридор в After Effects.

Поверьте, мне хотелось снимать в большом красивом кабинете. Но вместо этого я сделал одну комнату, покрытую фетром. А потом крепко задумался о том, какую историю я могу рассказать из этой голой серой комнаты? На что похожа эта комната? Операционная! Конечно! «Ленивое» решение о съемочной площадке диктует историю. Я бы хотел целый город, но операционная проще.

Другой вопрос: как это снимать? Сначала я собирался использовать приложение для анимации iMotion на моем телефоне. Но живые сценки нам пришлось снимать на , и они выглядели потрясающе, так что уровень качества был установлен высоко - надо было соответствовать. Я решил взять цифровой фотоаппарат в аренду.


2. Не бойтесь своего оборудования

Это то, что я сказал себе сам. Так что я взял в прокат на две недели Nikon D7100, в комплекте с двумя объективами: 35мм и 28-70мм. В следующие две недели я потратил около 50 часов в моем подвале, перемещая эти маленькие куклы. Самой сложной частью всего процесса было расставлять их. Как я мог заставить их встать и двигаться? Об этом и поговорим дальше.

3. Заведите друзей в хозяйственном магазине

Вам постоянно будет что-то нужно: металлическая труба, сверхпрочная лента, деревянные бруски, да и кто еще знает, что потребуется! Я провел часы в «Hankins Hardware» в Хоторне, осматривая их полки в поисках подходящего. Я подпирал кукол маленькими трубками, вставленными в деревянные блоки и приклеенными скотчем к спине. Для маленьких кукол я использовал L-образные отрезки стальной ленты. Моими подвесами для полетов были куски жесткой проволоки, привязанной к грузу, и моток лески.

Итак, куклы закреплены, а фотоаппарат - на треноге. Сделайте кучу фотографий, проиграйте их быстро и вы - аниматор, не так ли? Ну, вы можете попробовать этот способ. Вы можете продолжать снимать на SD-карточку, вытаскивать ее из фотоаппарата, скачивать фотографии на компьютер, вставлять карточку обратно, потом готовить фильм в After Effects или чем-то вроде того. Я поступил проще - я взял Dragonframe.


4. Используйте правильные программы

Dragonframe - программное обеспечение для анимации, контролируемое через USB. Вы подключаете ваш фотоаппарат через USB-порт к компьютеру, а Dragonframe получает от нее изображения сразу, как только вы их делаете. Вы можете проиграть фотографии в обратном порядке, переходить между ними, а также использовать функцию «луковая кожура», располагая кадры один над другим. Мне это оказалось полезным, например - для совмещения кадра с ножом и кадра с мышиным ухом. Конечно, вы можете сделать это в After Effects, но это никогда не будет выглядеть так же хорошо, как если это сделать сразу камерой.

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


5. Для каждой сцены сделайте «чистый» снимок

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


6. Анимируйте задом наперед

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


7. Монтируйте прямо в процессе съемок

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


8. Придавайте вещам жизни

Половина кадров этого анимационного фильма - кадры с разными реакциями. Моим первым планом было использовать фотографии. Однако когда я сделал первый черновой монтаж, я увидел, как это выглядит: как статичные и не очень интересные картинки. Стало понятно, что если мои куклы будут что-нибудь делать, воображение зрителя дорисует им нужные личностные качества. Движение не может быть случайным, даже небольшая дрожь может рассказать о многом.

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

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

Итак, мы научились изображать простые (и не очень) векторные объекты, редактировать их форму, работать с группами… Пора от статичной неподвижной графики переходить к движению - анимации.

  • описание слоев текущей сцены фильма; указываются названия слоев и их атрибуты. Слои можно добавлять, удалять, менять их порядок "в стопке" перетаскивая мышкой, скрывать от просмотра, блокировать редактирование содержимого, просматривать в контурном режиме. Каждый слой может содержать произвольное число различных объектов. Применение механизма слоев позволяет автономно работать с различными объектами и за счет этого создавать сложные многоплановые сцены. Например, один из слоев может использоваться в качестве фона, на котором разворачиваются события фильма, другой - содержать собственно анимированные объекты, а третий - нести в себе элементы звукового сопровождения фильма. Кроме того, с помощью слоев могут быть получены специальные эффекты, такие, как перемещение объекта по произвольной траектории, маскирование объектов и некоторые другие;
  • собственно временная шкала, содержащая шкалу кадров, изображение "считывающей головки". Шкала является общей для всех слоев сцены. На ней отображена нумерация кадров в возрастающем порядке. Считывающая головка (красного цвета прямоугольничек с линией) указывает текущий кадр анимации. При создании очередного кадра и при воспроизведении фильма считывающая головка перемещается вдоль временной диаграммы автоматически. Вручную (с помощью мыши) ее можно перемещать после того, как анимированный фильм будет создан. Причем перемещать ее можно в обоих направлениях;
  • также имеются кнопки для управления отображением кадров анимации на столе.

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

Безусловный лидер среди профессиональных программ для создания покадровой анимации (stop-motion). Для работы в Dragonframe нужно напрямую подключить камеру к компьютеру (MacOS или Windows) через USB или HDMI, дальнейший контроль осуществляется прямо из приложения. Принцип работы очень прост: захватываемое изображение выводится на таймлайн и при помощи функции «live view» становится прозрачным, позволяя относительно него выстраивать следующий кадр. Dragonframe имеет встроенные инструменты по созданию векторной графики, которую также можно визуализировать. Программа позволяет настроить экспозиционный лист (X-Sheet) в зависимости от ваших потребностей, умеет синхронизировать движения губ персонажей, содержит функции для работы с экспозицией, поддерживает автоматическое управление движением камеры (совместима с контроллером IOTA и платой Arduino). Для ускорения процесса захвата изображения можно воспользоваться специальным USB-контроллером KeyPad (он идет в комплекте при покупке Dragonframe 3.6), а также подключить iPad при помощи специального софта, чтобы использовать его как второй монитор и не быть прикованным к камере. Стоит отметить, что Dragonframe поддерживает не только популярные модели DSLR-камер (Canon и Nikon), но и камеры BlackMagic, USB Webcams, некоторые модели HDV/HDMI камер и даже RED.

02. StopmotionPro


Программа для создания стоп-моушена, обладающая всем необходимым функционалом: подключение DSLR-камер; удобный контроллер захвата изображений; поддержка Onion Skinning (инструмент калькирования); звуковые эффекты и работа с голосом персонажей; инструмент «Removing rigs» (затирает конструкции, на которых держатся герои или окружающие их предметы); поддержка импорта видеофайлов и изображений различных форматов; интуитивный дизайн. Пока StopmotionPro можно установить только на Windows, но производители обещают в скором времени сделать версию и для MacOS.

03. AnimaShooter



Еще одна профессиональная программа на Windows для покадровой съемки анимации, которая способная работать с DSLR, веб- и обычными видеокамерами. Программное обеспечение выпускается в трех версиях: Junior (бесплатная), Pioner и Capture. Во всех трех имеются стандартные инструменты: флип-флоп (режим быстрого переключения между кадрами), Onion Skinning, манипуляции с кадрами на таймлайне, импорт изображений, экспорт последовательности кадров в четырех форматах (JPG, PNG, TIFF, WEBP), экспозиционные листы. Но поддержка зеркальных камер предусмотрена только в версии Capture.

04. iStopMotion


Приложение от немецкой компании Boinx, специализирующейся на создании «яблочного» софта для работы с фото или видео. iStopMotion пользуется популярностью у детей и педагогов, но это значит, что она имеет урезанный функционал. Программа работает не только с DSLR-камерами (Canon и Nikon), но и позволяет захватывать изображение с iPhone, iPad или IPod Touch (при помощи бесплатного приложения «iStopMotion Remote Camera»). Помимо стандартного инструмента Onion Skinning, iStopMotion имеет множество других полезных функций: фильтр с эффектом Tilt Shift, поддержка Time Lapse, захват изображения через хромакей, экспорт проектов в iMovie и Final Cut Pro X, а также возможность экспортировать анимацию для печати книги в формате Flipbook. Существует еще мобильная версия программы для iPad.

05. Animation Desk™


Очень симпатичное приложение для рисованной анимации на iPad. Несмотря на кажущиеся ограниченные возможности планшета, в Animation Desk можно нарисовать своего героя при помощи различных инструментов (три вида кистей, карандаш, ластик, фломастер, перо, заливка и растушевка), чувствительных к нажатию пальца и регулируемых по размеру и уровню прозрачности. Специальный инструмент «Stamp Tool» позволяет добавлять или копировать выделенные области из какого-либо изображения. Кроме того, программа поддерживает такие стандартные функции, как Onion Skinning, X-Sheet, различные слои, работу с аудио и так далее. Полученную анимацию можно экспортировать в MOV, PDF или GIF.

06. Animation Creator HD


Еще одно приложение для манипуляций с анимационным видео на iPad, которое способно работать в различных HD-разрешениях: 1280x720, 1920x1080 и даже Ultra HD 4K. Имеется стандартный набор инструментов: кисти с различной силой нажатия, карандаш, ручка, ластик, баллончик с краской. Представлен большой выбор цветовой палитры. Доуступно регулирование частоты кадров, движений в кадре (масштабирование и панорамирование), использование пресловутого Onion Skinning и множество других функций. Приложение интегрировано в сервис Cineverse - социальную сеть, куда можно выкладывать свои анимационные ролики. Но в отличие от Animation Desk за Animation Creator HD придется выложить четыре доллара.

07. Moovly


March 8th, 2012

Сейчас довольно популярны так называемые "живые" фотографии - синематографии, где часть изображения, словно живая - движется. Действительно, довольно красивые результаты можно получить, если правильно подобрать объект анимации.
Для сообщества 30_day_photo (где одним из заданий является создание как раз такой "живой" фотографии) я написала урок. Очень старалась писать подробно - так, чтобы даже новичок, недавно познакомившийся с фотошопом, сумел создать свою собственную синематографию.

Сначала, вдохновения ради, предлагаю вам посмотреть несколько чудесных "живых" снимков!

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

Теоретический урок.

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

1) Из каждого кадра вырезать область, которая должна двигаться на фото, а остальное - удалить, оставив лишь один кадр невредимым - он и станет фоном для всей анимации. Допустим, вы анимируете то же моргание человека. У вас, скажем, 10 кадров на который человек моргает.
В 9-ти из 10-ти кадров вы удалите все, кроме глаз. 10-й кадр будет фоном, его мы расположим под остальными. Фон будет видно всегда, а вот кадры с морганием будут попеременно сменять друг друга.

2) Все кадры оставляем невредимыми, кроме одного - в нем вырезаем "дырку" в том месте, где хотим видеть движение, и располагаем его выше других.
Допустим, в том же примере с морганием, мы берем один из 10 кадров и удаляем на изображении глазницы (жутковато:))). Перед нами картинка, у которой нет глаз - это фон. Зато через эту "дырку" можно видеть кадры, расположенные под фоном. Фон остается на месте все время, а кадры сменяют друг друга.

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

Откуда взять эти самые кадры для анимации?
Откуда же взять эти самые кадры, из которых нужно что-то вырезать?
Опять же - есть два варианта - можно использовать для создания синематографии видео (снятое самостоятельно, или готовое, взятое из сети), а можно - ряд фотографий.
В первом случае вам нужно будет снять или найти подходящее видео, а потом придется пользоваться специальной программой (или ставить дополнительные кодеки для ФШ) для того, чтобы сохранить часть из этого видео как набор скриншотов, кадров, которые мы в последствии сможем использовать.
Во втором случае нам нужно выбрать объект съемки, и с помощью режима скоростной съемки вашего фотоаппарата сделать серию снимков, где выбранный вами объект движется.

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

Что именно фотографировать/снимать на видео?
Сложность синематографий в их оптимизации, ведь формат gif, поддерживающий анимацию, может содержать в себе не больше 256 цветов (считаются все оттенки!). Отсюда первое правило создания "живого" снимка:

Правило №1. Не выбирайте объектом вашей анимации предметы ярких насыщенных цветов. При их оптимизации на вашем снимке проявится немало неприятных артефактов (проще говоря - фотография запестрит пикселями). Берите спокойные тона, желательно, чтобы на всей вашей будущей синематографии этих цветов оказалось немного. Избегайте градиентов, радуги, и других пестрых текстур.

Правило №2. Выбирайте объект, который совершает цикличное движение! Проще говоря, не фотографируйте рыбок, хаотично плавающих в аквариуме - вы никогда не сможете "закольцевать" такую съемку. Ваш предмет должен совершать движение и возвращаться на тоже место, на котором был в начале!
Человек открыл глаза - человек закрыл глаза. Листик на ветке качнулся и вернулся обратно. Или же ваш объект должен изначально отсутствовать в кадре, потом появляться, а потом снова исчезать. Например, таракан, пробегающий по столу раз за разом. Или капля воды, падающая из крана вниз.
Если в качестве вашей модели выступает живой человек, просите модель как можно меньше шевелиться, не совершать лишних движений.

Правило №3. Берите маленький движущийся объект (небольшую область анимации). С большим сложнее работать - легче допустить ошибку при съемке. К тому же анимация большого объекта будет немало "весить". А какой смысл живой фотографии, если ее нельзя никому показать?

Итак, мы с вами обсудили теорию создания синематографии. Переходим к практике:)

Практический урок.

Этап 1. Фотографируем.
Для первых экспериментов предлагаю выбирать неодушевленный объект, совершающий простое повторяющееся движение. И лучше, для первого раза, один. Ну вот, например, вентилятор. Стоит на месте, никуда не убежит, крутится циклично - отличная модель.
Я ставлю свой вентилятор на кухонный стол, где достаточно света для съемки, расставляю там еще несколько предметов, создавая натюрморт. Сажаю ребенка, чтобы получилось живописнее. Убираю все лишние предметы, стараясь свести к минимуму последующую обработку в фотошопе.

Дальше разбираемся с настройками вашего фотоаппарата.
Вам необходимо найти режим скоростной съемки, чтобы быстро и без проблем отснять движение лопастей вентилятора. Этот режим означает, что, зажав кнопку съемки, вы сделаете не один кадр, а сразу много - фотоаппарат будет снимать, пока вы не отпустите кнопку (или пока не закончится флешка:))
Скорость съемки напрямую зависит от того, какая именно у вас камера.

Ну а дальше все просто - ставите свой фотоаппарат на штатив (или на ровную устойчивую поверхность), чтобы все кадры были сняты с одинаковой точки, и наша анимация не прыгала. Это очень важный момент! Если камера будет сдвигаться хоть на мм во время серийной съемки - все пропало:)

Включаем вентилятор, а потом делаем серию снимков.
Сколько именно снимков - вы легко выясните, приступив к практике. Конечно, чем дольше длится движение вашего объекта - тем больше кадров вам нужно сделать. Вентилятор делает поворот вокруг своей оси довольно быстро, поэтому мне хватило 30 кадров (и то - при обработке мы часть дублей удалим, чтобы уменьшить вес нашей анимации).

Этап 2. Работаем с получившимся материалом.

Я работаю в фотошопе версии Cs2 и Cs5 (оба - на английском языке), урок буду писать, пользуясь 5 версией. В принципе в новой версии не появилось ничего уникального, связанного с анимацией, но некоторые команды изменили свое расположение. Поэтому спрашивайте, если что:)

1. Посмотрите все кадры, которые вы отсняли.
Найдите начало и конец движения, в нашем случае - когда вентилятор сделал полный круг. Все кадры после этого можно удалить.

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

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

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

После этого возьмите инструмент "Brush tool" (кисть) и закрасьте с его помощью ту область, где нужно сделать дырку. Лучше пользоваться кистью с жесткими краями, чтобы видеть четкие границы области, которую вы выделяете:

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

Теперь превратим выделенную область в векторную маску. Для этого щелкнем по кнопке "Add vector mask" на панели "Layers" (Слои):

И вы увидите, что около вашего слоя появилась маска с черной областью - это и есть дырка, через которую мы будем видеть слои, расположенные под нашим "фоном":

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

5. Теперь создаем анимацию.
Для этого откроем панель "Animation" (Анимация) с помощью команды "Window - Animation".
Панель выглядит вот так:

Сейчас перед вами только один кадр - значит анимации нет.
Прежде всего нам нужно создать другие кадры. Кадров должно быть столько же, сколько у вас слоев (за исключением фона с маской). У меня 8 слоев, поэтому я должна создать еще 7 кадров.
Это делается с помощью кнопки "Duplicate selected frames" (дублировать выделенные кадры):

Я нажала 7 раз на эту кнопку, и вот все мои 8 кадров:

Сейчас они все выглядят одинаково, ничего не меняется от кадра к кадру.
Нам необходимо выставить правильную видимость слоев для каждого кадра.
На всех кадрах должен быть виден наш фон-верхний слой один из оставшихся кадров.
Т.е. на первом кадре видно фон слой0, на втором - фон слой 1, на третьем - фон слой 2, и т.д.
Сделать слой видимым или невидимым можно нажав на значок глазика рядом с ним.
Вот, для наглядности:

Выставляя видимость слоев, вы сразу же будете видеть результат - как происходит анимация от кадра к кадру.
Когда вы закончите - подберите скорость перехода от кадра к кадру. Выделите все кадры с помощью кнопок Shift или Ctrl на клавиатуре и из выпадающего списа выберите нужное значение:

Я выбрала 0,1 секунды. No delay - значит без остановки.
Вот и все! Анимация готова:)

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

Я создаю два корректирующих слоя (убедитесь, что при этой вы находитесь на первой кадре анимации! действия, сделанные на первом кадре анимации - будут распространяться и на все остальные кадры) - Selective color (редактирование цветов) и Curves (кривые) с помощью кнопки "Create new fill or adjustments layer" (создать новую заливку или корректирующий слой), которая находится внизу на панели "Layers" (Слои):

Получаем вот такой красивый результат:

С помощью команды "Image - Image Size" (Изображение - размер изображения) уменьшаем нашу синематографию до нужный размеров. Я выбрала размер 700 по большой стороне.

7. Сохраняем нашу синематографию.
Для этого пользуемся командой "File - Save for Web & Devises" (Файл - Сохранить для Веб и устройств).
В появившемся окне нам предлагают выбрать настройки оптимизации формата gif. Как я и говорила ранее, в формате gif лишь 256 цветов, поэтому качество изображения непременно пострадает, это неизбежно. В каких-то случаях это видно не сильно, в каких-то - довольно заметно. Именно поэтому я давала советы по выбору исходника по цветам.

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

После этого жмете "Save", даете имя, и ваша "живая" фотография готова!

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

Важно: Мы создали синематографию с помощью серийной съемки. Но не у всех фотоаппаратов есть возможность делать быструю серийную съемку. Да и не всегда этот способ удобен. Помните, что вы можете также снимать видео! При съемке видео обязательно ставьте видеокамеру/фотоаппарат на штатив. И не делайте длинных роликов (не больше 10-20 секунд), иначе замучаетесь удалять ненужные кадры.
Получившийся ролик необходимо разобрать на кадры, которые потом вы сможете, словно серийную съемку, с которой мы работали, превратить в анимацию. В последних версиях фотошопа есть возможность разложения видео на кадры-слои, это очень удобно. Команда звучит как "Fшle - Import - Video Frames to Layers"
(Файл - импорт - Видео кадры как слои). У кого фотошоп старых версий - придется воспользоваться Adobe Image Ready, или сторонней программой для сохранения скриншотов из фильмов.
Если кому-то будет интересен данный способ создания синематографий - напишите, я расскажу.

Творческих успехов вам!

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

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

Для этих целей существует множество программ для покадровой анимации. Рассмотрим некоторые из них и определимся с выбором.

Atani

Редактор, предназначенный для создания покадровой анимации. Он имеет встроенный графический редактор и позволяет изображения импортировать в форматы WMF, BMP, GIF, EMF, JPG, ICO и PNG. Созданный мультфильм можно сохранить как AVI или как GIF-файл. Каждый анимационный кадр можно редактировать отдельно в режиме морфинга. Есть возможность предварительного просмотра анимации и поддержка горячих клавиш.

Основные функции:

Приложение Pivot Stickfigure Animator

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

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

Создание покадровой анимации с Stickman

Отличающаяся от большинства себе подобных программ Stickman прекрасно подходит для обучения детей в школах анимации. А для профессионалов предоставляет быстрый и легкий способ создания качественных анимационных фильмов.

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

Кроме того, экспортирование готовой мультипликации доступно в форматы SWF, MP4, MOV, AVI, MPG, FLV и другие. Можно записать собственный голос или добавить звук из файла любого формата.

Функции и особенности:

  • создание по ключевым кадрам анимации;
  • импорт изображений;
  • поддержка нескольких камер;
  • экспорт готовой анимации в девять видеоформатов;
  • поддержка слоев;
  • экспорт во флеш.

Утилита Easy GIF Animator

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

Приложение обладает множеством настроек, которые позволят изменить большинство характеристик gif-файла. Например, продолжительность ролика или его цветовую гамму. Кроме того, программа покадровой анимации Easy GIF Animator позволяет непосредственно на изображение добавлять тексты и осуществлять в браузере предварительный просмотр проекта. Можно добавить звуковое сопровождение в создаваемый ролик и сохранить результат форматом.swf.

Программа Easy Gif Animator Rus подойдет разработчикам рекламной продукции и веб-аниматорам. Разработчиками предложена система функциональной оптимизации. Готовая анимация уменьшается до размеров полученного файла. Используются почти все популярные графические форматы для сохранения мультипликации: PNG, BMP, JPG, и GIF.

Ключевые функции и особенности

  • добавление визуальных и текстовых эффектов анимации;
  • предварительный просмотр в браузере;
  • покадрово выбирается прозрачность цвета;
  • установка продолжительности анимации и счетчиков циклов;
  • реверс части анимации или всего ролика;
  • для каждого изображения устанавливается позиция;
  • оптимизация анимации и изображений;
  • конвертация анимации в черно-белый формат или оттенки серого;
  • редактирование палитры;
  • экспортирование анимации в avi-формат.

Покадровая анимация с Synfig Studio

Бесплатная программа для создания высококачественной двухмерной анимации. Работает в основном с векторными объектами и позволит создать и небольшие анимационные картинки, и нарисовать целые мультфильмы.

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

Готовые ролики сохраняются в форматах Digital Video, AVI, Theora и MPEG, для мультипликации используются форматы MNG и GIF. Все эти свойства делают эту программу отличным выбором для создания в домашних условиях анимации.


Adobe Photoshop

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

Уникальность программы определена такими функциями, как управление цветом, маски, умная автокоррекция, наложение эффектов, управление слоями, инструменты для точного выделения, наборы кистей и так далее.

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

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

Мощная и популярная программа Adobe Flash CS5 Professional

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

Приложение имеет широкие функциональные возможности, которые позволяют просто и легко создавать интерактивные проекты под разные платформы.

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

  • Создание мультипликационных проектов с живой и максимально реалистичной анимацией.
  • Благодаря Creative Suite, значительно улучшена адаптация программы.
  • Наличие инструмента «Декорирование», позволяющего добавление выразительных эффектов анимации.
  • Палитра «Кости» содержит новые атрибуты движения.
  • Функция вставки в проект музыкального сопровождения в формате MP3.
  • Улучшенные возможности редактора.
  • Панель «Фрагменты кода» содержит заготовки, которые быстро вставляются в проект.
  • Создание реалистичной анимации.