Главная » Adobe Flash, Графика и анимация » Эффектное появление объекта во Flash CS5

Эффектное появление объекта во Flash CS5

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

Эффект основан на использовании классической анимации движения и прост в исполнении. Его можно использовать не только для вывода какого-то объекта, но и для вывода текста, как раз на его примере я и расскажу как сделать такой же вывод.

Откройте программу Adobe Flash CS5

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

flash-text-gradient1

Создайте 2 слоя. Верхний слой «текст», нижний «эффект»

flash-text-gradient2

Кликните на 15 кадре временной панели слоя «текст» и нажмите клавишу F6 для того чтобы создать пустой кадр. После этого на слое «текст» создайте текст, например, ПРИВЕТ

flash-text-gradient3 flash-text-gradient4

Кликните на 60-ом кадре временной шкалы  слоя «Текст» и нажмите клавишу F6, таким образом, продлив кадр с текстом до 53 кадра.

Заблокируйте слой с текстом (иконка с замочком напротив названия слоя) и перейдите на слой «эффект». Кликните по 10 кадру временной шкалы и нажмите F6 (создайте ключевой кадр)

Находясь на 10-м кадре, выберите инструмент Rectangle Tool (прямоугольник), с выключенной обводкой и выберите цвет заливки черный. Создайте прямоугольник поверх текста и такого же размера как текст. Затем, не снимая с него выделения, откройте панель Цвет (Color Mixer)  и сделайте настройки цвета как на рисунке.

flash-text-gradient5flash-text-gradient6

После этого нажмите F8, чтобы сделать прямоугольник символом. Выберите тип Фрагмент ролика (Movie Clip) и дайте любое название.

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

flash-text-gradient7

Щелкните по 10-му кадру и выберите пункт «Создать классическую анимацию движения» .

Перейдите на 15 кадр. Щелкните F6. Создастся ключевой кадр. Здесь будет анимация прямоугольника. Переместите прямоугольник на первоначальную позицию – поверх текста.

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

Перейдите на 50 кадр, сделайте его ключевым (F6) и вставьте туда прямоугольник (Вставить или Вставить на место).

На слое «Текст» на 50 кадре удалите текст.

Перейдите на 50 кадр на слое «Эффект». Создайте классическую анимацию движения, перейдите на 53 кадр. Сделайте его ключевым и перетащите прямоугольник за правую границу рабочего поля.

Ваша шкала времени должна выглядеть так.

flash-text-gradient8

Теперь, сохраните все и нажмите на ctrl + enter и посмотрите, что у вас получилось. Лично я еще добавила зеркальное появление и исчезновение текста.

На этом все. Если вам, понравились мои статьи и вы хотите узнать больше интересной информации из мира дизайна, а так же о владении инструментами Adobe Photoshop и Adobe Flash, подписывайтесь на новые публикации моего блога «Дизайн в жизни».
(Visited 1 516 times, 1 visits today)

2 комментарии на “Эффектное появление объекта во Flash CS5

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *