Задача следующая – нужно создать баннер, состоящий из нескольких кадров, причем при клике на баннер, каждый кадр будет отправлять посетителя на разные сайты. Это будет выглядеть примерно так:
Вообще-то программа KoolMovies – не бесплатная, но существуют ее бесплатные аналоги. Например, пока я писал эту статью, нашлись 2 бесплатные программы для создания flash-анимации: ”Vectorian Giotto” и Synfig Studio. Кроме того, существуют онлайн инструменты для создания баннеров. Правда, в основном с помощью них можно создавать баннеры определенного размера (например, 468×60 пикселей).
После установки и запуска программы нужно настроить ее под себя. Предлагаю выбрать “Advanced User Interface”, а также активировать окно ”Movie overview”, находящееся в меню “View”.
Для начала работы нужно создать новый файл и настроить размер будущего баннера. Это делается с помощью ”Movie”→“Movie Width/Height”. Например, я буду создавать баннер размером 220×275 пикселей.
Перед тем, как начать создавать баннер, я подготовил кадры для него с помощью графического редактора. Мой баннер будет состоять из трех кадров. При клике на баннер АО время показа первого кадра пользователь будет отправлен на yandex.ru, на втором кадре – на google.ru и на третьем на mail.ru.
Добавляем кадры в баннер. Для этого нудно зайти в меню ”File”→”Import”, выбрать тип файла и указать путь к нему, предварительно создавая новые кадры (”Frames”→”Add Blank Frame”). Эту операцию нужно будет сделать для каждого файла (кадра).
Важно: во время работы над баннером, необходимо, чтобы все графические файлы, являющиеся его кадрами, никуда не перемещались, иначе при открытии файла, в котором создается баннер, нужно будет снова указывать путь к ним.
Затем нужно установить время смены кадров баннера. Для этого нужно выбрать нужный кадр и нажать на кнопку с часиками, находящуюся в правом нижнем углу окна.
Я сделаю так, чтобы кадры сменялись через 2 секунды. Для того, чтобы проигрывание баннера зациклилось, нужно выбрать пункт ”Loop Movie” в меню “Movie”.
Для того, чтобы клики по разным кадрам вели на разные url, нужно сделать каждый кадр кнопкой.
Для этого выбираем по очереди каждый кадр баннера в окне ”Movie Overview” (пункт Shapes) и вызываем его свойства (правый клик → properties). В появившемся окне выбираем пункт ”Is a button” → “Yes”.
После этого вид окна свойств меняется, в нем появляются новые опции.
Меня интересует пункт ”Actions”. Кликаем левой кнопкой по слову ”none” в пункте ”Actions”. Появляется небольшое окно, в котором можно «прикреплять» различные действия к активному кадру. Например, можно сделать переход к определенному кадру, добавить переход по ссылке или создать произвольный ActionScript. Меня интересует именно, переход по ссылке, поэтому выбираю пункт ”Go to URL (URL Link)” из выпадающего меню, которое появляется при нажатии кнопки со знаком «+». Появляется окно для ввода адреса, по которому будет совершаться переход при клике на кадре.
После ввода адреса и нажатия кнопки ”OK”, к кадру прикрепляется ссылка. Аналогичные действия нужно произвести с остальными кадрами. Баннер практически готов. Осталось только сохранить его в формате Flash (.swf).
Для этого заходим в меню “File”→”Export/Publish Movie”→”as SWF (Flash Movie)” и сохраняем файл. В итоге получился баннер, как и задумывалось в начале статьи.