Персонажная анимация для флеш- игр. Создание спецэффектов во флеше. Продолжу тему предыдущего топика и более подробно опишу принципы создания персонажной анимации для флеш- игры. А так же остановлюсь более подробно на создании спецэффектов для игр – взрыва и искрящегося фитилька. Персонажная анимация. Немного теории: следуя принципам классической анимации, анимированный персонаж имеет свойства резинового шарика. Его тело в движении то сжимается, то растягивается. При этом не стоит забывать, что общий объем персонажа не меняется - вертикальная растяжка компенсируется горизонтальным сплющиванием, и наоборот. Если следовать этому простому правилу, то анимированные во флеше персонажи будут смотреться очень живо и подвижно, а не как роботы. Когда я еще училась в школе, были такие резиновые мячики, которые бросали о стенку, и они размазывались по стене, а затем возвращали свою прежнюю округлую форму. Они были яркие, липкие, пахли какой- то химией и оставляли на стене жирные следы, за что учителя ужасно ругались. Так вот, анимированные персонажи точно так же прилипают к поверхности. И не имеет значения, они из резины, костей и кожи или железа. В анимации мешок с картошкой точно так же деформируется о поверхность, как и мягкая желейка. Теперь о наших монстриках. По большому счету, оживление персонажа происходило лишь за счет анимации глаз, тело оставалось статичным. Итак, как сделать живое моргание глаз. Немного забегая вперед, скажу, что каждый кадр я выставляла вручную, но, в принципе, это можно сделать и используя motion tween, эффект будет тот же, кому как удобней. Определяем ключевые кадры: Кадр 1 - 5 - 1. Делаем промежуточные фазы. Зрачок тоже поддается трансформации. Это повторение кадров, просто они проигрываются в обратном направлении. Как сделать реверсивное проигрывание кадров во флеше: - выделяем кадры на таймлайне, удерживая Shift- копируем (copy frames – paste frames)- не снимая выделения, кликаем правой и выбираем Reverse frames (реверсия кадров)4. Анимация зациклена. Необязательно делать такое же количество промежуточных кадров, как в описанном примере. Если сделать меньше – моргать будет быстрее и активней, получится такой себе живчик. Если больше – персонаж будет моргать медленно и томно, как герой- любовник: )Анимация тела нашего персонажа выглядит очень похоже на анимацию глаз – то сжимается, то растягивается в зависимости от положения. Небольшая хитрость: в мультипликации зрачки могут немного выходить за границы глазного яблока. Преувеличение в движении глаз сделает анимацию более привлекательной и интересной. Так же не забываю про второй принцип анимации – подготовка, или упреждение (Preparation or Anticipation). Еще называется отказное движение: перед тем как что- то сделать персонаж как бы отказывается от своего действия, выполняет противоположное. Например, прежде чем исчезнуть в глубине экрана, персонаж вначале увеличивается, приближаясь к нам (до 6 кадра, при этом глаза увеличиваются вдвое), а уже после 7- го выполняет задуманное – исчезает, уменьшаясь. Подобное действие как бы подготавливает зрителя к основному движению. Если бы персонаж подлетал к нам, то вначале он бы наоборот уменьшился, а затем уже приблизился. Кроме тех эффектов, создание которые мы рассмотрели, существуют стандартные эффекты Flash. Для окончательного принятия решения нажмем ОК. В окне веб-браузера это будет выглядеть ТАК. В данном уроке рассматривается эффект взрывающегося текста в графики и видео Adobe Проекты для Proshow Produser. Футажи - Переходы - Взрывы, выстрелы. Футажи и видеоролики для видеомонтажа на сервисе ViDiKo. Имеется игра, на AS3 во Flash Builder (без использования Flex framework). Добавлена при помощи swf файла, который и представляет из себя анимацию взрыва, и воспроизводится через MovieClip. Взрыв во Flash- легко и просто.mp4. Flash Урок Взрыва - Duration: 3:13. Анимационные Эффекты : Свечение - Duration: 17:20. Урок посвящён созданию эффекта взрыва во Flash. При создании эффекта используется программа Explogen, описание которой также . Эффект взрыва в Sony Vegas. Vladislav Zhuzha 2 год. Делаем взрывы со звуком на Camtasia Studio 8. Видеоуроки Adobe Flash CS4. Создаем сайт на Flash. Создание сайтов на бесплатных сервисах. Примените к текстовому слою эффект «Shatter» – «Взрыв», находящийся в группе эффектов «Simulation» – «Симуляция». В этом уроке вы научитесь делать покадровую анимацию взрыва бомбы / эффект взрыва. Для этого урока я использовал программу Macromedia Flash 8. 1 Создаем новый документ с нужными параметрами. Урок посвящён созданию эффекта взрыва во Flash. При создании эффекта используется программа Explogen, описание которой также. Часть 2. Спецэффекты. Взрыв. Как нарисовать красивый полноцветный взрыв во флеше, можно посмотреть здесь. Так же советую отличные уроки по созданию спецэффектов. То, что сделала я, такая себе лайт- версия взрыва: больше похоже, как кто- то чихнул в горшочек с золой: ) Сложность создания подобных спецэффектов – покадровая отрисовка (да- да, никаких твинов, все ручками). А покадровая анимация – занятие утомительное, требует времени и усидчивости. Характер взрыва – это яркая вспышка и затем более медленное рассеивание дыма. На таймлайне анимация взрыва выглядит так. Частота кадров анимации 2. Как видно на картинке, чтобы замедлить анимацию в конце, я выделила по 2 кадра на каждое состояние. Эта хитрость ускорит отрисовку, иначе придется делать в 2 раза больше промежуточных кадров. Искрящийся фитиль. Сделать это быстро поможет инструмент Deco Tool. Выбираем в опциях Symmetry brush, а из библиотеки символ искорки - spark. Важно: следим за тем, чтобы не перепутать начало и конец и искорки, ориентируемся по цвету градиента – более темный у основания искры. Тестируем и видим, что все искры вылетают одновременно, а это совсем не то, что нужно. Это можно сделать двумя способами: 1) программно (as. As пишем код: on. Clip. Event( Load ). Например, ставим 4 – и анимация начнет проигрываться с середины.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
January 2017
Categories |