Флеш баннер как сделать

Обновлено: 17.07.2024

Вам никогда не приходила верстка с flash-элементами, которые должны быть ссылками на внешние или внутренние ресурсы, но на деле таковыми не являющимися? При этом, когда вы не flash-разработчик и Flash IDE под рукой нет (а то и операционная система, в которой вы работаете, эту самую Flash IDE не поддерживает) — это становится небольшим затруднением. Можно, конечно, пнуть верстальщика, чтобы он все поправил, но это требует времени, а значит денег. Кроме того, пинать его каждый раз когда URL поменяется не самая лучшая идея.

На помощь приходят swftools

конвертировать в swf из pdf (PDF2SWF)
вытаскивать из swf-роликов контент (SWFDump, SWFStrings, SWFBBox, SWFExtract )
конвертировать в swf некоторые графические/аудио/видео форматы файлов (JPEG2SWF, PNG2SWF, GIF2SWF, WAV2SWF, AVI2SWF)
импортировать в swf-ролик шрифты TTF, Type1 (Font2SWF)
компилировать код ActionScript3 с определенными ограничениями

Хорошо, а ссылки в баннерах как сделать?

Здесь нам поможет еще одна консольная программка из набора swftools под названием swfc. Она позволяет собирать flash-ролики на основе описания их специальным языком разметки.

Предположим, у нас есть баннер размером 980 на 136 пиксел в файле banner.swf и мы хотим, чтобы при его показе в браузере на нашем сайте он ссылался на главную страницу хабра.
Создадим текстовый файл movie.sc со следующей разметкой:

Осталось собрать из этого файла swf-ролик при помощи утилиты swfc:
swfc movie.sc
В итоге сборки мы получим в этой же директории файл banner_with_link.swf с нужным нам функционалом.

И что?

Собственно, задача выполнена, но на этом можно не останавливаться. Ведь сборка не обязательно должна происходить на вашей машине — достаточно установить эту утилитку на сервер и баннеры можно будет собирать динамически. При правильном кешировании это практически никак не скажется на производительности. В разделе References на сайте разработчика имеются примеры проектов, работающих по такой технологии. А после изучения материалов wiki документации и открытых исходных кодов проекта у вас возникнет множество других замечательных идей по его использованию. Дерзайте, и на забывайте писать об этом на хабре!

В сегодняшнем уроке вы узнаете как создать флеш баннер онлайн новичку без знания онов флэш-анимации и без специальных программ (читайте как создать баннер в программе). Надо упомянуть, что в интернете существует большое количество генераторов, позволяющих создать баннеры, в том числе и в формате flash (swf), однако большинство из них англоязычные без поддержки русских шрифтов. Я специально искала сервис, в котором можно было бы создать баннер с русским текстом.

Напомню, что баннеры – это графическая реклама сайта, блога или любой другой веб-странички. Анимированные баннеры могут быть в формате флэш (swf) и в виде гиф-анимации (читайте Как создать gif-анимацию онлайн – этот сервис поможет вам создать gif-баннер). Баннерная реклама в интернете широко распространена и достаточно эффективна.

Для создания флеш баннера онлайн перейдите по ссылке.

В генераторе Banner Now нажмите на кнопку “Create Banner Now”.

На новой странице выбираем размеры будущего баннера.

Вы можете выбрать один из стандартных размеров баннера или указать свои настройки. Здесь же вы можете выбрать фон баннера и клипарт или загрузить свой. Для этого ставим галочку напротив пункта Custom background, выбираем категорию картинок из предложенных (животные, еда, фоны, животные, кнопки и др.) или загружаем с помощью кнопки upload files.

Снова нажимаем кнопку “create banner”.

Вот мы и попали в редактор флеш баннеров. Если вас не устроил выбор вашего фона, то вы можете выбрать новый. Под рабочей областью документа в найдете галерею изображений (Image Gallery) и кнопку Upload files (загружаем свое фото в редактор). После добавления фона отредактируйте его положение и размеры, потянув мышкой за края изображения.

Используете предварительный просмотр (Preview Banner) для контроля за работой на промежуточных этапах.

Справа от рабочей зоны мы видим слои. Вы можете регулировать прозрачность (свойство alpha), менять последовательность слоев и удалять ненужные.

Слева от рабочей области вы видите дорожку со слайдами. По умолчанию в баннере 1 слайд. Вы можете добавлять слайды, дублировать, удалять, изменять длительность слайда. Чтобы удалить или добавить слайд, нажмите на значок настроек в правом нижнем углу слайда:

Меняем длительность слайда, изменяя время возле значка часов (найдете также под слайдом).

Сверху рабочей зоны вы видите эффекты для текста. Они разбиты на категории:

appear (появление),
stay (статичные),
disappear (исчезновение).

Если вы нажмете на кнопку рядом с эффектами, то можете выбрать эффект для изображения.

После добавления текста, вы выбираете его цвет, размер, шрифт, расположение в настройках слева от рабочей области.

Когда вы создали флеш баннер онлайн, нужно его скачать. Нажмите на кнопку download banner (swf).

Здесь проставляем настройки:

Вот такой баннер получился у нас:

Предлагаю вам еще несколько генераторов флеш баннеров с поддержкой русского языка:

Эти сервисы более просты в использовании, поэтому инструкция по применению не требуется.

Если у вас остались вопросы, то вы можете задать их в комментариях.
Видео урок по работе с сервисом

как создать сайт на wordpress, настроить и оптимизировать wordpress

Баннер — графическое изображение рекламного характера.

Бывают 3-ри вида баннеров

Статичные баннеры– это одиночное графическое изображение, без движения, содержащие дополнительные элементы.

Анимированные,динамичные GIF баннеры – представляет собой последовательность растровых кадров, которые сменяют друг друга.

Flash баннеры или Java – создаются баннеры по программе Adobe Flash. В отличие от традиционных, использующих растровую графику, эти баннеры используют векторную графику, что позволяет делать анимационные эффекты при небольшом размере баннера. Кроме того, Flash-баннеры предоставляют возможность использования звуковых эффектов, что повышает эффективность баннера как рекламного носителя по сравнению с традиционным. Эффекты во Flash-баннере имеют намного более впечатляющий вид. Изнутри баннер строится по принципу слоев. На каждом из слоев может быть реализована независимая компьютерная анимация. Использование векторной графики дает возможность реализовывать в баннере целые мультипликационные сюжеты. Так же технология Flash предусматривает возможность создания интерактивного баннера.

Сегодня в сети появились генераторы баннеров причем среди них много бесплатных, которые позволяют создать баннер в интернете.

Но самые хорошие и красивые баннер конечно же создаются через программы, наиболее популярные Adobe Photoshop и Adobe Flash.

Далее рассмотрим поподробнее и те и другие.

Создание анимированного и флеш баннера через Онлайн генератор баннеров.

Очень большой функционал, много готовых шаблонов, которых можно отредактировать, русский интерфейс, и все бесплатно.

Здесь все просто, пройдемся по полям конструктора:

1-ое поле: выбор формата – длинное (горизонтальное) или боковое (квадратное или вертикальное).

2-ое поле: состоит из трех текстовых полей, здесь вы должны ввести текст и цвет этого текста, который будет находится на баннере.

3-е поле: это графическое поле, в нем можно поменять фон баннера, и картинки которые находятся на баннере.

4-е поле: музыка, здесь вы можете выбрать мелодии, которые будут играть при показе баннера или загрузить свои мелодии.

5-е поле: это размер баннера, здесь предлагается несколько вариантов или же можете вставить свой вариант.

6-е поле: ссылка, если пользователь нажмет на баннер то куда он попадет, можно сделать и без ссылки.

7-е поле: это сам баннер, как он будет выглядеть, рядом стоит кнопка “Поехали”, на которую нужно нажимать, чтобы обновить баннер.

Есть на этом сайте множество готовых шаблонов, которые можно редактировать, для этого в верхнем меню выбираем: “Галерея примеров” и кликаем на понравившийся нам баннер и начинаем его редактировать.

Главной проблемой для администратора сайта является привлечение посетителей. Для решения этого вопроса сайт наполнят уникальным и интересным контентом, устраивают конкурсы, и конечно же привлекают дизайном сайта. Сейчас уже не редкость, когда красуются красивые флэш-баннеры на сайтах. Баннер созданный по технологии флэш является замечательным средством привлечения посетителей сайта. Баннеры могут использовать в качестве элемента дизайна, или ссылки на ресурс, рекламы. Методов создания баннеров пожалуй очень много, но мы остановимся на создании баннера через программу aleo flash intro banner maker. Она позволяет подробно настроить все параметры флэш баннера, к тому же имеется окошко в котором сразу отображается ваш будущий баннер со всеми эффектами. Просто и удобно.

Как сделать флэш баннер
Как сделать ссылки во флэше
Как вставить флеш-баннер
Как сделать флэш-баннер ссылкой

Итак, приступаем к созданию флэш баннер. Запускаем программу Aleo flash intro banner maker, внизу видим кнопку "project", нажимаем, далее "new project". Открывается вкладка "size and solid", здесь мы задаем размер будущего баннера, скорость прокрутки ролика "frame rate", форму "shape", можно сделать рамку "border". По желанию вставляем звуковой файл, и прочие настройки этой вкладки.
Следующая вкладка "background". Она отвечает за фон флэш баннера. Возможно два варианта фона – цвет и изображение. При выборе цвета можно сделать фон прозрачным "transparent", выбрать цвет "solid color" и создать градиент "gradient color". При выборе изображения можно воспользоваться стандартными картинками “and clipart”, либо своим собственным "add".
Наиболее интересная и важная вкладка "effect". Она отвечает за все эффекты на нашем баннере, если фантазия работает хорошо, то можно создать произведение искусства. Эффектов здесь достаточно много, так что нет смысла перечислять их всех, они разбиты по категориям, есть звуковые эффекты. Имеется возможность добавления нескольких эффектов. Для этого необходимо пометить галочкой пункт "support more than one effect", и зажимая клавишу ctrl выбирать любые понравившиеся эффекты.
Вкладка "text and image" позволяет прописать текст на баннере и установить на него изображение. Гибкая настройка текста позволит применить понравившийся размер, шрифт, цвет, положение и эффект. Имеется возможность прописать ссылку вашего сайта на баннере, для этого выбираем http://www.yoursait.com и прописываем свой адрес.
Следующая вкладка "web links" позволяет установить ссылку на ресурс, который будет открываться при нажатии на флэш баннер.

Приступаем к заключительной части создания флэш баннера. Выводим его из программы, для этого нажимаем "publish banner" -> "publish". Выбираем формат для сохранения файла: swf,gif,avi. Делаем пометку "create HTML code" для создания кода html. Нажимаем "copy html code to clipboard" и вставляем код в файл сайта. Если создается сайт через шаблон, то просто указывается путь к флэш баннеру.

Читайте также: