Флеш игры онлайн бесплатно. Вход
Регистрация

Flashok.ru / Блоги / Разработка флеш игр / Создание флеш игр: использование инструмента Free Transform Tool
Люди Коллективные Персональные TOP

Создание флеш игр: использование инструмента 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 градусов, получите еще один очень классный эффект анимации.

Комментарии (12)

RSS свернуть / развернуть
+
0
GoldPlayer, скажите плиз, это работает во Flash CS5?
Мне не удается применить Envelope к нескольким кадрам(графическим объектам) одновременно. Как только я на 3м шаге нажимаю Ctrl-A и таким образом выделяю все экземпляры флага, инструмент Envelope становится недоступным.

PS: Спасибо за статью!
avatar

iitiro

  • 20 января 2011, 17:24
+
0
Попробуйте скачать флеш исходник. Он работает в CS5.
avatar

GoldPlayer

  • 20 января 2011, 21:01
+
0
Спасибо за ответ!
Действительно работает, но это не показатель, ибо исходник содержит уже сделанную раскадровку флага, т.е. набор готовых картинок. Почему бы флешу их и не проиграть. А вот можно ли создать эти картинки описанным Вами способом — вопрос остается открытым. Попробую завтра в CS3 и напишу как получилось.
avatar

iitiro

  • 20 января 2011, 21:50
+
0
Envelope доступен для всех кадров в одном слое. Если захватить несколько слоев, то он будет не активным.
avatar

GoldPlayer

  • 20 января 2011, 22:02
+
0
Я работал в пределах одного слоя. Как только выделяешь хотя бы два кадра, имея включенным режим «Edit multiple frames», — envelope сразу дизейблится.
avatar

iitiro

  • 20 января 2011, 22:10
+
0
Странно… у меня в CS5 работает.
avatar

GoldPlayer

  • 20 января 2011, 22:15
+
0
Попробовал в CS3 — работает. Наверное у нас с Вами все-таки разные версии CS5. У меня — 11.0.0.485.
avatar

iitiro

  • 21 января 2011, 16:06
+
0
Та же проблема с CS5.

Кстати, этот же урок есть в платном(!) журнале «FlashDix»
flashdix.ru/forum/index.php?showforum=23

Мне вот стало интересно, кто у кого уроки коммуниздит.
avatar

Arkadiy

  • 24 января 2011, 22:09
+
0
Судя по дате, то журнал вышел позже. Можно сдлеать вывод.
avatar

GoldPlayer

  • 24 января 2011, 22:22
+
0
Нашел такой же урок датированный 2008 годом, так что выводы делать не буду. ))

Мне вот интересно iitiro решил проблему или она решается только переходом на другую версию Адоба?
avatar

Arkadiy

  • 25 января 2011, 17:15
+
0
Проблему не решил, нарисовал флаг в CS3 и забыил.

PS: Не знаю, кто у кого коммуниздит, но все равно спасибо GoldPlayer'у. Описанный здесь способ — просто отличный. Я прогуглил больше десятка примеров и уроков, — этот был самый лучший.

Кстати, поначалу я его было пропустил, ибо была непонятна общая стратегия: автор ее не описал. Народ, если кто-то, как и я, — нуб поначалу не догнал, то внимайте. Вместо того чтобы рисовать волну, которая бежит по флагу, мы задаем неподвижную волну, накладывая ее на движущийся в противоположную сторону флаг. Потом мы разбиваем анимацию на отдельные кадры и перетаскиваем флаг во всех кадрах в одно место, чтобы он не сдвигался.
avatar

iitiro

  • 31 января 2011, 20:47
комментарий был удален


Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.
Статистика флеш игр Статистика
Всего файлов: 3753
Сыграно сегодня: 4721
Сыграно всего: 9953075
Всего пользователей: 503
Сейчас на сайте: 382
Категории
Flash игры
Мини-игры
Позитив
Блоги

Инфо
О сайте
Соглашение
Помощь
Игроки

Разделы
Партнеры
Реклама
Тех. поддержка
Карта сайта
Заработок на сайте
Блоги
Разработка флеш игр
Прохождение флеш игр
История создания игр
Мини-игры от Alawar

группа вконтакте - флеш игры твиттер, флеш игры, игры онлайн группа facebook - флеш игры

 

Flashok.ru 2012