Блестящая анимация текста (часть 2)




Главная > Уроки > Анимация > Блестящая анимация текста (часть 2)

Блестящая анимация текста (часть 2)

Автор/переводчик статьи: Команда сайта flashmaster.org.ua

Дата: 2012-11-03

Вот вторая часть уроков серии уроков блестящий текст, часть 1, часть 2, часть 3

В рамках еще выбран, щелкните правой кнопкой мыши и выберите "Вставить рамку" из выпадающего списка.

Для всех ваших флеш приложений и сайтов, так же для сервера флеш игр почитайте положительные отзывы о Friendhosting.net , я на нем размещаю свои флеш сайты, хостинг для друзей ) 

Совет: Помимо правой кнопкой мыши, чтобы добавлять рамки, вы также можете использовать F5 в качестве ярлыка.

Строки теперь имеет диапазон из 88 кадров.

 

Шаг 17: Добавяем первый анимационный еффект

Начать сначала на замок, и потом скройте "inner glow" слой.

Добавьте новый слой с помощью кнопки в окне слоев.

Дважды щелкните на имени нового слоя и назовите его "shine".

Щелкните правой кнопкой мыши на дне "mask1" слой и сделать его маску.

Теперь разблокируйте "shine" слой и нажмите на него, теперь вы можете начать работать на этом слое.

Shine, когда мы добавим начнется анимация примерно на полпути через анимацию. В строке перейти к кадру 47.

 

Нажмите на кадр 47 из "блеск" слой, и щелкните правой кнопкой мыши, чтобы вставить ключевой кадр.

Совет: Помимо правой кнопкой мыши, вы можете также использовать F6, чтобы вставить ключевой кадр.

В этот ключевой кадр, мы добавим наш блеск.

 

Оставьте этот новый ключевой кадр, и выберите Rectangle Tool (R).

Выберите стандартный бело-черные линейный градиент для заливки, без обводки.

Нарисуйте прямоугольник на сцене, немного выше, чем высота сцены, и с шириной 150 пикселей.

 

Используйте инструмент Gradient Transform (F) для редактирования диапазона / вращение этой новой формы градиента.

Используйте Gradient рукоятки управления, чтобы повернуть градиент немного налево.

 

Не уберая выделения, откройте ваш цветовое окно (Alt + Shift + F9), чтобы изменить цвет.

Применить эти настройки для вашего градиента:

  • Образец слева от градиента белой заливкой, на 0% Alpha.
  • Нажмите, чуть ниже средней градиента, чтобы добавить среднего образца. Сделать это белая заливка, на 50% Alpha.
  • Образец на право градиент белой заливкой, на 0% Alpha.

 

Совет: Чтобы изменить цвет образца градиента, дважды щелкните на образце.

 

Теперь нам нужно добавить второй ключевой кадр на временной шкале, так что мы можем оживить этот градиент. Нажмите на последнем кадре "glow" слое (кадр 88), и вставьте ключевой кадр кнопкой F6.

 

Теперь мы готовы применить анимацию к этому градиенту.

Щелкните правой кнопкой мыши на "glow" слой между двумя ключевыми кадрами, и выберите команду Создать анимацию формы.

 

Теперь у нас есть анимации формы на слое в сроке.

Для того, чтобы реально увидеть движение с градиентом, нам нужно изменить второй ключевой кадр. Нажмите на ключевой кадр на временной шкале.

 

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

Совет: Чтобы сделать это быстро, удерживая нажатой клавишу SHIFT при нажатии вниз  Стрелка вправо. Это будет двигаться формы с шагом в 10 пикселей.

Теперь у нас есть это на втором ключевом кадре на временной шкале.

Сейчас заблокировайте "glow" слой, и убедитесь, что "glow", а внизу "mask1" слои видны.

 

Теперь Вы можете просмотреть анимацию, используя клавишу ввода.

Анимация на этот слой выглядит следующим образом.

 

Шаг 18: Добавление второй Анимации

Выберите "mask1" слой, и добавьте новый слой, используя кнопку Новый слой.

Дважды щелкните на новом слое и назовите его "fade".

Щелкните правой кнопкой мыши на верхнюю "mask1" слой, и сделать из него маску.

Теперь разблокировать "fade" слой. Это то, где мы будем добавлять наш следующий эффект блеска.

Выберите инструмент прямоугольник (R). Установите до нуля, и сделать заливку черного.

 

Нарисуйте прямоугольник немного шире, чем сцены, и с высотой 174.

Расположите прямоугольник над сценой.

Выберите Selection Tool (V) через инструменты.

Наведите курсор мыши на нижний край черной форме. Вы увидите изогнутую пунктирная линия появляется под курсором, означающий, что вы можете редактировать векторные фигуры.

Щелкните и перетащите нижний край слегка, и вы теперь имеите вогнутую форму.

Теперь выберите Subselection Tool (A) в инструментах.

Нажмите на углу правой нижней части черной форме. Безье точка будет черноя, показывая, что она редактируется. Вы также можете увидеть рукоятки управления, которые изменяют кривые этой формы. 

Нажмите на кривую ручку и потяните вниз, чтобы произвести такую форму.

Теперь нажмите на ручку для левого угла.

Перетащите его вверх и вправо, чтобы получилась такая форма.

Обратите внимание, что кривая накладывается на этапе незначительно. Используйте Selection Tool (V), чтобы переместить форму так, это не распространялась на сцене.

Выделите фигуру и дайте ей градиентной заливки, выбрав стандартный черный-белое заполнения.

Это наш результат.

Выберите инструмент Gradient Transform (F) и нажмите на формуградиента.

Используйте градиент рукоятки управления, чтобы повернуть его, и сжать его в вертикальном положении.

Откройте окно Цвета (Alt + Shift + F9), чтобы изменить цвет градиента.

 

Перемещение двух образцов градиента ближе друг к другу и установить следующее:

  • Образец слева от градиента белой заливкой, на 0% Alpha.
  • Образца на право градиент белой заливкой, на 50% Alpha.

Это теперь наш результат.

 

На временной шкале выбирете "fade" слой, теперь вставить ключевой кадр (F6) на кадре 48.

Вставить пустой ключевой кадр (F7) на кадре 49.

Щелкните правой кнопкой мыши в любом месте между первыми двумя ключевыми кадрами и выберите команду Создать анимацию формы.

Теперь у нас есть это на "fade" слое.

Выберите второй ключевой кадр на временной шкале.

Используя Selection Tool (V), переместите форму вниз к нижней части сцены. .

 

Совет: Обратите внимание, что только белая часть градиент от нижней части сцены. Прозрачная область не видна.

Сейчас заблокировать "fade" слой и воспроизведите анимацию с использованием клавиши ВВОД. Вы увидите это:

Теперь убедитесь, что все слои заблокированы и сделаqnt что бы их было видно.

Теперь, когда вы воспроизвидете анимацию, вы увидите следующее:

Теперь убедитесь, что все слои заблокированы и сделайте их видемыми.

 

Теперь, когда вы воспроизвели анимацию, вы увидили следующее:

Мы почти закончили! Все, что нам осталось сделать, блеск анимации.

 

Назад к первой части 

Перейти к части 3

Просмотров: 3049


Понравился материал? Поделись с друзьями!





Подписаться на рассылку.

При перепечатки материалов ссылка на наш сайт обязательна!


 1