Мобильный LiveInternet Использование панели «Редактор движения» в Adobe Flash CS6.

Авторизация

Дневник novprospekt Лента друзей - Дневник - Полная версия

Использование панели «Редактор движения» в Adobe Flash CS6. 17-03-2015 08:44 к комментариям - к полной версии - понравилось!

Редактор движения - это специальная панель, с помощью которой возможно корректировать и создавать эффекты для анимации движения.

Вот в этом ролике, например, вся анимация сделана с помощью Редактора движения.

И анимация картинок, и текста сделаны по одному принципу. Изменяются только свойства анимации.

Рассмотрим как сделать текстовый эффект

Создаём новый документ AS3

[700x434]

На основном рабочем поле (Монтажный кадр 1), на Временной шкале, встаём на Слой 1 и продлеваем Временную шкалу до 70 кадра.
Для этого щелкаем правой кнопкой мышки в 70 кадре и в открывшемся контекстном меню выбираем "Добавить кадр"

[700x395]

Шкала продлена до 70 кадра.

[700x470]

Снова щелкаем правой кнопкой мыши в первом кадре и на Рабочем поле инструментом "Текст" создаем нужный текст.
Я пишу - "С Днём Рожденья!"

[700x495]

Переключаемся на инструмент выделения "Стрелка", щелкнув по нему в панели Инструментов.
Теперь наш текст будет выделен.

[700x537]

Не снимая выделения с текста, модифицируем его во Фрагмент ролика

Модификация - Преобразовать в символ

[610x577]

[700x506]

После того как текст модифицирован во фрагмент ролика, дважды щелкаем по нему и входим в поле редактирования символа "Текст"

[700x562]

Щелкаем по тексту правой кнопкой мыши и в открывшемся контекстном меню выбираем "Разделить"

[700x552]

[700x528]

После этого возвращаемся на основную Сцену (Монтажный кадр 1), щелкнув по этой вкладке.

На основной Сцене (Монтажный кадр 1), на Временной шкале щелкаем в первом кадре и в открывшемся контекстном меню выбираем
"Создать анимацию движения"

[694x633]

Теперь Временная шкала выглядит так

[700x582]

Открываем вкладку меню "Редактор движения"

[601x336]

Если у вас этой вкладки нет, то зайдите в меню - Окно и в выпадающем списке щелкните по пункту "Редактор движения"

[700x481]

Вот так выглядит вкладка "Редактор движения".

[700x482]

Прокручиваем справа слайдер и находим свойство "Масштабирование по оси X" и "Масштабирование по оси Y"
Эти свойства нашей анимации движения мы и будем редактировать.

[700x469]

Около каждого из этих свойств имеются цепочки связывания. Проследите за тем, чтобы они были не разорваны.

[700x397]

В Редакторе движения также имеется Временная шкала. Для свойств "Масштабирование по оси X" и "Масштабирование по оси Y" есть первый ключевой кадр.
Встаём на линию "Масштабирование по оси X" и щелкаем по этому первому ключевому кадру. В графе числовых значений, щелкнув по цифре 100, вводим новое значение, например, 240. Тем самым мы увеличиваем размер текста по оси X.
И, поскольку цепочки для масштабов у нас связаны, то для масштаба по Y числовое значение должно автоматически увеличиться на такое же значение.
Мы изменили размер текста по оси X и Y.

[700x552]

[700x599]

Прокручиваем горизонтальный слайдер в самый конец Временной шкалы Редактора движения и щелкаем правой кнопкой мыши на линии "Масштаб по оси X". Нажимаем на появившеюся кнопку "Добавить ключевой кадр". Этим самым мы добавляем конечный ключевой кадр. Тоже само проделываем на линии "Масштаб по оси Y".

[700x514]

Конечные ключевые кадры добавлены.

[700x552]

Вводим для этих ключевых кадров новые значения для масштабов по осям X и Y. Например, 80. То есть уменьшаем размер текста.

[700x564]

На данном этапе мы создали анимацию движения с масштабированием текста.
Теперь зададим движению анимации свойство по которому это движение и будет происходить.
Для этого прокручиваем вертикальный слайдер вниз и находим раздел "Замедления". Щелкаем по значку "плюсик", который находится вверху справа и, в раскрывающемся списке, выбираем "Пружина".

[700x598]

В окне ввода числового значения печатаем число 5. Число это обозначает количество колебаний "Пружины". Чем больше это значение, тем резче будет двигаться наша анимация.

[700x601]

Снова прокручиваем вертикальный слайдер вверх и возвращаемся к свойствам анимации " "Масштабирование по оси X" и "Масштабирование по оси Y". В графе "Замедление" щелкаем по кнопке раскрывающегося списка и выбираем пункт "Пружина".
Проделываем это для обоих масштабов и по X, и по Y.

[700x599]

[700x600]

Можете проиграть анимацию и посмотреть, что она двигается по принципу "Пружина".

[700x564]

Если всё устраивает, то возвращаемся на Временную шкалу основной Сцены (Монтажный кадр 1) и сохраняем наш проект

Файл - Сохранить как

Экспортируем готовый флеш ролик

Файл - Экспорт - Экспортировать ролик.

[700x582]

вверх^ к полной версии понравилось! в evernote

Комментарии (55): вперёд»

Irina-snez 17-03-2015-09:01 удалить

Классно, Мариночка! Мечта, а не урок. Давно пыталась разобраться в редакторе движения методом тыка... но не очень-то получалось... Огромное спасибо!

Вы сейчас не можете прокомментировать это сообщение.