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

3Создать баннер с помощью вспомогательной программы

Необязательно искать сложную программу, которая справится с задачей. Подойдет даже самая простая, но функционально “подкованная”. Такой является Easy GIF Animator. Программа платная, но большой ее плюс – можно бесплатно сделать 20 пробных запусков. Этого хватит, чтобы сделать несколько баннеров.

Интерфейс программы понятен даже тому, кто далек от графических редакторов. Алгоритм создания баннера схож с процессом, описанным выше. Это наиболее простая, но доступная программа для быстрого создания своего “детища”.

Также можно выбрать программы:

  1. Banner Maker Pro – простой интерфейс и ограниченные функциональные возможности. Разработана для создания элементарных баннеров.
  2. Ulead GIF Animator – сложное управление, но большой выбор инструментов и возможностей разработать идеальный баннер.
  3. Banner Designer Pro – профессиональная программа для создания “продвинутых” вариантов. Не самый простой интерфейс, но зато софт имеет большой выбор инструментов, чтобы воплотить свои задумки.

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

Способы создания баннеров

На сегодняшний момент вы можете получить баннер, вот какими путями:

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

Спешу поделиться с вами местами, которые я использую: биржа фриланса fl.ru (здесь, конечно, дороговато, но зато качество всегда на высоте. Видимо, фрилы проходят тщательный отбор), Weblancer (соотношение цены и качества наравне. Есть профи, но попадаются и лошарики на воздушном шарике. Всегда смотрите портфолио и отзывы). Ну, а самые дешевые исполнители находятся на ВоркЗилле (можно торговаться на счет цены. Качественно давайте задание. Проверяйте работу еще до оплаты). В общем, пользуйтесь на здоровье!

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

Площадки

Баннерные сети

Баннерные сети созданы для автоматизации процесса взаимообмена баннерами или покупки мест на сайтах.

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

У баннерных сетей существуют свои комиссионные. Например: если вашим сайтом были показаны чужие баннеры 100 раз, свою рекламу вы можете продемонстрировать 85 раз.

В данном случае комиссия составила 15 процентов.

Одна из самых старых и надежных сетей Rotaban

Yandex Direct

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

Яндекс Директ был специально разработан для жителей России и стран СНГ.

На западе аналогом является Гугл ЭдВордс.

Особенности:

  • Рассчитан на русскоязычную аудиторию
  • При расчете бюджета учитываются количество кликов, а не количество показов баннера. (Новичкам рекомендуется установить минимальную стоимость за 1 клик).
  • Минимальная сумма за клик динамична.
  • Система формирует отчет о рекламной компании.
  • Возможность настраивания времени показов.

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

На основе предпочтений пользователей, рекламодатели предоставляют актуальную информацию.

Гугл отображает , соответствующие поисковому запросу.

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

Создание баннера

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

Зарегистироваться>>>

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

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

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

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

  • Шаблоны Раздел отвечает за фоны и размеры баннера. Конструктор опционально может подогнать размер выбранной картинки автоматически или предоставить данную возможность создателю баннера (вручную или из списка шаблонных размеров). 
  • Фото. Здесь можно выбрать фон из списка доступных на ресурсе изображений. Их использование бесплатно. 

  • Элементы. Здесь можно добавить на готовый фон разные элементы – небольшие картинки, фразы, диаграммы и т.п 
  • Текст. В этом разделе можно добавить на баннер несколько текста (заголовок, подзаголовок, основной текст), каждая из которых поддается независимому редактированию. Ресурс предлагает сотни шрифтов на выбор.

  • Видео. Здесь можно добавить видео в свой баннер.
  • Фон Этот раздел предоставляет опцию выбора фонового изображения для вашего баннера.

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

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

Алгоритм работы следующий:

  1. Выбор размера.
  2. Создание основы баннера (с нуля или по имеющимся статичным и анимированным шаблонам)
  3. Персонализация дизайна – редактирование заголовков и текста, фона или любых элементов. 
  4. Экспорт баннеров на любую платформу. Генератор баннеров  подходит для основных рекламных платформ: Google Display Network, AdRoll, ReTargeter. 

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

Смотрите видео по теме:

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

Зарегистироваться>>>

Статичный баннер готов, но есть возможность анимировать его, сделав более заметным и привлекательным. Для этого существует удобный ресурс Gifovina. Предварительно создайте несколько разных картинок на сайте Canva, после чего загрузите их в формате GIF на сайт Gifovina. Ресурс предложит несколько настроек, в которых можно отрегулировать скорость анимации, выбрать необходимые фоны, добавить немного эффектов, после чего анимированный баннер доступен для сохранения.

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

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

Способов создания баннеров множество. Мы предлагаем рассмотреть 4 основные решения:

1 — Дизайнер

Если ваш бюджет позволяет и вам необходим баннер высокого качества, тогда это решение для вас. Найти дизайнера помогут такие платформы: Odesk, Elance, Fiverr и т.д. Сколько это стоит? На Fiverr цена услуги стартует от 15$.

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

2 — Графические редакторы

Чувствуете себя художником и имеете навыки работы с графическими редакторами? Тогда этот вариант идеален для вас и вы можете создать баннер самостоятельно. Для этого творческого процесса нужно выбрать программное обеспечение: Photoshop, Gimp и т.п. Если же у вас нет навыков работы и знаний функционала, тогда начните с обучения. В Youtube множество обучающих видео, вот только несколько из сотен уроков создания баннеров в Photoshop:

3 — Power Point

Привыкли, что Microsoft PowerPoint создан лишь для презентаций? Приоткроем вам двери в новый мир. Программа позволяет создавать как статичные так и анимированные баннеры.

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

1. Откройте PowerPoint

2. Щелкните на кнопку «Макет» в верхнем меню программы. Далее нажмите на «Пустой слайд». Нажмите «Изменить макет».

3. Теперь перейдите во вкладку «Оформление» — «Размер слайда» — «Настроить размер слайда…» — «Баннер«

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

5. Добавьте логотип компании. Для этого нажмите “Вставка” — “Рисунки”. Выберете файл логотипа и загрузите его с компьютера.

6. Нажмите клавишу F5 на клавиатуре, чтобы просмотреть баннер.

8. Сохраните ваш дизайн на компьютер.

4. Онлайн конструкторы

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

  • Canva: это простая и понятная программа для графического дизайна. Множество шаблонов, кастомизированных форм разрешают без особых усилий создать баннер хорошего качества.
  • Fotor banner maker: простой сервис с приятным интерфейсом. Предлагает как самые популярные размеры баннеров, так и красочные шаблоны и возможность кастомизации.
  • Pixlr: инструмент, похожий на Photoshop, но с более удобным интерфейсом. Выбор фильтров и опций редактирования приятно вас удивит.
  • Picmonkey: еще один инструмент для создания качественного банера. Однако генератор требует приобрести премиум пакет, чтобы иметь доступ ко многим функциям, включая фильтры, рамки, шрифты и прочие удовольствия.
  • Crello: простой и понятный интерфейс значительно облегчит вам процесс создания. Из доступных шрифтов и шаблонов, вы точно найдете что-то по душе.

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

На проекте Canva вставить ссылку достаточно просто. Но как быть если изготовили картинку со всеми надписями и без ссылки?

В этом случае поможет следующий код:

<a href=”https://ваша ссылка на продукт или услугу” target=”_blank” rel=”noopener”><img class=”aligncenter size-full” src=”Ссылка на изображение” alt=”Что должен видеть человек при наведение мышкой” width=”240″ height=”300″ /></a>

Надписи в коде заменяете на свои и пользуетесь на здоровье.

На этом моя статья на тему как сделать баннер на сайт онлайн, подошла к концу! Я надеюсь информация была полезной. Пусть созданные творения принесут радость не только вам, но и тем кто будет по ним кликать! Удачи и всего доброго!

Читайте так же:

Что такое трафик на сайте?

Рекомендую:

Как перевернуть экран на ноутбуке?

Платформа для онлайн школы

Как узнать версию вордпресс?

Что такое ssl сертификат и для чего он нужен?

Стоит ли верить данным Wordstat от Яндекс

Как мгновенно стереть историю в браузере?

Кнопка прокрутки вверх для сайта на wordpress и как ее красиво добавить?

Как включить windows hello в windows 10?

1+

Как добавить баннер на все страницы

Откройте панель администратора WordPress и зайдите во вкладку «Внешний вид – Виджеты».

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

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

Вставьте скопированный текст в «Содержимое» и поменяйте информацию в кавычках после «a href» здесь должна быть ссылку, куда будет вести ваш баннер. Измените также текст в кавычках после title. Это добавит вашу подсказку. Сейчас она будет выглядеть, как «Баннер сделан на Баннерович».

Вот так у меня получилось в итоге, после всех изменений.

На всех страницах сайта теперь у меня появился этот рисунок.

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

1. Онлайн-сервисы

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

Представлю два бесплатных, понравившихся мне сервиса.

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

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

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

Удобный сервис, позволяющий быстро создать простой и без излишеств баннер для своего сайта.

Гифовина

Gifovina.ru — этот сервис тоже предельно прост в работе, и, в отличие от предыдущего, может создавать анимационные: баннер, аватарку или слайд-шоу со сменой картинок. Просто добавьте картинки в очередь нажав на кнопку «Добавить кадр».

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

2. Специальный софт

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

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

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

Ulead Gif Animator

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

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

Я заменил текст бегущей строки шаблонного баннера программы, и вот что у меня получилось:

Easy GIF Animator Pro

Этот софт проще, чем предыдущий.

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

Вот мой баннер, созданный в Easy GIF Animator Pro менее чем за минуту:

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

3. Заказать дизайнерской студии или фрилансеру

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

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

Хорошего исполнителя заказа вы быстро найдете на биржах фриланса, например таких как frilans.ru.

4. Вручную в графическом редакторе

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

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

Фотошоп

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

Microsoft Power Point

Программа, входящая в установочный пакет Microsoft Office. Высока вероятность того, что она у вас уже установлена вместе с Microsoft Office Word.

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

Paint.net

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

https://youtube.com/watch?v=lM3nwmlZy68

Сколько стоит сделать баннер для сайта?

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

Вид услуги

Стоимость разработки у фрилансеров, руб.

Стоимость разработки в студиях, руб.

Статичный JPG баннер

от 500

от 1000

Анимированный GIF-баннер

от 500-750

от 1500

Разработка HTML5 баннера

от 1000-1200

от 2500

Создание комплекта баннеров для РСЯ (Рекламной сети Яндекса), 5 шт.

от 1500

от 3000

Разработка комплекта баннеров для РСЯ, 10 шт.

от 2500

от 5000

Разработка баннеров для социальных сетей ВКонтакте, Facebook, Инстаграм, за 1 шт.

от 500

от 1000

Иногда в готовые баннеры требуется внести доработки. Например, часто заказывают изменение размера (ресайз). Ниже находятся цены на данные услуги:

Вид услуги

Сколько стоит сделать у фрилансеров, руб.

Сколько стоит сделать в студиях, руб.

Ресайз баннера (изменение размера)

50% от стоимости изготовления, обычно от 200 руб.

50% от стоимости изготовления, обычно от 400 руб.

Замена фото или текста в готовом файле (без учета стоимости фото)

от 100-150

от 300

Оптимизация и внесение иных правок и доработок

от 100-200

от 300

Какие наценки существуют за срочность?

Обычно такие наценки имеются в студиях. В обычном режиме изготовление баннеров занимает 2-4 рабочих дня. Если требуется сделать работу за день, наценка может составить 10-15% от цены в прайс-листе. При необходимости работать в выходные – 30%.

Также вы можете найти исполнителей в каталоге дизайнеров на нашем сайте.

Как сделать рекламный баннер с помощью софта

Для этого мы воспользуемся следующей программкой:

AleoFlash_Intro_Banner_Maker_3.8_Portable

Для того, что бы сделать Flash баннер нам для начала нужно установить данную программу. Когда программа установится, нам покажется пара окон: одно окно программы Banner Maker. Другое, создаваемого баннера. Кликнем по клавише «Проект» и выберем «Новый проект»

Нажмет кнопку «Размер и звук» и увидим окно:

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

Советую почитать: — Как заработать в интернете 36 способов и Как скачать музыку с ВК

Сервис для создания баннеров

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

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

Ну что ж, давайте начнем.

Первое, что вам нужно сделать, зайти на сайт Bannerovich и перейти в конструктор баннеров. Будьте внимательны, не редактор, а именно конструктор.

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

Обратите внимание, что представлен он здесь не в полном размере, а всего лишь с сохранением пропорций. Мой результат будет в несколько раз больше

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

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

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

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

С основными настройками думаю, что проблем не возникнет. Наверняка вы и сами разберетесь с тем, что такое верхний и нижний цвет, вкругление углов и текст. Я хочу поговорить про Open Link Tab. Так как сама кнопка не анимированная, сменяются только изображения в заданное время, то я рекомендую вам не ставить на нее линк, а использовать ссылку для всей картинки.

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

Теперь можете добавить текст. Здесь тоже нет ничего сложного.

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

Теперь вам нужно щелкнуть на «Получить баннер».

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

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

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

Чуть ниже появится вам проект и html код, который будет нужно добавить на сайт. Скопируйте его.

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

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

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

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

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

  1. однотонную заливку одним выбранным цветом
  2. градиентную заливку (используется по умолчанию) с выбором обоих цветов и способа перетекания градиента
  3. загрузить изображение, которое будет использовать в качестве фона

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

Вписываете нужный вам текст для каждой линии и выбираете тип шрифта, которым будут прописаны слова. Шрифтов очень много, но поддержку русского я нашел только в группе «Stock»:

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

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

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

Какой именно формат выбирать, решать вам самим, но можете просто попробовать все, а при нажатии на кнопку «Скачать» посмотреть, какой же формат является наиболее экономичным для вашего случая. Будем считать, что сделать простой графический блок нам удалось. Но наибольшим эффектом будет обладать анимированный баннер. Как можно его сделать?

Для начала достаточно изготовить несколько кадров будущего анимированного шедевра в уже описанном сервисе Bannerfans. Сохранять итоговые изображения нужно будет уже строго в формате Gif, ибо только он позволит нам достигнуть желаемого результата (правда сервис может и преобразовать в Gif другие форматы, но лучше будет сразу соответствовать). Можно, например, на одном кадре оставить только верхнюю линию, на втором добавить еще и нижнюю, а потом написать какую-нибудь замануху-небылицу. В общем, все зависит от богатства фантазии.

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

Если полученный результат создания анимации вас устраивает, то жмите на кнопку «Скачать эту анимацию», а если не устраивают, то «Продолжить редактирование»:

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Использую для заработка

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Adblock
detector