Простой баннер с димамическим текстом ( Flash )

После того как вы прочитаете эту статью вы научитесь делать простой динамический баннер во Flashe, даже если вы о Flashe ничего раньше не слышали. Пошаговое руководство поможет сразу применить этот пример на практике.



Перед тем как оживить баннер во Flashe нам потребуеться заготовка, которая будет использоваться в качестве фона баннера. Я думаю в Photoshope вам потребуються считанные минуты, для того чтобы придумать заготовку размером 468х60 пикселей. Если потребуються не минуты, а часы, то тогда для эксперимента можно взять вот эту:



кому не нравяться собаки, могут попробовать поработать с этим шаблоном:



кто любит "летать" я думаю решиться поработать с абстрактным фоном:





Я люблю животных, поэтому выбираю шаблон с собакой.
После открытия программы Flash, определяем размер баннера, для этого в "Свойствах" (Eingenschaften) нажимаем на кнопку "Размер" (Grosse) (по умолчанию будет стоять размер 700х400). В свойствах документа меняем размеры на 468х60, как это показано на рисунке. Почему именно эти размеры? Ответ простой, так как они соответствуют размеру стандартного баннера. Жмём на Ok.



Ставим "собачку" в качестве фона, для этого из верхнего меню "Файл" (Datei) выбираем "Импортировать" (Importieren, Ctrl+R) и указываем путь к нашей заготовке. Напоминаю, что заготовка должна иметь такие же размеры, что и рабочее поле документа, в нашем случае - 468х60 пиксель. Изменяем название слоя, для порядка и простоты в работе. Для этого правой кнопкой нажимаем на "Слое1" (Ebene1) из выпадающего меню вибираем "Свойства слоя" (Ebeneneigenschaften), в котором в поле "Имя" (Name) вводим слово Fon, как это показано на картинке ниже.



В монтажной планке (Zeitleiste) выбираем 25 кадр, нажимаем на нём правой кнопкой мыши, из выпадающего меню вибираем "Вставить ключевую картинку" (Schlussellbild einfugen, F6), на которой наш "клип" будет заканчиваться.



Создаем новый слой (цифра 1 на рисунке ниже), переименовываем его на "Text top 100" (цифра 2), как это было рассказано выше. Выбираем из палетты инструментов "Текст" (цифра 3) и пишем текст на баннере. В свойствах текстовой надписи, можно выбрать размер, цвет, а также вид шрифта. Нажимаем мышкой на 25 кадр в текущем слое, после этого F6, для того чтобы определить ключевую картинку. (Цифра 4)



Выбираем текст мышкой, после этого нажимаем F8, для того чтобы переконвертировать текст в графический символ.



Выбираем первый кадр (цифра 1), в появившихся "Свойствах", оживляем текст. В меню "Tween" выбираем "Движение" (Bewegung), в меню "Вращение" выбираем "По часой стрелке" (UZS). Проверка, нажмимаем на "Enter" - текст должен вращаться. Эксперементировать никогда не мешает, так что настройки в вашем распоряжении.



Дополним наш баннер ещё одним эффектом "появления". Создаём новый слой (1), пишем текст на баннере (2), конвертируем текст в графический символ, определяем "конечную картинку" (3), после этого перемещаемся на 1 кадр (просто кликаем мышкой на 1 кадре), после этого выбираем мышкой текст и в появившихся свойствах (5) "Цвет" (Farbe) выбираем "Alpha", устанавливаем значение "Alpha" равное нулю. После проведенных установок текст должен "исчезнуть".



Выбираем первый кадр (цифра 1), в появившихся "Свойствах", оживляем текст. В меню "Tween" выбираем "Движение" (Bewegung). Проверка, нажмимаем на "Enter" - текст "Top 100"должен вращаться, второй текст "Давай меняться" плавно проявляеться. Рекомендую поиграть с настройками самостоятельно.



Для того чтобы посмотреть на баннер в браузере, необходимо нажать на Ctrl+F12, чтобы убрать бесконечные вращения и мерцания, необходимо провести заключительные действия. Выбираем заключительный кадр (цифра 1), раскрываем "Aktionen - Bild", выбираем Filmsteuerung (Управление фильмом) и делаем двойной щелчок мышкой на команде Стоп (2). Повторяем ту же самую операцию, для второго текстового слоя.



Из меню Файл (Datei), выбираем Экспорт фильма (Film exportieren) и сохраняем полученный файл. Вот и всё. Если вы всё сделали правильно, то результат должен получиться приблизительно вот такой

Автор: Константин Талалаев
Источник: Cоздание сайтов и их продвижение