Flash animation

Сегодня в гостях у Flash Animation (ru) замечательный аниматор, чьим работам и фантазии я не устаю удивляться. Человек, который умеет доступно и интересно объяснять, который уже не раз выступал на конференциях с докладами об анимации и программировании, и который ведёт один из самых интересных блогов, посвящённый flash анимации – Хитри!

Денис «Stormit» Романко

Дата рождения: 31 августа 1980
Город: Харьков
Анимационный стаж: Флешом увлекаюсь с 2002 года, но сначала это были анимированные заставки для флэш-сайтов и сам интерфейс. С самой же мультипликацией я знаком с 2004 года.
Blog: http://xitri.com – блог о флеш-анимации и флэш-играх, который я веду в свободное от работы время.
Портфолио: http://www.inmorphing.com – моё дизайнерское портфолио, правда давно не обновлялось
ICQ: 169261156

Здравствуй, Денис. На данный момент твой блог Хитри! является одним из самых популярных блогов, посвящённых flash анмации. При этом ему нет ещё и года. Расскажи, как тебе удалось достичь такого успеха?

Честно говоря, я и сам не ожидал такого эффекта. Большая часть хитростей, представленных на блоге – это мой личный опыт, полученный на предыдущем месте работы в отличном коллективе. Условия работы требовали делать всё очень быстро, поэтому приходилось юлить и искать всевозможные способы решения задач. Было у кого поучиться анимации, к тому же я неплохо знал Actionscript. Складывая всё вместе получались интересные вещи, которые я потом начал применять в работе. Со временем набор приёмов увеличивался и нужно было куда-то всё это девать, поэтому и завёл блог. Тексты для статей стараюсь писать максимально простым и понятным языком. Наверное, уникальность информации и стала причиной популярности блога, хотя уверен, что до этих способов многие дошли самостоятельно.

Говорят, что зарегистрировать красивое 5-ти буквенное доменное имя в зоне .com сейчас нереально, но тебе и это удалось. В чём же секрет?

Значит мне повезло Хотя было бы лучше заполучить xi3.com

Расскажи, с чего начинался твой творческий путь аниматора?

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

Кроме того, что ты красиво рисуешь и анимируешь, ты ещё и программируешь всё это дело. Скажи как в тебе уживаются эти две стихии?

Наверное, так сложилось исторически. Я учился в ХИРЭ (Харьковский национальный университет радиоэлектроники) и рядом всё время было много программистов. К тому же в то время был только AS1, а он достаточно прост в изучении. Поэтому программировать на флеше я начал гораздо раньше, чем рисовать. Уживаются они во мне без проблем, но по очереди перетягивают на себя внимание, поэтому у меня рабочий процесс, как и всё в природе, имеет колебательный характер, – нырнул на месяц в анимацию, потом в программирование, потом в графику… и так по кругу.

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

Наверное, программирование. Всё-таки возможности 2D анимации давно определены, а вот развитие скриптов во флэше – процесс бурный и многообещающий. С каждой новой версией появляются новые возможности, иногда даже с трудом верится, что это сделано на флэше.

«Игровой баннер» – больше, чем баннер, но меньше чем игра. Сколько ты их уже сделал за свою жизнь? И в чём секрет их популярности?

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

На последок посоветуй нашим читателям каких ошибок не стоит допускать в начале творческого пути и на что стоит обращать внимание.

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

Каждый раз перед работой лучше выделить 20-30 минут на просмотр чужих качественных работ. Заряжаетесь идеями и – вперёд!

chickens flying school – это не просто flash игра!
это игра в которую лично я вложила всю свою душу.
это яркая, красочная, весёлая и добрая аркада.

xenao games – так называется наша game development студия.
мы работали над игрой 2 месяца, если не больше.
вся графика, анимация и персонажи – мои.
программинг – александра титова
всю команду разработчиков можно посмотреть в credits.

мне очень нужно знать ваше мнение по поводу нашей проделанной работы
поиграть в игру можно у нас на блоге
или на любом другом flash game портале

скриншоты из игры можете полистать здесь:

flash технология ярка и многогранна. фраза «я – флешер» не может полностью описать род деятельности человека.
сейчас все привыкли разделять на программистов и анмиматоров. и это правильно. есть конечно личности которые замечательно и рисуют и программируют. но таких единицы.

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

я хочу поговорить о flash аниматорах, которых в общей массе можно разделить на 2 типа:

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

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

а есть ещё аниматоры, которые помимо классической покадровой анимации и mоtion/shape используют программную для всевозможных эффектов (снег, дождь, взрывы, генерация фонов)

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

очень часто начинающие флешеры (не важно, программисты или аниматоры) берутся за любую работу.
баннеры, презентации, интро, сайты, анимация персонажей, мультфильмы, обучающие системы, десктопные приложения, потоковое flash видео, игры… etc.

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

плохо когда человек продолжает делать всё подряд, эдакий «и швец и жнец и на дуде игрец».
если я не права – поправьте.

немного личного на закуску.

я занимаюсь флешем с 2003-го года. и за 6 лет я перепробовала практически всё. были и мультфильмы и сайты, разработка обучающей системы, интерфейсы для терминалов, были и маленькие проекты и серьёзные в большой команде разработчиков, были на пару часов, а были и такие что длились около года…

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

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

теперь этот блог будет посвящён не только flash анимации, но и flash играм.

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

теперь вместо непонятного адреса flash-animation.ru/?page_id=2 будет красоваться flash-animation.ru/about/
так намного понятнее и лучше для индексации блога поисковыми системами.
конечно, надо было это сделать давно, ещё в самом начале существования блога, но лучше поздно чем никогда.

из последствий – счётчик rss readers упал в 3 раза
посещаемость на 20%
остаётся не унывать и верить в лучшее!

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

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

итак. рисовать с нуля. от руки подобную анимацию достаточно хлопотно и не каждому под силу.
первая мысль, которая возникает – нужно найти видео танцующих людей и обрисовать его.
лично я предпочитаю искать в стоковых каталогах, например 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 раза длиннее.

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