Программа баннер


Узнайте как сделать баннер своими руками

На этом уроке мы познакомим Вас с программой Banner Maker Pro 7 (скачать). С ее помощью можно легко сделать баннер своими руками весьма высокого качества.

 

 

 

Интерфейс программы очень дружелюбный. Каждый шаг снабжен подробной инструкцией, которая поможет Вам его выполнить.Давайте для примера создадим баннер нестандартного размера 400х100 пикселей со скругленными краями для некоего абстрактного лесничества «Тридесятое Царство». В настоящий момент как бы вы не рекламировали ваш магазин, клиенты придя обращают внимание как на сервис, так и на обслуживание, по этому важно контролировать качество работы персонала. По этому вот тут тайный покупатель, который поможет вам узнать все дыры в обслуживании и персонале. И в случае необходимости, подтянуть все позиции до нужного уровня.

 

Как сделать рекламный баннер

Вводим вручную нужные нам размеры и переходим к следующей вкладке «Фон». При этом поле для предпросмотра автоматически меняет свои размеры в соответствии с нами заданными.

 

 

Для баннеров стандартных размеров в программе имеется библиотека готовых шаблонов. Также доступен выбор сплошной или градиентной заливки, цвета и толщины рамки вокруг баннера.

 

 

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

 

 

Если размеры предполагаемого фона и баннера будут не совпадать, то программа предложит изменить любой из них. Изменяем размер фона под баннер.Переходим к работе с формами.

 

 

Здесь мы можем добавить различные графические элементы на поле баннера и отрегулировать их вид. Сами формы можно перемещать по полю мышкой (грубо) и кнопками навигации (точно), менять их размеры и цвет, добавлять тень. Создадим с помощью трех стрелок, направленных вверх, и прямоугольника елочку.На вкладке «Рисунки» можно добавить к баннеру изображения из библиотеки программы или свои картинки, кнопки, логотипы и т.д.

 

 

Выберем солнышко из библиотеки, нажав на кнопку «Добавить», зададим ему параметры и перейдем к созданию надписей.

 

 

На вкладке «Текст» набираем надписи. Здесь все понятно из скриншота. Стоит отметить, что надписи набираются в одну строку, их также как формы или рисунки можно перемещать мышкой и кнопками навигации. Для нескольких слов, расположенных «в столбик», придется создавать несколько отдельных надписей.

 

 

Вкладка «Текст+» позволяет поворачивать и изгибать ранее набранный текст, а также добавлять ему объемную тень.

 

 

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

Наш статический баннер готов.

 

 

Осталось только нажать на кнопку «Сохранение», выбрать для него расширение файла и целевую папку. Также можно применить сжатие формата GIF, чтобы уменьшить размер файла. Дополнительно можно указать ссылку для баннера, загрузить его на хостинг изображений или FTP-сервер, отправить по E-mail и т.д.А как же быть с анимацией? Давайте рассмотрим этот вопрос. Нажимаем на кнопку «Анимация» и видим выбор между двумя вариантами: «Один шаг анимации» и «Покадровая анимация». Остановимся подробнее на первом.

 

 

Здесь справа даны варианты анимированного появления баннера из пустого фона, слева временные интервалы и цвет фона. Просмотреть результат в программе можно, нажав кнопку «Воспроизвести». Когда будет найден оптимальный вариант, нужно будет его сохранить и обязательно просмотреть в браузере. Если что-то не понравится, нужно внести коррективы и заново сохранить файл.

Покадровая анимация предполагает наличие 2 и более готовых GIF-файлов, которые с определенным алгоритмом сменяют друг друга. Переделаем для этой анимации наш баннер. На первом кадре оставим слово «Лесничество», на втором – остальные, попутно их подправив.

 

 

 

Теперь, зайдя на вкладку «Покадровая анимация», добавляем оба файла в программу.

 

 

Изменяем по своему усмотрению скорость смены кадров и способ обновления и каждый раз сохраняем результат. Только таким образом его можно будет просмотреть в браузере. Выбираем окончательный вариант. Он и будет нашим анимированным GIF-баннером.

 

Оставьте отзыв о статье, мне очень важно Ваше мнение. Спасибо за внимание.

www.banner-web.ru

Как сделать баннер картинку. Программа для создания баннера

Приветствую вас уважаемый посетитель!

Иногда возникает необходимость создать самому какую-нибудь картинку или баннер и сделать ее ссылкой, для перехода по ней на какой-нибудь другой ресурс или на страницу своего сайта.

В сегодняшней статье мы разберем, как можно сделать баннер для размещения на своем сайте, либо на сайте партнеров и что для этого нужно?

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

Создание баннера с использованием специальной программы

Баннеры, размещаемые на сайтах, обычно бывают стандартных размеров 468х60, 125х125, 120х600 и т.д.

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

Давайте сделаем баннер размером 468х60 пикселей. Вы можете, конечно, приготовить уже готовые фоновые картинки данных размеров и, добавив по своему желанию надписи, использовать их. Я буду делать баннер с чистого листа.

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

Далее открываем эту картинку в Paint.

Теперь нам необходимо вырезать эту область, сделать чистый прямоугольник размерами 468х60, если не знаете, как это делается, то почитайте статью (Как сделать снимок с экрана монитора ).

Получаем вот такую чистую картинку

Сохраняем ее в формате JPG.

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

Можно делать картинку в Painte, но я предпочитаю использовать либо Snagit, либо FastStone Image Viewer. (О работе в данных редакторах почитайте в статье: «Редактирование картинок»).

У меня получились вот такие два рисунка:

Теперь нам нужно скачать себе на компьютер специальную программу для создания баннера, называемую gif-аниматором. Программа называется GIF Movie Gear, скачать из Интернета не составит труда, правда она платная и срок использования в бесплатном режиме 30 дней. Я думаю, это не проблема для большинства пользователей, тем более за 30 дней можно столько картинок нащелкать, на всю оставшуюся жизнь хватит.

Скачиваете, запускаете, выходит вот такое окно:

  1. Нажимаете открыть файл и с компьютера загружаете первый рисунок.
  2. Затем нажимаете на кнопку под цифрой 2 и загружаете второе изображение.

В красном квадратике стрелочка для просмотра вашего анимированного GIF баннера.

Во время предпросмотра поставьте время показа каждого изображения (циферблат часов).

После выставления временного интервала сохраните полученный баннер File – Save GIF Animation As далее название файла. Если две картинки были в формате JPG, то полученное изображение будет уже в формате GIF.

После того, как сделали баннер, его изображение необходимо загрузить на хостинг, где оно будет храниться.

Дело осталось за малым, теперь помещаем баннер на сайт, для чего необходимо вставить вот такой код в режиме html:

<a href="АДРЕС СТРАНИЦЫ" target="_blank"><img src="АДРЕС КАРТИНКИ" alt="" border="0" /></a>

<a href="АДРЕС СТРАНИЦЫ" target="_blank"><img src="АДРЕС КАРТИНКИ" alt="" border="0" /></a>

Где адрес страницы – URL сайта либо веб-страницы, куда должен перенаправлять ваш баннер;

Адрес картинки – адрес вашего баннера на хостинге.

target= «_blank» – открывает ссылку в новом окне.

alt= » » — В кавычках вы прописываете тег alt, если вы его прописывали в названии картинки при загрузке на хостинг.

border= «0» — это ширина рамки баннера, если ее нет, то ставим 0.

Вот как выглядит сделанный баннер у меня, и он же является ссылкой на главную страницу блога. Я поставил время побольше, чтобы картинка не мельтешила перед глазами очень быстро. Вы можете поставить временной интервал такой, какой вас больше устраивает.

Мы использовали для создания баннера только две картинки, их может быть, конечно же,  больше, все зависит от ваших желаний и возможностей, принцип тот же, просто больше рисунков нужно будет загружать в программу GIF Movie Gear, а это ведет к увеличению объема файла.

Таким образом, мы сделали баннер, используя специальную программу gif-аниматора.

Можно сделать картинку, используя онлайн сервисы создания баннеров, есть и такие, и многие пользователи успешно их используют.

Вот адрес одного из онлайн сервисов по созданию баннеров – bannerfans.com (выделите мышкой и вставьте в строку браузера) – здесь можно сделать простенький баннер, поддерживается русский язык, я думаю, разберетесь сами, если захотите воспользоваться данным сервисом.

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

Успехов вам!

Посмотрите видео по созданию баннера в онлайн-сервисе.

egofilin.ru

Как сделать баннер для сайта

Популярность любого сайта зависит от его раскрученности в интернете. Посещаемость определяется не только позициями в поисковых системах, но и рекламными кампаниями. Одним из самых популярных видов рекламы, зародившимся еще задолго до появления интернета, стал баннер – графический плакат с каким-то изображением. Всемирная паутина позаимствовала эту идею, и теперь баннеры часто встречаются на виртуальных просторах сети – веб-сайтах.

Баннер – один из самых распространенных видов рекламы, но для запуска рекламной компании его еще нужно создать. О том, как сделать обычный или анимированный баннер для сайта в режиме онлайн (с помощью сайтов-конструкторов) или с помощью программ, и пойдет речь в этой статье.

1. Что такое баннер

Баннер (англ. banner – знамя) – графическое изображение рекламного характера. В сфере Интернет баннер является особым форматом рекламы, содержащим гиперссылку на рекламируемый сайт.

Заблуждение – считать единственной задачей баннера привлечение пользователей. У баннерной рекламы есть и другая роль – сформировать узнаваемый бренд, создать ему положительный имидж. И отличным примером этого служат интернет-баннеры популярных операторов сотовой связи. Во многих видах рекламы используются их логотипы, которые активно раскручиваются рекламой. Но больший вклад в это дело вносят именно баннеры.

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

1.1 Форматы баннеров

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

Чаще всего в интернете используются следующие стандартные размеры баннеров (сетка взята из рекламной кампании Google Adsense):

Примечание: размеры (горизонтальный Х вертикальный) указаны в пикселях (px).

Посмотреть, как выглядят баннеры данных форматов, можно здесь.

1.2 Виды баннеров

Помимо формата следует учитывать и еще одну особенность. Баннер, по способу его реализации, относят к одному из трех видов:

  • Статичный баннер – самый простой вариант. В этом случае баннер представляет собой одну статическую картинку (неменяющееся изображение). Преимущества – простота реализации, небольшой вес файла. Недостаток – минимум выразительности; такие баннеры, как правило, менее эффективные, нежели их другие виды.
  • Анимированный баннер представляет собой несколько изображений, поочередно меняющихся во времени. Формат подобного файла – «.gif». Преимущества – высокая эффективность, неплохая выразительность. Недостаток – довольно большой вес баннера по сравнению с предыдущим вариантом.
  • Флеш-баннер (Java-баннер) – самый сложный по степени реализации вариант. Создается по технологии Adobe Flash. Благодаря своим особенностям (использование векторной графики вместо растовой) значительно уменьшается объем файла, но появляются дополнительные возможности (звуковые эффекты, плавное изменение кадров и т.д.). Некоторые баннеры дают возможность совершать интерактивные действия (нажимать кнопки на баннере, играть в мини-игры и т.д.). А рекламная ссылка спрятана внутри и не видна пользователю. По сути, данный баннер представляет собой программу. Преимущества – высочайшая эффективность, отличная выразительность, небольшой размер файла. Недостаток – дополнительные требования к сайтам (необходима поддержка Java) и браузерам (может не работать на старых версиях браузеров, не поддерживающих Flash-анимацию).

2. Как сделать баннер онлайн

Одним из способов сделать анимированный баннер онлайн является сервис bannerfans.com. Его преимущество состоит в том, что функционал создания баннера превосходит аналогичные ресурсы. Есть возможность смены языка (русский поддерживается).

Прежде чем начинать создавать баннер, можно скачать несколько подходящих шаблонов, на основе которых и будет конструироваться макет. Дело в том, что очень сложно создавать красивые баннеры самостоятельно, не будучи web-дизайнером. А шаблоны вполне готовы к использованию, на них нужно будет лишь добавить текст (и, возможно, подредактировать цветовую гамму).

Несколько красивых шаблонов баннеров можно взять здесь. А для работы в фотошопе можно воспользоваться этими.

С помощью данного сервиса можно создавать не только баннеры, а и логотипы, фавиконы и, возможно, собственные уникальные кнопки социальных сетей для сайта.

Теперь о том, как создать баннер для сайта с помощью Bannerfans. Делается это за 5 шагов.

2.1 Шаг первый: создание макета

Итак, сначала нужно перейти в онлайн-конструктор баннеров – вот ссылка. Переключив язык интерфейса на русский (правый верхний угол сайта), выберите закладку «Макет» (первая область на скрине). Здесь создается фон для будущего баннера.

После этого необходимо выбрать размер изображения (свой, фиксированный или шаблонный). Если вы воспользуетесь шаблоном, то выбирайте первый пункт (вторая область).

Теперь можно выбирать фон изображения (третья область). Вы можете загрузить свое изображение, для чего нужно выбрать третий пункт. Если же шаблона у вас нет, выбирайте первый пункт (сплошной цвет) или второй (заливка градиентом). На скрине показан вариант с градиентом.

В четвертой области выбирается начальный цвет градиента и конечный.

В пятой области выбирается тип (режим) градиента.

2.2 Шаг второй: создание надписи

На этом этапе можно создавать до 6 различных надписей. Но сначала нужно перейти на вкладку «Текст». На скрине ниже область разделена на семь частей.

Первая область – превью, где можно посмотреть, как будет выглядеть баннер. Эта область примечательна тем, что прямо на ней можно «двигать» надписи, меняя их положение на фоне. К недостатку сервиса по созданию баннеров следует отнести то, что все изменения, которые вы будете вносить, происходят не в онлайн-режиме (для этого приходится нажимать на кнопку «Изменить баннер»).

Вторая область – непосредственно надписи. Можно создавать до 6 различных вариантов. Но длину надписи следует делать такой, чтобы она поместилась на фоне баннера.

Третья область – выбор шрифта надписи. Тут следует быть осторожным – выбор огромен, но не все шрифты поддерживают кириллицу.

Четвертая область – размер шрифта.

Пятая область – цвет надписи. Доступен довольно большой выбор.

Шестая область – наклон надписи (относительно горизонтали).

Седьмая область – кнопка «изменить баннер». Используется для отображения внесенных изменений.

2.3 Шаг третий: создание теневых эффектов

На этом этапе можно создавать эффекты, приводящие к появлению теней от надписей. Это помогает создавать баннеры более выразительными. Для начала нужно перейти на вкладку «Воздействие».

Тень – выбор положения тени (справа, слева, сверху, снизу и т.д.)

Расстояние – удаленность тени от основной надписи.

Цвет – выбор цвета тени (по умолчанию выбран серый).

Яркость – выбор яркости тени.

Текст плана – выбор толщины рамки надписи (при создании, текст обводится дополнительным цветом, что делает надпись объемной).

Наброски цветов – выбор цвета рамки.

2.4 Шаг четвертый: создание рамки баннера

Этот этап очень простой. Здесь можно сделать при необходимости рамку для своего будущего баннера.

На скрине ниже показаны варианты рамки (отсутсвует, сплошная, пунктирная, двойная сплошная и двойная пунктирная).

Под рамками находятся другие настройки – цвет, размер, удаленность от границ фона и яркость линии.

2.5 Шаг пятый: сохранение баннера

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

.PNG – формат, гарантирующий высокое качество изображения, но и размер его будет большим.

.GIF – самый «легкий» формат. Невысокое качество, но и малый размер файла.

.JPG – что-то среднее между двумя предыдущими вариантами.

3. Программы для создания баннера

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

3.1 Easy GIF Animator

Очень удобной программой для создания баннеров является Easy GIF Animator, которую можно скачать бесплатно по этой ссылке (около 4 Мб). Хотя сама программа платная (стоимость около 30$), все же первые 20 запусков бесплатны (ознакомительные). Программа создает незамысловатые анимированные GIF-баннеры для сайта.

Установив программу и запустив ее, выберите пункт «Создать анимированный баннер». 

После этого появится окно для создания фонового изображения. Можно указать стандартный размер баннера из предложенных программой, а можно указать нестандартный – свой собственный (благодаря чему можно даже создать свой анимированный фавикон). Также есть возможность определить размеры шаблона баннера для его дальнейшей обработки.

В следующем окне определяются параметры цветовой гаммы баннера. Можно загрузить свой шаблон, а можно выбрать простой цвет или градиент.

Далее идет окно создания надписей. Тексты (не более 3 штук) будут следовать один за другим с выбранной задержкой. Для надписи можно выбрать шрифт, размер и цвет.  Также указывается выравнивание и эффекты появления/исчезания текстов.

Это последний шаг создания анимированного баннера для сайта с помощью данной программы. Баннер, конечно, получается простенький, но для начала и это подойдет. Вот, что может получиться в итоге:

3.2 Другие программы для создания баннеров

  1. Banner Maker Pro – еще одна небольшая программа (около 6 Мб), которая дает возможность создавать анимированные несложные баннеры, мини-логотипы или кнопки. Очень проста и удобна в использовании, но ее возможности ограничены.
  2. Ulead Gif Animator – более мощная программа (около 10 Мб), которая поможет сделать логотип или баннер. Ее возможности намного шире, чем у предыдущих вариантов, но и разобраться в ней немного сложнее.
  3. Banner Designer Pro – возможно, лучшая программа по созданию качественных анимированных баннеров для сайта (около 20 Мб). Конечно, освоиться в ней сложнее, чем в других программах, но ее функционал действительно поражает.

 

Теперь вы знаете, как можно быстро сделать анимированный баннер онлайн (или с помощью программы) своими руками. Возможно, баннерная реклама поможет вам раскрутить свой сайт, привлекая на него новых посетителей или покупателей, если речь идет об интернет-магазине.

Подпишитесь на обновления блога Искусство блоговедения и получайте в числе первых новые статьи про создание блога, раскрутку и заработок на нем!

Подпишитесь на обновления и получите в подарок книгу: "Десятипальцевый метод набора вслепую"

blog-craft.ru

Как сделать флеш баннер для сайта за несколько минут

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

Создадим флеш баннер нестандартного размера 525х125 пикселей. Нестандартный размер баннера иногда предпочтительнее, т.к. программы для вырезания рекламы не классифицируют его таковым и пропускают. При нажатии на кнопку «Ролик» мы можем задать его размеры, скорость анимации, добавить рамку, полоску предварительной загрузки и настроить другие параметры.

В последнее время баннеры делают не только для продвижения сайтов и текстового контента, но так же практикуют и для продвижения видео материалов на ютубе. Но если говорить про продвижение на ютуб, то лучше всего доверить это специалистам здесь: seoquick.com.ua. По сути лучшее решение на сегодняшний день чтобы продвинуть грамотно свое видео на ютубе. Ведь благодаря продвижению вы получаете двойню выгоду — просмотры и подписчиков.

Переходим к выбору фона.

Библиотек фоновых изображений в программе нет. Вы можете использовать свой фон или скачать коллекцию готовых фоновых изображений с интернета. Кроме этого доступны сплошная и градиентная заливки, а также создание прозрачного флеш баннера. Иногда это смотрится очень эффектно.

Далее нажимаем кнопку «Фоновые эффекты».

На Ваш выбор предоставляется 49 различных анимированных FLASH-эффектов для фона. Изменяя их параметры, в данном случае количество звезд, их цвет и степень прозрачности, нетрудно подобрать оптимальный вид будущего флеш баннера.

Кнопка «Текст» служит для добавления надписей.

Работа с ней вполне понятна из скриншота. Просто нажимаем кнопку «Добавить» и набираем тексты. Каждая надпись будет отображаться отдельно в порядке набора. Если надпись «двухэтажная», то для перехода на следующую строку используем сочетание клавиш «Ctrl» и «Enter».

К текстам можно применить один из 168 текстовых FLASH-эффектов.

Используя предпросмотр выбираем и настраиваем желаемый эффект для надписей. Существенным недостатком программы является отсутствие возможности выбора разных эффектов для разных надписей. То же самое относится и к шрифтам.

Нажимаем на кнопку «Шрифт».

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

Последний пункт – «Взаимодействие».

Здесь задаем ссылку на свой веб-ресурс. Не забываем поставить галочку напротив пункта «Только когда пользователь щелкает по тексту».

Наш флеш баннер готов.

Осталось его сохранить. Для этого нажимаем на кнопку «Публикация».

Выбираем формат FLASH-ролика и нажимаем «OK». Если файл будем сразу сохранять на хосте, то можно автоматически сгенерировать для него HTML-код.

Оставьте свой отзыв. Мне очень важно знать Ваше мнение.

www.banner-web.ru

Создание баннеров за несколько минут. Легко и просто!

Создание баннеров с программой sothink swf easy (скачать) станет увлекательным занятием.

С помощью этой программы можно  сделать баннер для сайта всего за несколько минут из уже имеющихся шаблонов, а можно создать и свой собственный баннер «с нуля», но это будет немного сложнее. Возможности программы практически неограниченны, все зависит от Вашего желания и стремления. В этом уроке представлен базовый способ создания баннера, не углубляясь во все тонкости.

Кстати если вы являетесь рекламной компанией, и у вас есть свой офис, то вам обязательно нужно оформлять интерьер офиса таким образом, чтобы ваши клиенты видели вашу креативность во всем. Вы ведь рекламная компания. К примеру для оформления пола лучше всего использовать плитку для пола из керамогранита, которую можно приобрести тут: http://www.ceramomaster.ru/catalog/keramogranit-rossii/uralskiy-keramogranit-new.html это отличное решение ведь здесь можно проявить креативность. Вы без проблем можете подбирать разные цвета и фактуру. Одним словом для творчества, у вас будет много места.

Сначала остановимся на процессе установки программы на компьютер, так как Интернет пестрит рассказами том, что у многих пользователей это не получается. Действительно, для корректной работы программе нужен Adobe Flash Player, однако у многих пользователей он уже установлен, но при попытке запустить Sothink SWF Easy пользователь видит такое сообщение:

 

Переустановка ни к чему не приводит и процесс зацикливается. Проблема в том, что программе нужен Flash Player именно для браузера Internet Explorer. Если у Вас по умолчанию используется другой браузер – подобная проблема гарантирована. Решение простое — установить требуемый компонент системы. Заходите на официальный сайт Adobe и выполняете все действия так, как показано на скриншотах:

 

 

 

 

Как сделать баннер для сайта

Теперь можно непосредственно перейти к работе с программой. При ее запуске включается мастер-помощник:

 

 

Последуем его рекомендациям и выберем пункт «Баннер».

 

 

В следующем окне нам предлагается выбор готового шаблона из коллекции. Берем понравившийся и нажимаем кнопку «Далее».

 

 

Далее предлагается редактировать выбранный шаблон или создать flash-ролик без изменений, так как он был виден на предпросмотре. Выбираем редактирование и нажимаем «Далее».

 

 

Теперь мы можем оставить  исходный фон шаблона или выбрать другой на компьютере, а также настроить размеры будущего баннера.

 

 

Следующие 2 окна предлагают ввести необходимый Вам текст надписей. Здесь нет ничего сложного.

 

 

Следующее окно предлагает заменить логотип, имеющийся на шаблоне баннера, собственным. Если он у Вас имеется, можете воспользоваться кнопкой «Обзор» и выбрать соответствующую картинку.

 

 

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

На этом работа мастера заканчивается. После непродолжительного времени генерации flash-ролика остается нажать кнопку «Готово» и мы попадаем в основное окно программы.

 

 

Основной интерфейс программы позволяет нам работать с файлами (вырезать, копировать, вставить, назад, вперед) и с графикой (трансформация, изменить, линия, карандаш, овал, прямоугольник, перо, текст). Возможен предпросмотр результата в отдельном окне или браузере. Имеется библиотека ресурсов, которые можно добавить к баннеру.

В принципе наш баннер уже готов благодаря работе с мастером создания баннеров, но можно его изменить или подправить. Для этого нужно нажать на кнопку «Трансформация» и мышкой растащить элементы баннера по полю программы.

 

Каждый из объектов можно перемещать, изменять, удалять и добавлять новые. Для примера изменим надпись «лучшие баннеры рунета».

 

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

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

 

 

Напоследок заменим удаленный логотип «Sothnik» картинкой из коллекции. Для этого достаточно понравившееся изображение перетащить мышкой на нужное место. К логотипу также возможно применение всех имеющихся эффектов.

Создание баннеров закончено. Нажимаем на кнопку сохранения результатов, выбираем пункт «Экспорт ролика» и далее выбираем формат «Фильм Flash» (*.swf) и нужную папку. Если Вы желаете в дальнейшем изменять баннер, то файл проекта нужно сохранить: «Файл» -> «Сохранить как» или кнопка сохранения на панели программы.

 

 

Оставьте свой отзыв. Мне очень важно знать Ваше мнение.

www.banner-web.ru

Как сделать баннер. Анимированный или флеш баннер для сайта за 10 минут!

Добрый день, Уважаемые Коллеги!

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

Причем весь процесс займет не более 10 минут (ну может в первый раз чуть побольше, пока вы будете вникать в суть дела).

Для чего нам может понадобиться баннер?

Баннерная реклама — отличный инструмент для продвижения своего сайта или  партнерских ссылок.

Разместив баннер на своем или чужом сайте можно рекламировать какой-нибудь партнерский продукт, или рекламировать свою подписную страницу, свой сайт, наконец.

Как разместить баннер на чужом сайте — об этом в следующей статье. Сегодня научимся делать баннеры.

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

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

Очень хорошо работают баннеры, рекламирующие партнерские программы.

Но почему бы не пользоваться баннерами, которые дают в партнерках, и, как говорится, «не париться»?

Мое мнение — эти баннеры быстро становятся заезженными. Если партнерка популярная, их используют все, кому не лень, в том числе и сам автор партнерки. Таким образом они мелькают на каждом сайте и вскоре уже ничуть не привлекают, а в лучшем случае — не вызывают никаких эмоций.

Сделайте свой баннер, оригинальный, интересный - и переходы на партнерку будут вам обеспечены. Пусть даже посещаемость вашего сайта невелика. А переходы — это потенциальные комиссионные, если вы понимаете.

Можно баннером украсить свой сайт, приглашая на какую-нибудь важную для вас страницу… 

Вообще — создание баннера — весьма увлекательный и творческий процесс. Не знаю, как мальчикам, но девочкам он понравится точно. Мы ведь любим всякие украшалки  ;)

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

Вот, например, какой флеш баннер я сделала на сайт для своей сестры. Она у меня парикмахер. Работала в салоне сначала каждый день. Потом стала подстригать-красить на дому, и сейчас выходит на работу всего 2 дня в неделю (пока еще боится совсем уходить), остальное время расписано — клиенты приходят на дом. Что ей намного выгодней — во-первых, не нужно половину заработка отдавать в салон за аренду, во-вторых — не нужно просиживать в салоне целый день.

Итак, как сделать баннер. Инструкция по шагам

1. Подбор картинок и оптимизация

Если вы придумали на какую тему будет ваш баннер и что он будет рекламировать, нужно подобрать подходящий материал — картинки.

Где искать картинки? В поиске Яндекса, например. Введите запрос «клипарт для баннеров», или просто ищите картинки по теме, собирайте свой клипарт, лучше скачивать картинки в формате png.

Картинки обязательно следует сделать нужного размера и оптимизировать, то есть уменьшить вес. Тогда наш баннер получится «легким», особенно если вы захотите сделать gif баннер. Также сегодня мы научимся gif баннеры уменьшать.

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

Вот, например, я скачала такую картинку, уменьшила, и буду использовать ее для баннера:

Можно сегодня сделать баннер, приглашающий подписаться на обновление сайта, например. Неважно, нам главное понять принцип, а потом вы сами сможете делать баннеры под любой размер и для любого назначения.

2. Скачиваем программу для изготовление баннеров

Программу, которой мы будем пользоваться, Aleo Flash Intro Banner Maker, можно скачать по этой ссылке. Там будет и стационарная программа, и портативная версия. Вот именно ей я и пользуюсь. Для этого нужно только открыть архив в программе win-rar и запустить версию Portable прямо оттуда:

 

3. Знакомимся с программой и параллельно делаем баннер

а) Размер и звук. Выставляем размеры будущего баннера, шкала загрузки — не нужна, галочку уберем. Звук нам не нужен в данном случае. Также можно выбрать форму, стандартная по умолчанию — прямоугольник:

 

 

б) Фон. Можно сделать фон определенного цвета или прозрачным. Мы поставим в качестве фона нашу картинку:

 

 

в) Эффект. Довольно интерсная вкладка — можно добавлять различные эффекты:  облака, летящие листья, дождь и тд. Но не всегда она нужна в баннерах. В нашем случае эффекты отключим (галочку уберем):

 

 

г) Текст, изображения. На этой вкладке можно добавить анимированный текст и изображения. Мы добавим только текста. Все заготовки, что там есть, стираем. Жмем кнопку Добавить текст, в поле вводим наш текст. Выбираем — будет он статичный или динамичный (будет всегда висеть или залетать и вылетать). Также можно выставить на какой секунде текст будет появляться и сколько секунд пробудет на баннере (все это можно регулировать потом):

 

 

Здесь немного задержимся — отрегулируем положение текста, размер, цвет и тд.

1. Изменим размер текста, шрифт и цвет:

 

 

2. Изменим положение текста:

 

 

4. Изменим эффект, с которым текст появляется:

 

 

5. А здесь можно отрегулировать время появления текста на баннере:

 

 

Если добавляете на баннер еще другие текст или изображение, редактируйте их аналогично.

Также каждый текст и изображение можно сделать ссылкой, можно ссылки сделать разными. Для этого есть вкладка Web ссылка для каждого элемента. Но мы сделаем одну ссылку на весь баннер (об этом в следующем пункте). Воспользуемся общей вкладкой Web ссылка, которая находится в колонке слева.

д) Web ссылка. На этой вкладке можно добавить ссылку. Мы сделаем так, что при клике по баннеру посетитель попадает на нужную нам страницу:

 

 

е) Опубликовать баннер. Завершающий этап — создаем баннер в нужном нам формате. Сначала сделаем флеш баннер — так баннер получится более легкий:

 

 

По завершении процесса вам дадут код, который нужно скопировать и вставить в нужное место своего сайта (но там еще сделаем кое-какие изменения):

 

 

Загрузим на блог swf файл, который вы сохранили сами знаете где. Для этого, как обычно, пройдем в редактор статей, нажмем кнопку Добавить медиафайл и загрузим наш файл и скопируем ссылку:

 

 

У некоторых swf файл может не загрузиться. Тогда придется действовать с хостинга. Заходим в админ панель хостинга. Файловый менеджер — выбирайте свой домен и папку, куда хотите загрузить баннер.  В таком случае адрес файла придется написать самостоятельно: ваш домен/папка, куда загрузили/ваш файл.swf

У кого не получается, пишите в коментариях, помогу.

Итак скопированный код, который нам дали в программе по производству баннеров, мы вставили в нужное место. Адрес файла вставим в этот код вот сюда:

 

 

Вот собственно и все! Баннер обязан заработать!

Вот что у нас получилось. Тестируйте и заодно подписывайтесь на обновления блога 

 

 

Такой баннер можно совместить с формой подписки и поставить в конце каждой статьи. Как это сделать легко и быстро читайте здесь.

 

Это был флеш баннер, давайте сделаем gif баннер

На той же вкладке Публикация баннера выбираем параметры Опубликовать рисунок GIF и Зациклить навсегда:

 

 

Ну а gif баннер вы уже знаете как разместить на блоге — как обычное изображение.

Только иногда gif баннер получается слишком «тяжелый», я столкнулась с этим, когда размещала баннер в сервисе Ротабан - не пропускали.

Тогда его можно быстренько оптимизировать

Заходим на этот сервис, загружаем gif баннер, оптимизируем, там все понятно.

Не забудьте сохранить свое творчество!

Жмем Проект — Сохранить проект — выбираем где будет проект храниться — ОК!

 

 

Вот и все, сегодня мы с вами научились делать баннеры. Пусть немного любительские, зато быстро и бесплатно. Но если хорошо потренироваться, будут получаться не хуже профессиональных!

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

 

На этом прощаюсь, жду ваших комментариев, будьте удачливее всех!  Анжелика.

zarabotay-mnogo.ru


Смотрите также