Флаги на ветру.

Опубликовано 22 12 2009 Начлаб

Иногда в нашей с вами флешерской практике возникает необходимость сделать красивый развевающийся флаг. О, да это у каждого было. Сегодня мне хотелось бы поговорить о трех типах подобных анимаций. Для начала, хочу оговориться, что нужно определиться, какие мы преследуем цели и насколько мы можем себе позволить сделать трудоемким процесс. Опять же, подумаем о требованиях к реалистичности. Согласитесь, для мелкого баннера 468х60 нет необходимости в детальности, а вот на заставке к сайту или в мультфильме - желательно сделать натуралистичней. Хотя опять же, важно, в каком стиле все оформляется, может вообще в стиле "скетчей от руки"... Ну да ладно. Итак.

Маска.

Это очень удобный способ. ill-flag1Достаточно реалистичный флаг, что называется, при спокойном ветре. При создании используется хитрый способ движущейся маски. Для баннеров и мультов самое то. Заменить флаг на другой не сильно трудоемко.

Программный.

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

Покадровый.

Моя любимая реализация. Да, это трудоемко (но не более, чем во втором варианте). ill-flag2Да, на ходу не заменишь. Да, реализация не универсальна - всякий флаг нужно прорисовать заново. Но качество анимации совсем на другом уровне. Анимация делается покадрово, градиентами передаются тени/блики, на мой взгляд выходит отлично.

Отсюда вывод: выбирай на вкус. Но выбирай мудро. Соответственно заданию и требованиям. И, конечно, оплате. Это касается не только тривиальных анимаций. Качественная анимация просто не делается и надо рисовать ручками. Не ищем простых путей.

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Только один коммент to “Флаги на ветру.”

  1. Den says:

    Как-то не совсем понятно как в каком стиле анимируется. Слегка бы подробней описать процес допустим смещения в первом варианте.

    зы: ссылка на исходник битая(

Оставить коммент