Создание флеш игр: использование инструмента Free Transform Tool
Разработка флеш игр – процесс настолько увлекательный, что многие пользователи сами стремятся освоить основные инструменты флеш-анимации, чтобы стать профессионалами в области создания интересных flash игр. Однако не все используют наилучшие инструменты флеша, так, например, многие разработчики незаслуженно обходят стороной такой полезный инструмент как Free Transform Tool, а именно его разновидность Envelope. Разумеется, все опытные разработчики знают, что этим инструментом необходимо пользоваться, чтобы придать флеш объекту иную форму. Но практически никто не умеет пользоваться замечательным режимом Envelope — Edit Multiple Frames. Остановимся на основных функциях и возможностях этого режима.
В первую очередь, режим этот необходим, чтобы облегчить создание анимации для флеш объектов, а именно воспроизвести эффект развевающегося от ветра предмета или же создать эффект испарения. Этот режим обладает различными функциональными возможностями, но мы рассмотрим его применение на примере создания flash анимации развевающегося на ветру флага. Итак, пошаговая инструкция:
— Сперва необходимо нарисовать форму объекта (флага), который вы планируете анимировать.
— Затем необходимо задать ему параметры длины анимации, в среднем 10 кадров. В самом последнем кадре вы должны сдвинуть флаг точно по заданным параметрам длины, обеспечив таким образом замкнутость цикла анимации. Потом выбирайте Shape Tween и переводите всю полученную анимацию в режим «покадровки» (нужно обозначить промежуточные кадры и нажать клавишу F6).
— Далее включайте режим Edit Multiple Frames (не забудьте выбрать функцию Onion All для захвата всех кадров), выбирайте известный нам инструмент Free Transform Tool, а именно его подвид Envelope. Потом жмите клавиши Ctrl+A и придавайте деформатору нужный вам вид.
Не снимайте выделение кадров, выравнивайте по левому краю объект таким образом, чтобы полученный флеш флаг в своем левом верхнем углу располагался в одной и той же точке. По идее, последний кадр должен быть идентичен первому кадру, если это так, то удалите его. Если вдруг вы задали неверное направление ветра, выбирайте Reverse Frames.
Примите наши поздравления! Развевающийся на ветру флаг уже готов, используйте его, где хотите, например, как показано в данном примере^
Советы и подсказки:
Многие жалуются, что при передвижении маркера в режиме Envelope происходит искажение анимации. В этом случае выполните следующее — Modify – Shape – Straighten – для всех кадров. Или жмите Ctrl+Z, закрутив маркер в нужную вам сторону. А если при выполнении шага номер 3 вы покрутите деформатор более чем на 90 градусов, получите еще один очень классный эффект анимации.
В первую очередь, режим этот необходим, чтобы облегчить создание анимации для флеш объектов, а именно воспроизвести эффект развевающегося от ветра предмета или же создать эффект испарения. Этот режим обладает различными функциональными возможностями, но мы рассмотрим его применение на примере создания flash анимации развевающегося на ветру флага. Итак, пошаговая инструкция:
— Сперва необходимо нарисовать форму объекта (флага), который вы планируете анимировать.
— Затем необходимо задать ему параметры длины анимации, в среднем 10 кадров. В самом последнем кадре вы должны сдвинуть флаг точно по заданным параметрам длины, обеспечив таким образом замкнутость цикла анимации. Потом выбирайте Shape Tween и переводите всю полученную анимацию в режим «покадровки» (нужно обозначить промежуточные кадры и нажать клавишу F6).
— Далее включайте режим Edit Multiple Frames (не забудьте выбрать функцию Onion All для захвата всех кадров), выбирайте известный нам инструмент Free Transform Tool, а именно его подвид Envelope. Потом жмите клавиши Ctrl+A и придавайте деформатору нужный вам вид.
Не снимайте выделение кадров, выравнивайте по левому краю объект таким образом, чтобы полученный флеш флаг в своем левом верхнем углу располагался в одной и той же точке. По идее, последний кадр должен быть идентичен первому кадру, если это так, то удалите его. Если вдруг вы задали неверное направление ветра, выбирайте Reverse Frames.
Примите наши поздравления! Развевающийся на ветру флаг уже готов, используйте его, где хотите, например, как показано в данном примере^
Советы и подсказки:
Многие жалуются, что при передвижении маркера в режиме Envelope происходит искажение анимации. В этом случае выполните следующее — Modify – Shape – Straighten – для всех кадров. Или жмите Ctrl+Z, закрутив маркер в нужную вам сторону. А если при выполнении шага номер 3 вы покрутите деформатор более чем на 90 градусов, получите еще один очень классный эффект анимации.





Комментарии (12)
RSS свернуть / развернутьМне не удается применить Envelope к нескольким кадрам(графическим объектам) одновременно. Как только я на 3м шаге нажимаю Ctrl-A и таким образом выделяю все экземпляры флага, инструмент Envelope становится недоступным.
PS: Спасибо за статью!
iitiro
GoldPlayer
Действительно работает, но это не показатель, ибо исходник содержит уже сделанную раскадровку флага, т.е. набор готовых картинок. Почему бы флешу их и не проиграть. А вот можно ли создать эти картинки описанным Вами способом — вопрос остается открытым. Попробую завтра в CS3 и напишу как получилось.
iitiro
GoldPlayer
iitiro
GoldPlayer
iitiro
Кстати, этот же урок есть в платном(!) журнале «FlashDix»
flashdix.ru/forum/index.php?showforum=23
Мне вот стало интересно, кто у кого уроки коммуниздит.
Arkadiy
GoldPlayer
Мне вот интересно iitiro решил проблему или она решается только переходом на другую версию Адоба?
Arkadiy
ыил.PS: Не знаю, кто у кого коммуниздит, но все равно спасибо GoldPlayer'у. Описанный здесь способ — просто отличный. Я прогуглил больше десятка примеров и уроков, — этот был самый лучший.
Кстати, поначалу я его было пропустил, ибо была непонятна общая стратегия: автор ее не описал. Народ, если кто-то, как и я, —
нубпоначалу не догнал, то внимайте. Вместо того чтобы рисовать волну, которая бежит по флагу, мы задаем неподвижную волну, накладывая ее на движущийся в противоположную сторону флаг. Потом мы разбиваем анимацию на отдельные кадры и перетаскиваем флаг во всех кадрах в одно место, чтобы он не сдвигался.iitiro
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.