Этапы создания арта к флеш игре: разработка персонажей, анимация.

Уже несколько лет активно рисую и анимирую графику к флеш-играм. По большому счету, попадаются мне флеш-игры для девочек. На данном этапе мне мое занятие нравится, поэтому продолжаю работать  в этом направлении. Пока не надоест  в очередной раз:) Напишу небольшую заметку о самом процессе создания арта  к игре.
Итак, последнее, что я рисовала на прошлой неделе – графику для  игры жанра баббл-шутер (bubble-shooter). Кто не знает – выбивать шарики одинакового цвета. О ней и пойдет речь. По свежим следам, пока не забылось:)

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

Этап 1. Рисуем.
Придумываем персонажей. Разноцветные шарики  - слишком просто, решили усложнить и сделать так же что-то круглое, но  милое и пушистое. Котиков делать не хотелось, сошлись на монстриках. Бытует мнение, что проще всего нарисовать монстра, а сложнее всего – красивую женщину:) Я, по-видимому, вдохновилась этой мыслью и нарисовала персонаж без эскиза, а сразу кисточкой  набросала контур, лишь  подкорректировала немного. Как видим, тело симметрично – одну половинку тела  я просто отзеркалила (modify-transform-flip horizontal). Тень рисую с помощью выделения необходимого участка lasso tool, применив к нему цвет на тон темнее.

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

Очень желательно, и даже необходимо, перед анимацией утвердить персонажей, потому что проще исправить косяки статичному персонажу, чем анимированному.
Этап 2. Анимируем.
Анимация персонажей для игры имеет свои особенности и ограничения. Прежде чем приступить к анимации, нужно учитывать некоторые моменты.
Очень мне хотелось сделать персонажу шевеление шерсти, чтобы клубочки на игровом поле копошились:) Это существенно оживило бы картинку. Еще на этапе создания персонажа я обдумываю его будущую анимацию, ведь  в анимации персонажей для игр есть свои особенности. Поразмыслив, решила отказаться от затеи с анимированной шерстью: одновременное проигрывание анимации нескольких десятков персонажей может существенно повлиять на скорость игры. Не раз сталкивалась с подобными проблемами, когда  анимацию, над  которой я сидела, старалась и корпела не один час, возвращали обратно с просьбой сделать проще.
Было решено анимировать монстрикам глаза и таким образом создать разные настроения. Цвет тела будет определяться программно, поэтому достаточно было сделать один набор анимаций одного цвета.
Вот такие анимашки получились:

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

спасибо за внимание:)

Комментарии
Аватар пользователя Гость из будущего

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

Аватар пользователя Жако

а вы мне не подскажете сколько примерно стоит такая графика?

ко мне первый раз обратились, игра примерно 90 запчастей: птичек, фруктов, наград и т.п.
в общем может часов на 40.

Аватар пользователя Oksana

здравствуйте,

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

Аватар пользователя Гость

а каким образом у dоwn дрожат зрачки когда он их перемещает вправо-влево? это они покрупней рисуются или как?

Аватар пользователя Oksana

принцип тот же, что описан ниже - смещение в сторону

Аватар пользователя Гость

и еще такой вопрос...рожки у appear да и он сам как то так подпрыгивает...необычно...как бы с эффектом "дрожания" после остановки....как такое сделать?...очень понравилось...

Аватар пользователя Oksana

дрожание получается в результате незначительного смещения объекта. Например, 6 кадров - в кадрах 2,4,6 - смещаем объект немного и получится дрожание.

Аватар пользователя Гость

Скажите а каким образом Вы анимировали моргание у глаз? Насколькор я поняла -- они не просто "сплющиваются" (с помощью инструмента трансформации?) потому что когда они закрываются мелькает чтото.. черное?Извиняюсь если вопрос глупый...я только недавно начала изучать флеш....

Аватар пользователя Oksana

вот здесь более, как сделать анимацию глаз - http://flash-animated.com/personazhnaya-animatsiya-dlya-flesh-igr-sozdan...

Аватар пользователя MXPain

классные монстрики:)

Аватар пользователя Vorren

Оксана, спасибо за интересный пост Smile
Странно слышать(читать), что кто-то возвращает хорошие анимации на упрощение - это признак неумения работы с as3, не более. Кэширование анимации в растр на лету еще никто не отменял, а растру без разницы.

Аватар пользователя Oksana

спасибо, старалась так, что от себя не ожидала)
возвращают, всякое бывает)

Аватар пользователя ViZgl

Сейчас сам работаю над игрой, но т.к. я только программист(который пытается научится рисовать), то персонаж для игры круглый.
Анимирую я его иначе. У меня каждый элемент(глаза, рот) это разные клипы со своей анимацией, а в коде при разных условиях, я строю нужную эмоцию Smile

Аватар пользователя Игорь

Очень остроумное решение с анимацией большинства вариантов глаз у монстриков! Да и вообще, чувство юмора у Вас отменное! Спасибо!!!

Аватар пользователя Oksana

спасибо,Игорь) две вещи,которые необходимы аниматору - чувство юмора и мягкое кресло)

Аватар пользователя Виталий

Отличная идея использовать только выражение глаз. Спасибо!!!

Аватар пользователя DG

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

Аватар пользователя DG

Оксана, красиво получается =) Хотелось бы посмотреть на спецэффекты: взрыв, искры, ветер =) Я был бы очень рад, увидеть, что-то оригинальное =)

Аватар пользователя Денис

Спасибо за отличный пост и крутой блог! Очень интересно. Хотелось бы подробнее почитать про создание анимации.

Аватар пользователя Oksana

будет)

Аватар пользователя AnnTenna

Классные монстрики получились! И за приём с лассо спасибо - не знала)) А вот этап анимирования, по-моему, можно было б и подробнее расписать, как это так получается живо движения глазами, и взрыв такой.

Аватар пользователя Oksana

спасибо)постараюсь в следующем посте вернуться к этой теме и расписать подробней

Аватар пользователя Renderdoll

очень интересно было читать о самом процессе, да еще и детальки разглядывать на таких красочных примерах. Спасибо за ваши статьи, они вдохновляют! Smile Взрыв получился очень здорово!
Оксана, скажите пожалуйста, а набор анимаций для персонажа вы сами себе выбираете или вам заказчик в ТЗ указывает? Как угадать сколько вариантов анимаций сделать для персонажа?

Аватар пользователя Oksana

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

Аватар пользователя jarofed

Спасибо огромное за детальное описание процесса создания персонажа. Очень вдохновляет! Отдельная благодарность за множество картинок в посте. Все понятно разжевано и мотивирует скорее браться к разработке собственных игр!

У Вас отличный блог. Продолжайте, пожалуйста, в том же духе!

Аватар пользователя Oksana

рада,что понравилось)

Аватар пользователя Дмитрий

Спасибо за пост, очень интересно и познавательно)

Аватар пользователя Oksana

на здоровье)