Уже несколько лет активно рисую и анимирую графику к флеш-играм. По большому счету, попадаются мне флеш-игры для девочек. На данном этапе мне мое занятие нравится, поэтому продолжаю работать в этом направлении. Пока не надоест в очередной раз:) Напишу небольшую заметку о самом процессе создания арта к игре.
Итак, последнее, что я рисовала на прошлой неделе – графику для игры жанра баббл-шутер (bubble-shooter). Кто не знает – выбивать шарики одинакового цвета. О ней и пойдет речь. По свежим следам, пока не забылось:)
Прежде чем рисовать что-то новое, нужно посмотреть, что уже имеется в сети. А добра такого хватает, мое задание сделать на одно добро больше, учитывая пожелания заказчика.
Этап 1. Рисуем.
Придумываем персонажей. Разноцветные шарики - слишком просто, решили усложнить и сделать так же что-то круглое, но милое и пушистое. Котиков делать не хотелось, сошлись на монстриках. Бытует мнение, что проще всего нарисовать монстра, а сложнее всего – красивую женщину:) Я, по-видимому, вдохновилась этой мыслью и нарисовала персонаж без эскиза, а сразу кисточкой набросала контур, лишь подкорректировала немного. Как видим, тело симметрично – одну половинку тела я просто отзеркалила (modify-transform-flip horizontal). Тень рисую с помощью выделения необходимого участка lasso tool, применив к нему цвет на тон темнее.
Но полная симметрия плохо смотрится, особенно в мультяшных персонажах, где ассиметрия всеобще приветствуется. Поэтому кое-где подергала шерсть, причесала нашего персонажа. Глаза из этих же соображений сделала разного размера. Сейчас смотрю, что можно было бы сделать один глаз и побольше, но селяви:) В завершении добавила парочку отличительных деталей - рыжие рожки и на основе этого персонажа сделала бомбермана. Вот, пожалуй, и все:)
Раскрашиваю в требуемые цвета и отправляю на утверждение:
Очень желательно, и даже необходимо, перед анимацией утвердить персонажей, потому что проще исправить косяки статичному персонажу, чем анимированному.
Этап 2. Анимируем.
Анимация персонажей для игры имеет свои особенности и ограничения. Прежде чем приступить к анимации, нужно учитывать некоторые моменты.
Очень мне хотелось сделать персонажу шевеление шерсти, чтобы клубочки на игровом поле копошились:) Это существенно оживило бы картинку. Еще на этапе создания персонажа я обдумываю его будущую анимацию, ведь в анимации персонажей для игр есть свои особенности. Поразмыслив, решила отказаться от затеи с анимированной шерстью: одновременное проигрывание анимации нескольких десятков персонажей может существенно повлиять на скорость игры. Не раз сталкивалась с подобными проблемами, когда анимацию, над которой я сидела, старалась и корпела не один час, возвращали обратно с просьбой сделать проще.
Было решено анимировать монстрикам глаза и таким образом создать разные настроения. Цвет тела будет определяться программно, поэтому достаточно было сделать один набор анимаций одного цвета.
Вот такие анимашки получились:
Несколько слов о дополнительной анимации – о спецэффектах. Мне потребовалось сделать небольшой взрыв и горение фитиля у бомбы. Результат:
спасибо за внимание:)
Оксана, не понимаю почему все используют при создании флэш-игр отвратительную яркую графику флэша.. кислотная гамма.. нельзя ли графику нарисовать реалистичней во всяких иллюстраторах либо от руки (и отсканировать), а потом перенести во флэш и разбить на сегменты (сохранив оригинальные штрихи, палитру, гаммы).. Или все идут по пути как проще и быстрей?? (что конечно правильно, если зарабатываешь этим на хлеб).
а вы мне не подскажете сколько примерно стоит такая графика?
ко мне первый раз обратились, игра примерно 90 запчастей: птичек, фруктов, наград и т.п.
в общем может часов на 40.
здравствуйте,
во всем, что касается ценообразования, я не берусь советовать, потому что все очень индивидуально. на стоимость влияет много факторов, в том числе и стилистика, в кототорой требуется отрисовка, уровень мастерства и т.д.
а каким образом у dоwn дрожат зрачки когда он их перемещает вправо-влево? это они покрупней рисуются или как?
принцип тот же, что описан ниже - смещение в сторону
и еще такой вопрос...рожки у appear да и он сам как то так подпрыгивает...необычно...как бы с эффектом "дрожания" после остановки....как такое сделать?...очень понравилось...
дрожание получается в результате незначительного смещения объекта. Например, 6 кадров - в кадрах 2,4,6 - смещаем объект немного и получится дрожание.
Скажите а каким образом Вы анимировали моргание у глаз? Насколькор я поняла -- они не просто "сплющиваются" (с помощью инструмента трансформации?) потому что когда они закрываются мелькает чтото.. черное?Извиняюсь если вопрос глупый...я только недавно начала изучать флеш....
вот здесь более, как сделать анимацию глаз - http://flash-animated.com/personazhnaya-animatsiya-dlya-flesh-igr-sozdan...
классные монстрики:)
Оксана, спасибо за интересный пост
Странно слышать(читать), что кто-то возвращает хорошие анимации на упрощение - это признак неумения работы с as3, не более. Кэширование анимации в растр на лету еще никто не отменял, а растру без разницы.
спасибо, старалась так, что от себя не ожидала)
возвращают, всякое бывает)
Сейчас сам работаю над игрой, но т.к. я только программист(который пытается научится рисовать), то персонаж для игры круглый.
Анимирую я его иначе. У меня каждый элемент(глаза, рот) это разные клипы со своей анимацией, а в коде при разных условиях, я строю нужную эмоцию
Очень остроумное решение с анимацией большинства вариантов глаз у монстриков! Да и вообще, чувство юмора у Вас отменное! Спасибо!!!
спасибо,Игорь) две вещи,которые необходимы аниматору - чувство юмора и мягкое кресло)
Отличная идея использовать только выражение глаз. Спасибо!!!
Оксана, хотелось бы увидеть статью, про спец эффекты: взрывы, искры и т.п) Хорошо получается)
Оксана, красиво получается =) Хотелось бы посмотреть на спецэффекты: взрыв, искры, ветер =) Я был бы очень рад, увидеть, что-то оригинальное =)
Спасибо за отличный пост и крутой блог! Очень интересно. Хотелось бы подробнее почитать про создание анимации.
будет)
Классные монстрики получились! И за приём с лассо спасибо - не знала)) А вот этап анимирования, по-моему, можно было б и подробнее расписать, как это так получается живо движения глазами, и взрыв такой.
спасибо)постараюсь в следующем посте вернуться к этой теме и расписать подробней
очень интересно было читать о самом процессе, да еще и детальки разглядывать на таких красочных примерах. Спасибо за ваши статьи, они вдохновляют!
Взрыв получился очень здорово!
Оксана, скажите пожалуйста, а набор анимаций для персонажа вы сами себе выбираете или вам заказчик в ТЗ указывает? Как угадать сколько вариантов анимаций сделать для персонажа?
спасибо, видимо, не зря старалась)
что касается движений: количество оговаривается в техзадании, так что угадывать не нужно. Кроме того, присутствует описание каждого движения (или устно обсуждается). Например,классический набор для игр жанра экшн - бездействие(стоит-шатается), атака(несколько видов),получение урона, смерть, победа и т.д.
Спасибо огромное за детальное описание процесса создания персонажа. Очень вдохновляет! Отдельная благодарность за множество картинок в посте. Все понятно разжевано и мотивирует скорее браться к разработке собственных игр!
У Вас отличный блог. Продолжайте, пожалуйста, в том же духе!
рада,что понравилось)
Спасибо за пост, очень интересно и познавательно)
на здоровье)