Как создать баннер

Как создать баннер? Как создать красивый анимированный баннер? На все эти вопросы я постараюсь максимально исчерпывающе ответить в сегодняшней статье.

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

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

Создавать баннер мы будем с помощью программы – BannerDesignerPro (официальный сайт программы – Bannerdesignerpro.com/). Программа платная, стоит 40$, но, как говориться, Google еще ни кто не отменял,так, что ищите

Так же вы можете почитать мою статью – Как создать анимированный баннер. В этой статье я расскажу вам как создать баннер с помощью программы Bannershop GIF Animator

Итак, начнем создание баннера.

Как создать баннер с помощью BannerDesignerPro

1. Скачайте, установите и запустите программу BannerDesignerPro

2. Перед вами появиться панель создания нового баннера


Как создать баннер с помощью BannerDesignerPro

(1) – в этом поле укажите размер вашего будущего баннера

(2) – укажите фигуру баннера, цвет и ширину обводки

(3) – выбираем цвет фона баннера, можно выбрать однотонный цвет и градиент

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

3. Нажмите кнопку “ОК”

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


Как создать баннер с помощью BannerDesignerPro

(1) – главное меню программы, с помощью него вы можете управлять всеми элементами и функциями программы

(2) – панель управления баннером, с помощью него вы можете сделать предпросмотр баннера, а также экспортировать готовый баннер

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

(4) – панель создания баннера, на этой панели вы может располагать все элементы баннера как вам угодно

(5) – панель эффектов, с помощью этой панели вы можете создать различные эффекты для элементов вашего баннера

Теперь давайте перейдем к добавлению на баннер различных элементов

Добавление на баннер различных элементов

Давайте создадим на баннере, текст, который будет “выезжать” с левой стороны баннера, а также картинку,которая будет постепенно увеличиваться в размерах.


Добавление на баннер различных элементов

1. С помощью инструмента текст (находится на панели инструментов, (3)), добавьте на баннер необходимый текст.Для того, чтобы текст отображался нормально задайте шрифт текста. Для этого, на панели эффектов (5), во вкладке “Properties”, в поле “Font” выберите “Arial”


Добавление на баннер различных элементов

Теперь давайте создадим анимацию текста. Для этого переходим на панели эффектов (5), во вкладку “Transitions”. В поле “Start Timing” выбираем “From beginning of the banner”, в поле “Entry Effect” выбираем “Left to Right”


Добавление на баннер различных элементов

Теперь текст будет “выезжать” на баннер.

2. С помощью инструмента “Image” добавьте на баннер изображение. Теперь давайте создадим анимацию плавного появления картинки. Для этого переходим на панели эффектов (5), во вкладку “Transitions”. В поле “Start Timing” выбираем “From beginning of the banner”, в поле “Entry Effect” выбираем “Zoom In”


Добавление на баннер различных элементов

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

Анимация смены элементов

1. С помощью инструмента текст (находится на панели инструментов, (3)), добавьте на баннер еще один текст. Шрифт также выберите “Arial”

2. Расположите новый текст по верх старого


Анимация смены элементов

2. Теперь создадим анимацию появления второго текста после первого. Для этого переходим на панели эффектов (5), во вкладку “Transitions”. В поле “Start Timing” выбираем “From another object” выбираем первый тест, выбираем “Exit Start”, в поле “Entry Effect” выбираем “Left to Right”


Анимация смены элементов

3. Аналогичную процедуру проводим с изображением.

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

Экспорт баннера

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

Для того, чтобы экспортировать баннер, нажмите на кнопку “Publish”, находится на панели управления баннером (2), выберите необходимый вам формат, нажмите кнопку “Publish”


Анимация смены элементов

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

Понравилась статья? Впереди еще много интересной информации, так, что подписывайтесь на RSS ленту, а также на мой канал на YOUTUBE.




Оставить комментарий

Подписка на обновления блога
Социальные сети

Введите ваш email адрес:



Социальные сети Социальные сети Социальные сети Социальные сети


Return to Top ▲Return to Top ▲
Мультимедийные "фишки" для вашего интернет бизнеса
Главная | Контакты | Мои услуги | Видео от А до Я | Видео-курсы | Все посты | Об авторе