Как сделать баннер для сайта. Программы. Фотошоп.

Дизайн

17

Всем привет! Баннер – это анимированная картинка небольших размеров, изображения которой, как правило, поочередно меняются. Чаще всего баннер состоит из 3-4 изображений, каждое из которых демонстрируется несколько секунд. Анимированные (gif, flash) баннеры отлично привлекают внимание посетителей сайта, а это значит, что трафик можно перенаправлять с одного ресурса на другой.

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

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

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

  1. Ulead Gif Animator
  2. Banner Maker Pro 7.0.5
  3. Banner Designer Pro 5.0
  4. Easy GIF Animator

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

Easy GIF Animator

Я опишу создание баннера с помощью программы Easy GIF Animator, так как сам ей нередко пользуюсь. Данная программа подойдет в том случае, когда нужно быстро создать простой и незамысловатый баннер, состоящий из 2-3 меняющихся надписей. Интерфейс проги очень удобен, что позволяет мгновенно в ней разобраться. Но графика оставляет желать лучшего.

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

Запустив программу, вы попадете на главную страницу, где надо будет выбрать, что создать (анимацию, баннер, кнопку и т.д.). Мы выбираем анимированный баннер.

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

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

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

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

Вот, что у меня получилось (на создание ушла всего минута):

Создание баннера в фотошопе

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

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

Я нашел в интернете две очень интересных статьи, расписывающие разные варианты создания красивых логотипов. Рекомендую вам ознакомиться с ними.

  1. http://webmastermix.ru/graphics-for-sites/144-how-to-create-a-banner.html
  2. http://www.photoshopsunduchok.ru/animaciy/229-banner.html

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

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

17 комментариев

по хронологии
по рейтингу сначала новые по хронологии
spark-programs

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

Автор

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

Дорофеев Данил

У вас очень полезная статья, особенно для новичков. Вот скажите, если баннер можно сделать в Photoshop, то в coral draw тоже можно сделать нечто подобное? Или он для этого не подходит

Спасибо за статью. От себя добавлю. Я всегда создаю баннеры в фотошопе - обычные статичные и гиф-анимированные. Это получается быстро и легко. Всегда можно что-то исправить или улучшить. При этом в день я могу создавать около 20 баннеров для заказчиков. Так что, ребят, никогда не бойтесь пробовать что-то новое. Если не получилось один раз, обязательно получится второй. Практика, практика и еще раз практика. А вот уметь создавать баннеры это для любого держателя блога или сайта очень полезно будет.
К сожалению только, толковый уроков не так уж и много, да и книг по данной тематике нет.
А фотошоп дело не хитрое, по нему и книг куча и обучающих материалов. Да и для того, чтобы баннеры в нем делать на достаточно высоком уровне, половина инструментов и функций совсем не нужны. Удачи!

Безусловно, и в фотошоп, и в корел, и в иллюстраторе можно делать баннеры. Но единственное, для статичных картинок подойдет и корел, а вот для анимированных баннеров лучше использовать все-таки фотошоп. Там баннеры получаются более качетсвенные и профессиональные. Для флеш же баннеров, лучше использовать adobe Flash или более доступный аналог Swish Max.

Но все-таки, любую растровую графику лучше делать в фотошоп. Так и быстрее и удобнее

Автор

Да, можно, я даже нашел по нему видео-уроки, поищите сами в гугле, и увидите.

ele-prohorova

Очень хорошая статья. Вы предложили очень хороший софт для создания баннеров. Лично мне очень нравится использовать Banner Maker Pro. Эта программа настолько проста, что создавать в ней баннеры не представляет никакого труда. Если вы еще пользуетесь другой программой - попробуйте эту. Вы останетесь довольными.

Буров Дамир

Пользовался всеми перечисленными вами средствами для создания баннеров. Мне наиболее привычным и удобным конечно же является Photoshop. Может конечно это дело привычки. Но хочется все же порекомендовать его тем, кто собирается заниматься созданием баннеров.

Очень полезная информация на страничке. Постоянно использую. Владимир.

Спасибо, что рассказали не только, как пользоваться одной из программ, но и подобрали ссылки с уроками для Фотошопа. Очень полезные оказались для меня! Спасибо!

очень быстро и красиво удалось смастерить баннер! а как вшить сслыку на сайт? (хочу разместить свой баннер-рекламку на стороннем сайте, чтобы нажав на баннер пользователь перешел ко мне на сайт). спасибо!

Спасибо, для меня сейчас это очень актуально. Впервые слышу, что ФШ работает с анимацией =)

Гендос

Спасибо за прогу!!! Выручили очень! Благодарен!!)

Спасибо за полезную и нужную информацию .

Интересно, а в фотошоп-онлайн можно создать баннер?

Хорошая прога Easy GIF Animator, спасибо. Только вот в бесплатной версии не нашел возможности в хтмл код переводить.

В итоге я в ней баннер сделал, сохранил как гиф картинку, а в код уже на другом сайте перевел.

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

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

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Более 6 лет опыта работы

Отвечу в течении 24 часов

Минимальная сумма заказа 1000Р

Ваше сообщения отправлено
Ваше сообщения отправлено успешно