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

Эффектное появление объекта во Adobe Flash (Adobe Animate)

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

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

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

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

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

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

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

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

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

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

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

ЧИТАЙТЕ ТАКЖЕ
Основы анимационного дизайнаОсновы анимационного дизайна. Узнайте новые возможности анимационного motion дизайна, интересные эффекты и примеры

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Эффектное появление объекта во Flash CS5
На этом все.
ЧИТАЙТЕ ТАКЖЕ
анимированный баннер в PhotoshopАнимированный баннер в Photoshop. Узнайте, как легко и быстро создать анимированный gif баннер в Photoshop
P.S. Обновление 2020 года. В очередной раз открыв, статью с уроками по adobe animate (adobe flash) на своем сайте, я обнаружила, что swf ролики с демонстративными материалами — не отображаются. Значит снова проблема  во Flash плеере. И не удивительно, что компания Adobe отказалась от его поддержки с конца 2020 года в пользу web технологий и в этом я вижу больше плюсов, чем минусов, хотя, наверное, многие любители онлайн игр не в восторге.
Осталось только теперь разобраться, каким образом перекомпилировать свои ролики в html 5 формат и будет ли корректно отображаться все содержимое файлов, графика и анимация.
Кто уже сталкивался с данной темой — пишите в комментариях, я же как только разберусь с данным вопросом, сразу опубликую статью на блоге и мои анимашки будут отображаться корректно всегда))) Надеюсь!

Подписывайтесь на обновления блога «Дизайн в жизни»

по e-mail или социальных сетях  

и мы обязательно опубликуем для вас еще больше уроков по Adobe Animate.

(Visited 2 592 times, 1 visits today)

4 комментарии на “Эффектное появление объекта во Adobe Flash (Adobe Animate)

Добавить комментарий для Anndm Отменить ответ

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