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

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

BannerBOO – онлайн-конструктор html5 баннеров

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

Представлено два основных языка интерфейса: русский и английский. Можно просмотреть примеры готовых баннеров, нажав на кнопку «Галерея» или выбрать «Подробнее» , чтобы узнать о возможностях онлайн конструктора баннеров. Кроме этого, на стартовой странице можно ознакомиться с тарифными планами, выбрав меню «Цены» , создать баннер онлайн, прочитать блог компании, познакомиться с готовыми шаблонами html5-баннеров.

BannerBOO предлагает своим клиентам два тарифных плана:

  • Бесплатный. Он содержит ограничения по количеству создаваемых онлайн баннеров, выделяемому на облаке месту и так далее.
  • Старт – 14,99 долларов. Ежемесячная абонплата снимает все ограничения, указанные выше и имеет ряд не оспоримых преимуществ перед бесплатным тарифом.
  • Плюс. Этот план находится в разработке. Он содержит еще большее количество возможностей для создания баннера онлайн.
  • Можете сами ниже сравнить возможности тарифов:

    Преимущества :

  • Большой выбор готовых шаблонов на различную тематику и различных размеров
  • Размещение баннера в облачном сервисе. Это дает доступ к своему баннеру из любой точки земного шара
  • Адаптивность – основное отличие готового продукта этого сервиса от других онлайн-конструкторов
  • Экспорт в формат PNG, возможность загружать свои картинки, выделяет BannerBoo среди конкурентов
  • Дружелюбный русскоязычный интерфейс
  • Простой встроенный редактор
  • Минусы бесплатного создания онлайн html5 баннера в этом конструкторе:

  • Разрешено делать не более 3 баннеров
  • Ограничено место на облаке 100 Mb
  • Водяной знак сервиса на готовом продукте
  • Предлагаются только статические шаблоны для бесплатного тарифного плана
  • BannerFans

    Banner Fans () – этот редактор выделяется большой функциональностью и удобством создания баннера. На главной странице представлен макет, который будет изменяться при каждом внесении изменений в шаблон. Стартовая страница мрачная, но мы пришли сюда не любоваться ей. Изначально этот ресурс англоязычный, но со временем появилась поддержка многих языков. Выбор языка находится в верхнем правом углу (указан стрелкой на скрине внизу). Хочу сразу заметить, перевод отвратительный, складывается впечатление, что переводили Google переводчиком.

    Рассмотрим меню:

  • Макет. Выбирается размер и фон. Можно загружать собственные изображения и устанавливать градиент цвета.
  • Текст. Прописываем нужный нам текст. Есть возможность размещать до 6 строк текста. Настройка шрифта для каждой строки, цвет и наклон букв (0-90 градусов).
  • Воздействие. Настройка тени букв, ее яркости, расстояния от символа.
  • Пограничная. Установка рамки.
  • Формат. В каком формате сохранять.
  • Любое изменение в настройках можно посмотреть, нажав на кнопку «Изменить баннер» . Эти кнопки находятся внизу окна. Здесь можно сохранить его, получить код для вставки на сайт, скачать в виде файла. Хотите создать новый баннер, кнопка «Начать новый» и откроется новый макет.

    Недостатки:

  • Отвратительный перевод на русский язык. Приходится догадываться, за что отвечает та или иная настройка.
  • Не поддерживается русскоязычная раскладка. При написании текста на родном языке можно получить или пустую строку, или иероглифы
  • Текст второй и последующих строк не помещается в шаблон, если указать размер, отличный от 728х90 пикселей
  • После каждого внесения изменений нужно обязательно нажимать на кнопку «Изменить баннер» , чтобы увидеть их
  • Достоинства:

  • Бесплатность
  • Поддержка многих языков
  • Canva.com

    Canva () – онлайн сервис для создания бесплатного баннера сайта. На главной странице предлагается выбрать тип:

  • YouTube banners. Стиль для Ютуба
  • Medium Rectangle. Средний прямоугольник
  • Large Rectangle. Больной прямоугольник
  • Facebook Banners. Баннеры для Фейсбук
  • Email Headers. Предназначены для почтовой рассылки. Помещаются в шапку письма
  • LeaderBoard. Плоский прямоугольник (растянутый).
  • Wide Skyscrapper. Широкий небоскреб. Удобно размещать в сайдбарах.
  • В зависимости от выбранного типа будут предлагаться соответствующие шаблоны для создания баннера . Canva предлагает больший выбор макетов. Достаточно кликнуть на один из них, и он будет доступен для редактирования. Выбираем любой из элементов, размещенных на шаблоне (двойной клик на нем) и его можно изменять. Это касается как картинок, так и текста.

    В левой части представлено меню:

  • Макет. Предустановленные шаблоны
  • Элементы. Здесь выбираем бесплатные фотки, сетки, рамки, фигуры, линии и т.д.
  • Текст. Пишем заголовок. На выбор три типа разных размеров. Кроме этого можно выбрать оригинальный вид надписей из большого числа примеров
  • Фон. Указать какой фон или выбрать структуру картинки.
  • Мое. В этом разделе есть возможность загрузить свои фотографии, картинки
  • Canva.com имеет и платные возможности . Для изменения размера макета нужно оформить подписку на месяц. Стоимость 12,95%. На год – дешевле. Заплатив, вы получаете определенные преимущества. Но и без них, можно создать баннер бесплатно онлайн, используя халявные функции конструктора .

    Достоинства :

  • Большой функционал. Много бесплатных возможностей для полноценной работы
  • Русскоязычный и интуитивно понятный интерфейс
  • Совместная работа над дизайном проекта
  • Как и в полноценном редакторе есть возможность отменить и вернуть изменения
  • Расшаривание в соцсетях
  • Недостатки :

  • Есть платные функции (например, изменение размера), но они не влияют сильно на работу над дизайном.
  • Чтобы получить тестовый период на 30 дней нужно оплатить участие в проекте на месяц.
  • Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

    Подписаться

    Как правило, любой веб-проект создается для того, чтобы на нем зарабатывать. Иначе вся деятельность в интернете теряет смысл. Одним из способов заработка является размещение рекламы на своем сайте. Рекламодатель разрабатывает и размещает свою рекламу на чужом веб-ресурсе за плату для того, чтобы продвинуть товар или услугу.

    Что такое рекламный баннер на сайте

    Это прямоугольный блок с неподвижной или анимированной картинкой (текстом). Обычно после клика на него пользователь отправляется на веб-страницу рекламодателя.

    Немного истории

    Впервые интернет-баннер увидел свет в 1994 году: он перекочевал в Сеть из печатных СМИ. В дальнейшем данный маркетинговый прием стал развиваться: создавались целые страницы, сверху донизу заполненные агрессивной рекламой. Со временем посетитель привык не обращать внимания на ее обилие - перенаполняемость веб-сайтов рекламой стала считаться дурновкусием.

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

    Новые клиенты и покупатели

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

    Прирост трафика

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

    Преимущества данного маркетингового приема
  • Цена на создание и размещение баннеров намного ниже, чем стоимость прокрутки ролика на ТВ.
  • Не требуется огромный штат сотрудников для создания материала.
  • Корректировки под целевую аудиторию, легкое внесение изменений в рекламную кампанию.
  • Баннерная (медийная) реклама + таргетинг (направленность на определенную целевую аудиторию) - один из самых эффективных приемов в маркетинге.
  • Виды интернет-баннеров По типу отображения
    • Статические - одна картинка.
    • Динамические - смена изображений, движущиеся элементы.
    • Видео - ролик проигрывается при наведении мышкой или при клике.
    По форматам
    • Простая статическая картинка в растровой графике (JPG, GIF, PNG и т.д.).
    • GIF-анимация - сменяющие друг друга рисунки в растровой графике.
    • Flash-анимация - применяется векторная графика, плавная смена элементов, интересные эффекты, может накладываться звук.

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

    По размерам

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

    • 728х90 - «Доска почета».
    • 468х60 - «Горизонтальный».
    • 336x280, 300х250, 300х600, 240х400, 180х50 - «Прямоугольные».
    • 300х600, 120х240 - «Вертикальные».
    • 120х600, 160х600 - «Небоскреб».
    • 250х250 - «Квадрат».
    • 125х125, 120х90, 120х60 - «Кнопки».
    • 88х31 - «Полоса».

    Почти все вышеперечисленные размеры доступны для размещения в Яндекс.Директ и Гугл Адвордс.

    Как сделать медийную рекламу эффективной

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

    Признаки качественного интернет-баннера
  • Загружается быстро. Пользователь не должен ожидать долго.
  • Привлекает внимание. При этом важна не насыщенность цветами или разнообразие кадров. Картинка должна стимулировать посетителя к дальнейшему ознакомлению с материалом.
  • Оригинальный. Похожими друг на друга изображениями пестрит весь интернет. Поэтому важно заинтересовать искушенного пользователя именно своими ТиУ.
  • Стимулирует совершить покупку (выполнить действие). Это и есть главная цель любого продвижения.
  • Вызывает доверие. Особенно важно для малоизвестной компании. При разработке необходимо учитывать психологию цветов и фраз.
  • Где должен размещаться рекламный блок

    Немаловажно также место размещения и размеры медийных материалов.

    • Чем крупнее картинка - тем вероятнее клик по ней.
    • Самым лучшим размером блока считается 240х400.
    • Верхний левый угол и шапка веб-сайта - именно отсюда взгляд посетителя начинает скольжение по странице.
    • Верх сайта - самое эффективное место.
      Анимационные блоки привлекают внимание, если даже они размещены в самом низу.
    • Красный - цвет решительности, побуждения. Но его переизбыток может вызвать агрессию к ТиУ. Его оттенки (пурпур, бордо, розовый) менее агрессивны, но также успешно применяются. Красный в сочетании с черным позволяет подчеркнуть важность чего-либо.
    • Оранжевый - хорошее настроение, побуждение к действию. Считается самым эффективным в рекламе, но плохо подходит для фона.
    • Желтый - радость, настраивает на коммуникабельность, прекрасно сочетается с черным.
    • Зеленый - свежесть, тонус, здоровье. Прекрасно подходит для фона, применяется чаще в медицинских ТиУ.
    • Синий - покой и нежность.
    • Фиолетовый - таинство и торжественность какого-либо события. Подчеркивает оригинальность ТиУ.
    • Серый - самый умеренный цвет, ни у кого не вызывает отторжения.
    • Белый - чистота. Если неагрессивный баннер имеет белый фон, то он не вызывает эмоций.
    • Черный - не подходит для фона, но незаменим как цвет шрифта.
    Правила текстового посыла

    Картинка только «цепляет» внимание. На медийном блоке важен именно текст, поэтому учитывайте следующие рекомендации:

    • Обращайтесь к вашей целевой аудитории.
    • Придумайте интересный заголовок.
    • Текст должен намекать о вариантах решения проблемы.
    • Он должен интриговать, вызывать любопытство.
    • Должен описывать интересный сюжет, как в любом рекламном ролике.
    • Должен иметь связь с графикой на кадрах.
    • Слова «Вход» или «Нажимай» побуждают к действию.
    • Слово «Бесплатно» интригует каждого.
    • Текст должен занимать до 20% от пространства прямоугольника.
    • Любые цифры вызывают доверие.
    • Если у вас есть логотип - не забывайте про него.
    • Оформление шрифта в виде подчеркнутого голубого текста побуждает пользователя кликнуть на ссылку.
    • Используйте элементы дизайна от Windows - на такие баннеры чаще кликают.
    • Не применяйте мигающий, а также черный или красный фоны.
    • Смена изображений не должна быть слишком быстрой. Человеку нужно успеть понять ваш посыл.
    • Если фон прямоугольника белый - обведите его рамкой.
    • Забудьте про курсив, мелкий шрифт и слова, написанные кричащими заглавными буквами.
    • Рекламный материал должен повторять стилистику рекламируемого интернет-проекта.
    • Эротический контекст всегда увеличивает кликабельность (применимо не для всех рекламодателей).
    • Изображения людей привлекают внимание.
    • Создавайте в анимированном блоке не более 4 кадров.
    • Общее время прокрутки анимации - не более 5-6 секунд.
    • Если медиа-реклама всплывает и навязывается, то пользователь ее закрывает.
    • Рекламный материал должен вести на страницу, которая более полно раскрывает его суть.
    Программы для создания баннеров для сайта

    В зависимости от формата применяется соответствующее ПО для создания материала. Если для разработки статики подойдет любой графический редактор, то для разработки анимации необходимо специализированное ПО.

    • ADOBE PHOTOSHOP - платная. Самый мощный графический редактор. Поддерживает множество форматов, инструментов, позволяет использовать разные спецэффекты и добиваться высокого качества изображений.
    • EASY GIF ANIMATOR - платная. Выдает GIF или AVI-формат, позволяет работать как с анимацией, так и со статикой. Предусмотрены красивые эффекты, смена кадров, обладает большим набором инструментов. Доступно 20 открытий для бесплатного тестового применения.
    • BANNER MAKER PRO - платная. Понятный интерфейс, простые функции, любые размеры создаваемых материалов, высокое качество готовой продукции.
    • ARTWEAVER - условно-бесплатная. Российская программа, графический редактор, имеет множество инструментов для обработки изображений. Можно бесплатно работать с базовым набором функций.
    • ULEAD GIF ANIMATOR - условно-бесплатная. Более 15 плагинов, удобная раскадровка, синхронизация с «Фотошопом», сохранение во многих форматах. Можно сохранить материал в HTML.
      ADOBE FLASH CS5 PROFESSIONAL - условно-бесплатная. Сильная программа для разработки FLASH-анимации. Имеет встроенный функционал для производства FLASH-роликов, сотни плагинов, «живую» анимацию, добавление музыки, поддерживает формат FLA. Имеет тестовый период 1 месяц, можно найти бесплатные взломанные версии в интернете.
    • GOOGLE WEB DESIGNER - бесплатный сервис от Гугл. Сложноватый интерфейс, небольшое количество эффектов, зато много подсказок на русском.
    • GIMP - бесплатная. Бесплатный аналог «Фотошопа». По функционалу уступает своему предшественнику, но нулевая стоимость склоняет чашу весов в пользу GIMP.
    • PAINT-NET - бесплатная. Работает только со статикой, ничего лишнего; много возможностей, легкий интерфейс.
    • AURORA 3D-ANIMATION - условно-бесплатная. От статики до FLASH. Много шаблонов, простой интерфейс, тонкая настройка смены кадров, поддерживает формат SWF.
    • SOTHIK SWF - бесплатная. Позволяет создавать FLASH, имеет множество готовых шаблонов и картинок.
    • EASY BANNER - бесплатная. ПО для новичков в дизайне, работает как со статикой, так и с анимацией, есть впечатляющая подборка фонов и стандартных изображений.
    • ALEO FLASH INTRO BANNER - без оплаты. Работает с FLASH, GIF-анимацией и статикой, много шаблонных звуков, готовых анимаций, шрифтов. Простой интерфейс.
    • ATANI - бесплатная. Работает с форматом GIF. Инструментарий очень прост и понятен.
    • BANNER FANS - онлайн-сервис, без оплаты. Много полезных настроек и возможностей. Позволяет рисовать статические медиа-материалы, можно создать баннер онлайн для сайта.
    • ANNERS NACK - онлайн-сервис, без оплаты. Предельно простой принцип работы, есть готовые шаблоны. Пользователь может легко выбрать подходящий готовый вариант и внести свои корректировки.
    Резюме

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

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

    Итак, приступим, как сделать баннер для сайта. Для этого нам понадобится программа «Фотошоп», причем нет необходимости гнаться за самыми современными версиями, для нашей цели вполне подойдет и фотошоп 6-й версии. Кстати кто не знает, как сделать фоновое изображение для сайта, а так же шапку для вашего сайта может так же воспользоваться данной программой для этих целей.

    Для того, что бы ответить на вопрос для сайта, необходимо открыв программу создать наш баннер точнее его основу. При этом следует помнить, что стандартные баннеры имеют несколько типоразмеров. Как правило, на сайтах применяются баннеры 468х60, 120х120, 100х100, а так же 88х31. Рассмотрим вариант изготовления баннера с размером 468х60.

    После того как открыли программу нажимаем вкладку «файл» - «новый». После в открывшемся окне прописываем размеры (высоту 60 и ширину 468) при этом обязательно убедитесь в том, что единицами измерения являются пиксели. Разрешение ставим на значение 150 пикселей на дюйм, и выбираем прозрачный фон.

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

    Теперь разместим картинку на баннере. Для этого сначала определитесь с картинкой, которую будете размещать. Желательно что бы она представляла не сложную фигуру и была если не логотипом, то максимально похожей на него (хотя многое зависит от задач которые стоят перед баннером). После того как картинку выбрали, кстати, она должна иметь расширение либо jpg либо gif, открываем ее в фотошопе. После этого подгоняем размер картинки под наш баннер. Для этого в основном меню выбираем вкладку «изображение»-«размер изображения». После чего в открывшемся окне необходимо задать высоту картинки в 60 пикселей при этом обязательно должна стоять галочка в поле «сохранять пропорции». Если же изображение имеет свой фон, то предварительно его необходимо вырезать и вставить в новое изображение с прозрачным фоном. После того как размер подогнали выбрав инструмент перемещение перетаскиваем изображение на наш баннер и размещаем там в необходимом нам месте.

    Теперь нам необходим текст. Для этого выбрав инструмент «текст» вписываем необходимую нам фразу и размещаем простым перетаскиванием по картинке как нам необходимо. После этого остается выбрать в меню «сохранить для web» (сохранить как) и при сохранении выбрать формат изображения jpg.

    Но многим баннера с текстом бывает мало желательно, что бы это был баннер ссылка. Как сделать ссылку для своего баннера и связать их. Для этого необходимо на сайте который разместит ваш баннер написать следующий код (это можно сделать и в типа дримвевер) < а href="URL ВАШЕЙ СТРАНИЧКИ">< img srс=" URL БАННЕРА " >< /а>. для того чтобы определить " URL БАННЕРА " необходимо знать как добавить баннер на сайт и куда.

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

    Инструкция

    На панели «Пуск» выберите пункт «Все программы», затем «Стандартные». Кликните программу Paint, чтобы она открылась.

    Чтобы загрузить выбранную картинку в редактор Paint, нажмите на значок в левом верхнем углу, затем выберите пункт «Открыть».

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

    Чтобы обрезать выделенную область, нажмите «Изображение» - «Обрезать».

    Измените размер изображения: «Изображение» - «Изменить размер».

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

    Нажмите на на значок в левом верхнем углу - «Сохранить как» - «Изображение в формате GIF».

    В открывшемся окне в строке «Тип файла» будет установлен формат GIF (*gif). Задайте имя файла и сохраните его, нажав «Сохранить».

    Чтобы вставить на баннер текстовую информацию, активизируйте инструмент «Текст».

    На панели инструмента ввода текста выберите нужные размер, шрифт, цвет, тип и расположение шрифта. Растяните рамку для ввода текста на нужные длину и ширину и введите текст.

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

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

    Итак, у вас есть под рукой два одинаковых файла с разным текстом. Это будут два слоя, которые нужно объединить, чтобы текст баннера постоянно изменялся. Эту операцию можно легко сделать в небольшой программе для создания анимированных GIF"ов MS GIF Animator.

    Установив программу на компьютер, откройте ее двойным кликом.

    В панели инструментов Gif Animator нажмите значок Open/«Открыть» (или Ctrl+O), в поле «Папка» выберите свою папку с созданными GIF-файлами. Затем двойным щелчком мыши выберите файл, который станет вторым слоем вашего баннера, чтобы другой файл (первый слой) лег сверху, т.к. в этой программе анимация создается в обратном порядке.

    Откройте первый слой инструментом добавления Insert/«+» (или Ctrl+I).

    Сгруппируйте слои инструментом Select All/«Выделить все» (или Ctrl+L) .

    Перейдите во вкладку Animation и поставьте галочку напротив пунктов Repeat forever («Всегда повторять») и Looping («Выполнение цикла»).

    Во вкладке Image установите скорость кадров - к примеру, 1/80, оптимально.

    Нажмите инструмент Preview (или Ctrl+R), чтобы просмотреть результат.

    Сохраните баннер с помощью инструмента сохранения Save (или Ctrl+S). Ваш баннер готов, теперь его можно размещать.

    Обратите внимание

    Чтобы избежать большого веса баннера, лучше ограничиться 2-4 слоями.

    Полезный совет

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

    Источники:

    • Как сделать баннер онлайн бесплатно

    Инструкция

    Создайте новый слой нужного вам цвета.

    Уменьшите его до нужного размера и поместите в нужное вам место.

    Ваш первый простой баннер готов к размещению.

    Видео по теме

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

    Вам понадобится

    • - компьютер с установленным графическим редактором Paint

    Инструкция

    Создайте фон вашего баннер а. Выберите инструмент «Заливка» и цвет заливки в открывшемся меню.

    Нажав вместе клавиши Ctrl и J, создайте второй слой вашего документа. Включите отображение второго слоя и отключите отображение нажатием глазика напротив соответствующего слоя. Нажмите комбинацию клавиш Ctrl и L и, двигая ползунки, затемните второй слой.

    Создайте из полученных двух кадров анимированную картинку. Для этого откройте анимационное окно (Window-Animation). В нем высветится все ваше изображение, состоящее из двух кадров, которое будет совпадать с затемненным кадром. Установите для него показа, например, 0,5 с. С помощью «глазика» выберите первый слой и отключите второй. Нажмите кнопку Duplicates selected frames на вкладке Animation (Frames). Второй кадр появится в анимационном окне. Выберите для него время показа 0,2 с.

    Сохраните полученный файл в формате GIF (File-Save for Web and Devices…). Выберите необходимые значения из списка Preset для определения изображения. Учитывайте, что в режиме No Dither изображению придается мягкость в нечетких линиях.

    Обратите внимание

    Сохраняйте баннер только в формате gif. При его сохранении в любом другом формате эффект анимации не будет достигнут.

    Полезный совет

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

    Инструкция

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

    Потренируйтесь в создании . Они привлекают больше внимания, чем статичные. Для создания эффекта анимации выберите в меню «Окно» и нажмите на раскрывшемся меню «Анимация». Теперь вы можете изменить длительность каждого кадра (например, 1-2 секунды). Определите, сколько кадров будет иметь анимированный баннер, оптимальным количеством является 8-10. Нажмите на следующий кадр, чтобы приступить к изменению его внешнего вида по личному усмотрению.

    Нажмите правой кнопкой мыши на баннер и откройте контекстное меню. Кликните по клавише «Деформировать текст» и настройте структуру анимации текста. Вы можете указать любой из параметров, например, «Сжатие» или «Арка», и изменить интенсивность наклона в процентах.

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

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

    Наша команда Баннерович – предлагает вам услуги для изготовления баннеров, вы изготавливаете баннер в Интернете на веб ресурсе, без загрузки программного обеспечения и своими силами. Конструктор баннеров дает возможность сделать баннер легко, быстро и экономно!

    Вам нужно задействовать свою креативную часть, которая в каждом человеке есть, и изготовить баннер для своих нужд. У Баннеровича изготовлено более 500 баннеров на сегодня. Посмотрев примеры изготовленных баннеров вы можете представить, что можно сделать в этом конструкторе баннеров! Мы уверены, что ваш баннер, сделанный вашими силами будет намного лучше!

    Просто возьмите и сделайте баннеры! Хочешь сделать хорошо – сделай сам!