Создание презентации

Content on this page requires a newer version of Adobe Flash Player.

Информация

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

В этом уроке не используется action script. Эффект достигается превращением текста в Movie Clip, применением к нему фильтра и движения.

Шаг 1
Создайте новый документ. С помощью окна Document Properties (Ctrl+J) установите желаемые настройки сцены. Выберите подходящий цвет фона. Установите частоту кадров равную 32 и нажмите ОК.

Шаг 2
Дайте название текущему слою txt1.

Шаг 3
Выберите инструмент Text Tool (A), выбирите подходящий шрифт и размер... и напишите первую фразу вашей презентации или баннера.

Шаг 4
Пока ваш текст все еще выделен, нажмите F8 (Convert to Symbol) для превращения текста в клип. Назовите клип txt1_mc

Шаг 5
Кликните на кадры 15, 80 и 95 и нажмите кнопку F6 в каждом из них.

Шаг 6
Пока вы все еще находитесь в 95 кадре выбирите инструмент the Selection Tool (V) и кликните на вашем клипе txt1, выделив его. Откройте панель свойств Properties Panel (Ctrl+F3). На вкладке Filters кликните на кнопку добавления фильтра и выбирите фильтр Blur.

Установите для него настройки так, как показано на рисунке.

После этого, на этой же панели, на вкладке Collor Effect выбирите тип смешивания (Blending) Alpha равное 0%.

Шаг 7
Выберите кадр номер 80 и в контекстном меню выберите Create Classic Tween.

Затем на панели Tweening установите параметры так, как показано на рисунке ниже:

Шаг 8
Кликните на самый первый кадр и повторите шаги 6, 7 и 8. Только одно лишь отличие в настройках для этого кадра. Установите для панели Tweening парметр Erase = 100, а не -100, как на шаге 7.

Вот и все! Анимация для первой фразы готова. Вся последующая анимация будет выполнена точно также как анимация для первой фразы.

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

Шаг 9
Создайте новый слой txt2 и расположите его выше слоя txt1. Кликните на фрейме номер 90. Нажмите кнопку F6. Напишите следующую фразу презентации или баннера. Превратите его в Move Clip как это было описано на шаге 4. Назовите его txt2_mc.

Шаг 10
Кликните на кадрах 105, 170 и 185 слоя txt2 и нажмите кнопку F6 в каждом перечисленном слое.

Шаг 11
Пока вы находитесь на фрейме 185, повторите шаг 6 – добавление фильтра Blur и значение Alpha.

Шаг 12
После этого вернитесь в кадр 170 и повторите шаг 7 – создание движения с параметром Ease = -100.

Шаг 13
Выберите кадр 90 и повторите шаг 8 - добавление фильтра Blur и значение Alpha, создание движения движения с параметром Ease = 100.
Добавьте столько слоев, сколько вам нужно будет для презентации или баннера.
Мы закончили!
Посмотрите что у вас получилось с помощью кнопок Ctr+Enter!

Исходник: 

Похожие записи

Комментарии

Аватар пользователя Aloran

Я думал это Виктуз или Флай нацарапали урок))) А тут рекламой кто то другой занимается)))))
Так держать урок что надо!!!

Хочу добавить для тех кто еще не знает. Фильтры можно применять только к мувиклипам и тексту. Учтите это)

Аватар пользователя Fly

Только не Виктуз, а Виткуз или (Vitkuz), это производное от Виталий Кузьменко :)))

Красиво и со вкусом :))
Главное, что радует - урок не был тупо содран с демиарта, а качественно переведён и сделан под стиль easyflash, как и прошлый :)

1) Админ всегда прав
2) Если админ не прав, смотри пункт 1

Мы в контакте - https://vkontakte.ru/club9573247
Не отвечаю на вопросы в личку касаемо Flash, у нас для этого есть форум

Аватар пользователя Aloran

Fly,

Поздно. В моем подсознании Виталий уже записан как Виктуз)))

Аватар пользователя TRENNER

а как сделать такой же эффект только с картинками, которые загружаются из XML?

Аватар пользователя animeshka

Отличный урок! Благодарю)))

smile

 

Аватар пользователя Zuko

Отличный урок спасибо!!!!

 

yahoo

Аватар пользователя Orlyata

Благодарю за урок.
К сожалению для меня осталось загадкой почему была выбрана частота кадров 32.
И функция tweengs где нибудь можно посмотреть графическое представление динамики анимации? А не просто вводить числа и предполагать что получится.