ПоделитьсяTweetПоделитьсяGoogle
Всем привет! В этом посте мы рассмотрим, что такое флеш-баннер и как его сделать по возможности просто и быстро. Что такое баннер? Такой своего рода агитационный плакат, завлекалка. А по скольку слово flash переводится как мигать, то и баннер наш мигающий. Мигает всякой анимацией, я бы сказал даже подмигивает 🙂 . На что только люди не идут для рекламы, вот пример:
Одесское кладбище, могила, надгробие, на нём выбит портрет умершего и внизу надпись крупным
«Здесь лежит один из лучших стоматологов города Одессы Абрам Исакович Шнеерсон 1905 -1964»
и ещё ниже и уже помельче
«А сын его Яков Абрамович так же продолжает принимать пациентов на том же адресе пер. Грибоедова 17»
Реклама это святое.
Флеш-баннер мы уже для себя уяснили, этакий движущийся транспарант.
Чем лучше флеш от простого и от Gif баннера.
От простого понятно чем, он меняется, там есть анимация и внимание привлекает лучше и информации можно подать больше на сравнительно меньшем участке. Так сказать купил себе 6 соток и засадил по полной программе 🙂
ЧИТАТЬ: Программа для просмотра изображений. FastStone Image Viewer
Так же можно и в Gif баннере сделать, зарядить анимацию, смену текста. НО!!!
Если два одинаковых баннера с анимацией, один в Gif , другой в Flash, то …
Короче весить они будут так:
- Gif — от 500 кб и вперёд к мегабайтам
- Flash — от 50 кб, в среднем не плохой живой баннер около 60-100 кб
Казалось бы, да фиг с ним, но тизеры или разные рекламные сайты дают ограничения на приём в рекламную сеть. Некоторые 70кб, другие не такие жадные до 150 кб.
И ещё огромный плюс ( как то ехал в маршрутке и слышу реклама с завыванием «Европа Плас», думал живот надорву. Но этот смех с горькими слезами, скоро по русски говорить перестанем, все прогнёмся. Хотя я думаю матюги наверное оставим), то что сей баннер расширяется до любого размера и сужается также,на любом девайсе ( сам туда же) экране можно смотреть в качестве.
Много способов есть. Берём фотошоп открываем и…
А ну его в баню возиться! Выписывать движение и перемещение по времени. Вы хотите? Я нет.
Вот вам программа Aleo Flash Intro Banner Maker 4.0
Скачка внизу, когда всю статью прочтёте 🙂 , жаль нет иконки с языком
Чудесная программа, стоит не много не мало 149$.
В этой статье скачка даром!
Прикиньте, берёте прогу даром, можете благодарность написать в комментах, не обижусь точно.. А сами баннеры, которые вы научитесь делать прочитав внимательно статью, стоят от 40 $. Я за 2 таких баннера 4000 рублей заработал на work-zilla
Делал часа 3-4. Потому как в первый раз, пришлось осваивать методом тыка. Сейчас бы сделал мин за 40.
Едем дальше…
Откроете архив и запустите rus версию. Перед вами откроется вот такая картина
Это сам интерфейс программы с управлением и рядом, обычно справа ..
Превью, вид баннера который мы создаём
Всё описание закончил, итак всё ясно.
Кому не ясно пишу дальше…
Слева опциии настроек
Настройка «Размер и звук». Ширину и высоту настраиваете какие вам нужны, частоту кадров не трогаем. Это норма.
Далее Вид , если выбираете с закруглёнными углами , то можете закруглить на радиус который нащёлкаете сами в окошке рядом. Поставив галочку в чекбоксе напротив Доб. границу
Станет активным выбор цвета и толщина бордюра, то есть границы.
Здесь можно поставить и звуковое сопровождение, но это уже на любителя.
Далее вкладка Фон, там всё понятно, можно сделать прозрачным или одноцветным. Так же выбрать свой градиент, хорошо что рядом вид баннера, сразу видим что мы там ваяем.
Следующая опция Эффект
Если убрать галочку «Добавить фоновый эффект» по умолчанию стоит Cloud- облака , то фоновая анимация исчезнет. Фон будет статичен и можно делать анимацию только объектов которых вы подгрузите.
Так же вы можете выбрать другой вид анимации, их там много…
Справа в таблице можно добавить или уменьшить скорость анимации «Moving speed» , чтобы облака быстрее шевелились 🙂
Эффект — следующая опция
Вот здесь и набираем текст и добавляем изображения-объекты
Кнопками «Изображение» и » Текст» добавляем нужные нам элементы. Советую сразу удалить предустановленные элементы, их два, чтобы под ногами не путались. Или вместо их ставить свои.
Кнопки «Эффект» и «Позиция» описывать не буду там как в первом классе всё по букварю. Вверх, вниз, вправо, влево. Эффектов море сами выберите. Так же и скорость эффектов справа в таблице подберёте.
Кнопка «Ссылка на сайт», даёт возможность зарядить переход на URL адрес , кликнув по объекту. Например если у вас несколько переходов в рекламе, типа в начале на один сайт, в середине на второй и в конце на третий. То пользуйтесь её, кнопкой то есть.
Если один адрес то не трогайте кнопку, невкоем случае не трогайте её!! Это самоликвидация!
Шутка.
Переход на адрес, когда тот кто вылупился на баннер и кликнул сдуру по нём, осуществим в другой вкладке, об этом чуть ниже или позже..
А сейчас нам надо отрегулировать все объекты
Первое стоит время входа объекта в баннер. Первый объект понятно войдёт в -0- секунд или около этого.
Время отображения объекта в баннере.
Совет — делайте от 1 секунды до 2 , чтобы было быстро и возможно успеть прочесть. Почему быстро — пользователь, попросту человек, долго не сидит на странице, если он не прилип. Поэтому надо быстро подать информацию, за короткий промежуток времени максимально нагрузить товарища , удивително верное слово — товар ища.
Если вы выбрали какой-то эффект, то имейте ( совесть) ввиду, что время увеличивается на действие эффекта. Некоторые объекты можно обрезать, произвести обряд обрезания эффектов, поставив галочки в «Пропустить Действие текста вводящего Flash», слово Flash не влезло в переводе.
И так же выход, «Пропустить действие текста, оставляющего Flash»
Второй и последующие уже надо распределять после выхода предыдущего или окончания его эффекта, То есть при расчёте времени делайте поправку. Благо что всё видно на превью. Дело конечно утомительное, пока все объекты не отладишь, чтобы они не сыпались все разом.
И вот теперь только опция, хотя ею можно было воспользоваться сразу при открытии программы, «Ссылки на сайт»
Цель Url: — на скрине _blank , это в следующем окне.
Адрес URL: по умолчанию стоит на производителя программы, большое ему спасибо и огромное тому кто эту прогу разколбасил, ставите свой адрес.
И завершающее действие Сохранить Баннер
Программа создаст два файла, один HTML ( он так же отобразится в окошке программы) и второй флеш в SWF (.swf)
Файл SWF нужно закинуть на сервер или по другому хостинг, закинуть через файловый менеджер на хосте или программой FileZilla
Код скопировать и вставить в нужное место, не путать с унитазом.. Хотя, смотря у кого какие потребности.
Ссылку на сайт разработчика Aleo Flash Banner и их копирайт лучше убрать, его видно в дивах (>
Всем всего доброго и до встречи! :bye:
ПоделитьсяTweetПоделитьсяGoogle