14 Январь 2009

анимация пляшущих человечков

posted in animation, lesson |

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

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

итак. рисовать с нуля. от руки подобную анимацию достаточно хлопотно и не каждому под силу.
первая мысль, которая возникает – нужно найти видео танцующих людей и обрисовать его.
лично я предпочитаю искать в стоковых каталогах, например www.istockvideo.com
по запросу dancing находим нужное видео. лучше чтобы фигуры людей были однотонные – легче будет с ними работать.

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

устанавливаем её себе и производим следующую последовательность действий:
1. открываем наш flv файл.
2. открываем вкладку image series
3. выбираем параметр jpg и устанавливаем получше качество изображений.
4. присваиваем это действие нашему файлу с помощью кнопки add action
5. нажимаем кнопку process all task

в результате выполненных действий мы получим последовательность изображений нашего видео в формате jpg.
после чего нужно выбрать небольшую последовательность кадров, чтобы движения были зациклены.
35-45 вполне подойдёт. потом их можно дублировать и сделать reverse frames, что сделает нашу анимацию в 2 раза длиннее.

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

This entry was posted on Среда, Январь 14, 2009 at 5:52 and is filed under animation, lesson. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

There are currently 6 responses to “анимация пляшущих человечков”

Why not let us know what you think by adding your own comment! Your opinion is as valid as anyone elses, so come on... let us know what you think.

  1. 1 On Январь 14, 2009, ilja.panin said:

    Зачем так сложно с экспортом?
    2 слоя в нижний просто экспортируешь видео во флеш(на таймлайн), а в верхнем слое обводишь и рисуешь. Я так делал еще когда пытался рисовать.

  2. 2 On Январь 17, 2009, vladimir said:

    мне очень понравились твои работы, а можно один вопрос немного не по теме? на каком хосте ты держишь swf для публикаций на блоге?

  3. 3 On Январь 17, 2009, vladimir said:

    прошу прощения, повторяюсь, забыл поставить галочку об уведомлении, ответь пожалуйста на этот вопрос {мне очень понравились твои работы, а можно один вопрос немного не по теме? на каком хосте ты держишь swf для публикаций на блоге?}

  4. 4 On Январь 17, 2009, Lerika said:

    2 ilja.panin: блииин точно! проверила таки можно импортировать на таймлайн! просто с появлением flv у меня как-то никогда это делать не получалось. теперь надо будет написать простенькую статейку о видео во flash.

    2 vladimir: все swf и другие материалы я держу в том же месте, где у меня хостится блог. никакими сторонними ресурсами я не пользуюсь.

  5. 5 On Январь 18, 2009, murejib said:

    Для трейса растра в вектор – самое мощное средство – Vector Magic, кстати иначально написано на флексе, сейчас существует в качестве десктоп приложения

    Банер супер )

  6. 6 On Ноябрь 9, 2009, bixer said:

    Очень полезная информация! Спасиб! Как раз нужно было!

Leave a Reply