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 17 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:

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

  7. 7 On Декабрь 16, 2010, bums3230 said:

    Очень позновательный материал, но анимацию танцующих силуетов было бы проще сделать в After Effects.
    Там есть все нужные фильтры и плагины так, что даже ничего обрисовывать не пришлось бы.

  8. 8 On Декабрь 25, 2010, cempara said:

    всем привет. рад что нашел эту тему. к сожалению с рисованием и подобными программами сталкиваться не приходилось, а очень хочется для сайта сделать анимацию. если кто-то может взяться за анимацию танцующих опоссумов для сайта (www.oposum.net) отпишитесь обсудим ценовую политику. автору темы 5+ мне лично понравилась анимация. а долго такую делать?

  9. 9 On Декабрь 25, 2010, bums3230 said:

    Я могу сделать за пару дней.
    Обращайтесь skype – bums3230

  10. 10 On Декабрь 25, 2010, cempara said:

    скайпом не пользуюсь. как можно еще связаться

  11. 11 On Декабрь 25, 2010, bums3230 said:

    напишите icq если у вас есть

  12. 12 On Декабрь 25, 2010, bums3230 said:

    почтой то вы точно пользуетесь bumsun@yandex.ru

  13. 13 On Сентябрь 24, 2011, Mik said:

    а CS4 возможно добавить flv на таймлайн?

  14. 14 On Ноябрь 3, 2011, создание сайтов пермь said:

    создание сайтов пермь…

    [...]анимация пляшущих человечков » Flash animation[...]…

  15. 15 On Январь 11, 2012, новые гаджеты said:

    новые гаджеты…

    [...]анимация пляшущих человечков » Flash animation[...]…

  16. 16 On Январь 13, 2012, Пиратская дуэль. Motion Capture :) | said:

    [...] P.S. Чем можно конвертировать видео из одного формата в другой?  Мой выбор -  совершенно бесплатная программа под названием Super.   А еще можно сохранить видеофрагмент как последовательность картинок в Virtual Dub и уже их импортировать во Flash, кому как больше нравится   Еще об одном варианте (с использованием другой программы) можно почитать у Лерики. [...]

  17. 17 On Январь 26, 2012, Pirates’ duel. Motion Capture :) | said:

    [...] called Super.  You can also save your video as pictures using Virtual Dub or Flv Converter (like Lerika described) and then import them into Flash.  So pick the way you [...]

Leave a Reply