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

Вторник, 17 Марта 2015 г. 17:04 + в цитатник

Цитата сообщения novprospekt

Прочитать целиком В свой цитатник или сообщество!

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

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

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

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

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

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

16-03-2015 18-21-45 (700x434, 174Kb)

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

16-03-2015 20-08-39 (700x395, 180Kb)

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

16-03-2015 20-11-09 (700x470, 131Kb)

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

16-03-2015 20-18-29 (700x495, 197Kb)

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

16-03-2015 20-22-18 (700x537, 179Kb)

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

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

16-03-2015 20-30-24 (610x577, 196Kb)

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

16-03-2015 21-01-13 (700x562, 234Kb)

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

16-03-2015 21-06-28 (700x552, 266Kb)

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

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

16-03-2015 21-12-59 (694x633, 312Kb)

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

16-03-2015 21-14-43 (700x582, 202Kb)

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

16-03-2015 21-44-18 (601x336, 125Kb)

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

16-03-2015 21-47-05 (700x481, 237Kb)

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

16-03-2015 23-21-35 (700x482, 212Kb)

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

16-03-2015 23-25-23 (700x469, 213Kb)

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

16-03-2015 23-28-42 (700x397, 196Kb)

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

17-03-2015 7-31-04 (700x552, 294Kb)

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

17-03-2015 7-43-26 (700x514, 321Kb)

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

17-03-2015 7-51-56 (700x552, 272Kb)

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

17-03-2015 7-55-55 (700x564, 295Kb)

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

17-03-2015 8-00-44 (700x598, 303Kb)

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

17-03-2015 8-39-50 (700x601, 245Kb)

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

17-03-2015 11-15-48 (700x599, 243Kb)

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

17-03-2015 11-26-42 (700x564, 292Kb)

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

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

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

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

17-03-2015 11-31-29 (700x582, 306Kb)

Серия сообщений "Уроки Flash":
уроки в разных флешпрограммах, авторские уроки flash

Часть 1 - Делаем элементарные часики.Начинаем учиться созданию flash.
Часть 2 - Как правильно записать код флешки или видео в рамочку для кодов.
...
Часть 47 - Рисуем кнопку в Adobe Flash.
Часть 48 - Анимация частей картинки с помощью маски.Урок для Adobe Flash.
Часть 49 - Использование панели «Редактор движения» в Adobe Flash CS6.

Рубрики:

Adobe Flash CS6

Метки: уроки

<a href="https://www.liveinternet.ru/users/serdce/post356629631/">РСЃРїРѕР»СЊР·РѕРІР°РЅРёРµ РїР°РЅРµР»Рё В«Р РµРґР°РєС‚РѕСЂ РґРІРёР¶РµРЅРёСЏВ» РІ Adobe Flash CS6. </a><br/>РСЃРїРѕР»СЊР·РѕРІР°РЅРёРµ РїР°РЅРµР»Рё В«Р РµРґР°РєС‚РѕСЂ РґРІРёР¶РµРЅРёСЏВ» РІ Adobe Flash CS6.

Р РµРґР°РєС‚РѕСЂ РґРІРёР¶РµРЅРёСЏ - СЌС‚Рѕ СЃРїРµС†РёР°Р»СЊРЅР°СЏ РїР°РЅРµР»СЊ, СЃ РїРѕРјРѕС‰СЊСЋ РєРѕС‚РѕСЂРѕР№ РІРѕР·РјРѕР¶РЅРѕ РєРѕСЂСЂРµРєС‚РёСЂРѕРІР°С‚СЊ Рё СЃРѕР·РґР°РІР°С‚СЊ СЌС„С„РµРєС‚С‹ РґР»СЏ Р°РЅРёРјР°С†РёРё РґРІРёР¶РµРЅРёСЏ.

Р’РѕС‚ РІ СЌС‚РѕРј СЂРѕР»РёРєРµ, РЅР°РїСЂРёРјРµСЂ, РІСЃСЏ Р°РЅРёРјР°С†РёСЏ СЃРґРµР»Р°РЅР° СЃ РїРѕРјРѕС‰СЊСЋ Р РµРґР°РєС‚РѕСЂР° РґРІРёР¶РµРЅРёСЏ.

Р Р°РЅРёРјР°С†РёСЏ РєР°СЂС‚РёРЅРѕРє, Рё С‚РµРєСЃС‚Р° СЃРґРµР»Р°РЅС‹ РїРѕ РѕРґРЅРѕРјСѓ РїСЂРёРЅС†РёРїСѓ. РР·РјРµРЅСЏСЋС‚СЃСЏ С‚РѕР»СЊРєРѕ СЃРІРѕР№СЃС‚РІР° Р°РЅРёРјР°С†РёРё.

Р Р°СЃСЃРјРѕС‚СЂРёРј РєР°Рє СЃРґРµР»Р°С‚СЊ С‚РµРєСЃС‚РѕРІС‹Р№ СЌС„С„РµРєС‚

РЎРѕР·РґР°С‘Рј РЅРѕРІС‹Р№ РґРѕРєСѓРјРµРЅС‚ AS3

РќР° РѕСЃРЅРѕРІРЅРѕРј СЂР°Р±РѕС‡РµРј РїРѕР»Рµ (РњРѕРЅС‚Р°Р¶РЅС‹Р№ РєР°РґСЂ 1), РЅР° Р’СЂРµРјРµРЅРЅРѕР№ С€РєР°Р»Рµ, РІСЃС‚Р°С‘Рј РЅР° РЎР»РѕР№ 1 Рё РїСЂРѕРґР»РµРІР°РµРј Р’СЂРµРјРµРЅРЅСѓСЋ С€РєР°Р»Сѓ РґРѕ 70 РєР°РґСЂР°.
Р”Р»СЏ СЌС‚РѕРіРѕ С‰РµР»РєР°Рµ... <a href="https://www.liveinternet.ru/users/serdce/post356629631/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Метки

-Рубрики

-Цитатник

-Музыка

-Ссылки

-Приложения

-Поиск по дневнику

-Подписка по e-mail

-Статистика

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