Создаем баннер для YouTube-канала онлайн. Как сделать баннер онлайн


Создание баннеров онлайн. Gif аниматоры.

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

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

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

А вот если вы хотите текст на русском использовать – читайте и по возможности дополняйте эту статью. Так как я хотел баннер анимированный, то мне нужны были два типа сервисов:  в котором можно нарисовать баннер онлайн (раз), и собрать gif в анимацию (с настройкой задержки показов). (два)

  • Сервисы для рисования:
  1. http://www.artbanner.com.ua/generator-bannerov-onlayn – вот и всё. один участник. одна номинация. первое место. шрифты, фон, тени, положение текста по вертикали-горизонтали. мне было этого более чем достаточно.
  • Сервисы для создания анимированных картинок из нескольких gif.
  1. http://xgif.ru/ – приличный сервис. много вариантов размеров, возможность задать скорость смены изображений. в целом доволен.
  2. http://htmlweb.ru/gif-animator/ – после него шрифт первого из трёх баннеров стал кривым.

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

З.Ы.  Если кому-то интересно будет, не постесняюсь показать что получилось в итоге. Но тогда сразу предупрежу что ещё использовал FSCapture и чудо-юдо-супер Paint.

Создание баннеров онлайн. Gif аниматоры.

3.7 Голосов:3

cmsuser.ru

Сделать баннер онлайн для Ютуба

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

Вам не нужно обладать какими-либо специальными знаниями. Достаточно запустить определенную программу, где все будет интуитивно понятно и начать творить. Одной из таких программ является https://www.fotor.com/features/youtube.html Чтобы приступить к работе в ней:

  1. Кликните на кнопку «Get Started»
  2. Слева от себя вы увидите различные картинки, которые можно использовать как заготовки. Некоторые из них помечены, синим значком, сверху. Это обозначает что шаблон платный. Если его не покупать, то на нем будет виден водяной знак. Для приобретения шаблона коснитесь кнопки «Uprade now». Или выберите свободный шаблон.
  3. Чтобы изменить надпись, кликните по существующему названию баннера. Поменяйте заголовок, на тот, который вам нужен.
  4. Вы можете наложить несколько похожих слоев, сделать 2-3 надписи на шаблоне, увеличить его или уменьшить. За 10 минут, каждый, кто владеет минимальными навыками английского, сможет разобраться в этой программе.

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

Сделать баннер для Ютуба онлайн бесплатно

Сделать баннер для Ютуба онлайн бесплатно также поможет простая программа https://www.photovisi.com/ Этот ресурс поможет вам создать необычный баннер из своих фотографий или выбрать абстрактные изображения для шапки. После клика на кнопку «Создать баннер…» вы переместить в галерею шаблонов. Если вы не хотите использовать личные фото, переместитесь в раздел категорий и выберите ту, которая максимально будет соответствовать стилистике канала.

В простом редакторе вы можете подобрать фон, загрузить картинку, добавить интересную форму на свой рисунок. После того, как баннер готов, кликните на кнопку «Отделка». Ресурс подготовит картинку для скачивания. При этом, изображение будет нужного размера специально подстроенное под Ютуб. Перед вами появиться форма, с помощью которой вы сможете его скачать. Еще одним интересным местом, где можно создать красивую иллюстрацию является сайт https://www.canva.com/ Здесь представлена масса интересных и креативных картинок для дизайна. Для того, чтобы приступить к работе на ресурсе, пройдите регистрацию или авторизуйтесь через Фейсбук. Далее, вы можете перейти в личный кабинет. Чтобы выбрать баннер именно для Ютуба, справа коснитесь кнопки «Использовать спец. размеры». Вбейте актуальные для шапки параметры и приступайте к поиску нужной картинки.

Скачать баннер для Ютуба

Если вам не хочется ничего создавать, тогда будет лучше скачать баннер для Ютуба. Сделать это можно на ресурсе https://ytcolor.ru/ Здесь вы отыщите массу заготовок, которые можно скачать не только в привычном формате png, но и для корректировки источника в фотошопе. Этот сайт предлагает массу красочных элементов для дизайна, причем Если вы ничего не нашли на этом сайте, подобрать интересный шаблон можно здесь https://www.mytubedesign.com

soclike.ru

Бесплатно создать баннер онлайн в сервисе BannerFans, инструкция

Бесплатно создать баннер на русском

Как бесплатно создать баннер онлайн на русском с помощью бесплатного сервиса BannerFans.

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

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

Вы готовы начать бесплатно создавать баннер? Итак, приступаем.

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

И сейчас я покажу Вам, как я создаю баннер для продвижения моей партнерской ссылки компании ParadoxCash в сервисе контекстной рекламы Madvertising.

Открываю страницу BannerFans: (ВАЖНО, если сервис BannerFans не доступен, у них такое периодически бывает, зайдите позже. Если нужно срочно создать хороший рекламный баннер, воспользуйтесь сервисом Canva, ссылка на страницу обзора сервиса и инструкцию, как там просто создать банер смотрите в конце этой статьи)

Выбрать русский язык для создания баннера с русским интерфейсом программы

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

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

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

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

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

Картинка не на весь баннер (это проще), а на часть создаваемого баннера.

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

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

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

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

Далее в блоке Загрузка фонового рисунка: выбираю и загружаю картинку, как Вы видите на скриншоте, эта картинка появилась под формой загрузки. Картинки должны быть в форматах JPG, JPEG, GIF, PNG и не более 450 KB.

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

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

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

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

На этом этапе создания баннера, я могу открыть вкладку Воздействие и установить для каждой линии свои эффекты: Тень, Расстояние, Цвет и т. д. А могу выбрать без эффектов (No shadow) не забывая нажимать на кнопку Изменить баннер и смотреть, что получается. Во вкладке Пограничная я могу выбрать и настроить вид рамки баннера.

Так как я создаю баннер с текстом на английском языке, то для меня в сервисе BannerFans огромный выбор шрифтов, когда я делаю баннер на кириллице, то выбор шрифтов ограничен, посмотрите сами, кириллица хорошо отображается, когда я, нажав на выбор Шрифта, выбираю шрифты из страницы Stock (Arial, Impact и др.)

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

После всех моих экспериментов, как  бесплатно создать баннер, вот, что у меня получилось:

Не знаю, как Вам, а по-моему, ничего себе так, нормально получается, главное понятно, что предлагает этот баннер людям, которые его увидят.

Скачать баннер на компьютер

Баннер создан, захожу во вкладку формат и выбираю в каком формате мне нужен баннер (я выбираю GIF, так как дальше буду  бесплатно создавать анимированный баннер) теперь его можно скачать на компьютер нажав на кнопку Скачать баннер или Получить коды баннера (по умолчанию в кодах указана ссылка на BannerFans, чтобы заменить ее, нужно в верхнем поле прописать ссылку на свой сайт или партнерскую ссылку).

В заключении примера бесплатного создания баннера, давай немного поговорим о коде созданного баннера, если Вы выбрали вариант, "Получить коды"1. Это обычный код баннера:

<a href="http://www.BannerFans.com"><img src="https://imagizer.imageshack.com/img538/3716/RTY2iI.jpg" border="0" alt="BannerFans.com" /></a>

Как и написано прекрасно работает для сайтов блогов и т.д.

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

<a href="https://leonnik.com/free-software-and-online-services/besplatno-sozdat-banner.html"><img src="https://imagizer.imageshack.com/img538/3716/RTY2iI.jpg" border="0" alt="Бесплатно создать баннер" /></a>

И скорей всего создав баннер, я скачал бы его на компьютер и после оптимизации изображения, загрузил бы его в библиотеку медиафайлов моего сайта и ссылку на изображение в коде изменил с "http://imagizer.imageshack.com/img538/3716/RTY2iI.jpg"  на ссылку из библиотеки, которая выглядела бы примерно так: https://leonnik.com//wp-content/uploads/2013/08/besplatno-sozdat-banner.jpg

Вот окончательный вариант моего кода баннера:

<a href="https://leonnik.com//wp-content/uploads/2013/08/besplatno-sozdat-banner.jpg"><img src="https://leonnik.com//wp-content/uploads/2013/08/besplatno-sozdat-banner.jpg" alt="besplatno sozdat' banner" /></a>

Сейчас Вы видите только код баннера, так как я написал его в визуальном редакторе моего сайта, если бы я переключился на текстовый (HTML) редактор и написал, этот код, Вы увидели бы такой баннер:

Переключился обратно в редакторе  и видим уже не код, а сам баннер.

2. Это еще один обычный код баннера, но только более расширенный:<a href="http://www.BannerFans.com"><img src="https://imagizer.imageshack.com/img538/3716/RTY2iI.jpg" border="0" alt="BannerFans.com" /></a><br /><textarea cols="40" rows="3" wrap="auto"><a href="http://www.BannerFans.com"><img src="https://imagizer.imageshack.com/img538/3716/RTY2iI.jpg" border="0" alt="Powered by BannerFans.com" /></a></textarea>

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

3. Третий код баннера:

http://imagizer.imageshack.com/img538/3716/RTY2iI.jpg

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

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

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

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

Если статья была Вам полезна, поделитесь ей в любой социальной сети.  Спасибо.

«Автор: Леонид Никитин»

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

Как создать логотип онлайн, бесплатно в Canva.

Как создавать красивые картинки для социальных сетей

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

Как создать бесплатно Анимационный баннер (анимированный баннер)

 

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

leonnik.com

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

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

Создаем баннер онлайн

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

Способ 1: BannerBoo

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

Перейти к официальному сайту BannerBoo

Подготовка

  1. В верхней части главной страницы сервиса нажмите кнопку «Сделать баннер».
  2. Следующим действием нужно выполнить регистрацию нового аккаунта или авторизоваться в уже существующем. Для этого вы можете воспользоваться профилем в одной из указанных социальных сетей.
  3. После успешного входа кликните по ссылке «Сделать баннер» в правом верхнем углу окна.
  4. В текстовое поле «Новый баннер» впишите название вашей работы.
  5. Из представленного списка выберите тот размер, который вам кажется наиболее оптимальным. Также разрешение для баннера вы можете указать самостоятельно.
  6. По необходимости можно пролистать страницу ниже и на одной из вкладок выбрать статический или анимированный шаблон.
  7. Нажмите кнопку «Выбрать» на одном из шаблонов или «Создать баннер» под списком доступных разрешений.

СозданиеДалее речь пойдет непосредственно о редактировании баннера.

  1. Используйте вкладку «Настройки», чтобы менять цветовое оформление баннера. Тут же можно добавить гиперссылку или изменить размеры.
  2. Для создания надписей перейдите на вкладку «Текст» и перетащите один из вариантов в рабочую область. Кликнув по появившейся надписи, измените стиль.
  3. Добавьте изображение к своему баннеру, переключившись на вкладку «Фоны» и выбрав один из представленных вариантов.
  4. Чтобы включить в дизайн кнопки или иконки, воспользуйтесь инструментами на странице «Объекты».

    Примечание: Анимация доступна только в случае покупки соответствующих услуг.

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

СохранениеТеперь можно сохранить результат.

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

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

Способ 2: Crello

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

Перейти к официальному сайту Crello

Создание

  1. Откройте сервис по представленной ссылке и нажмите кнопку «Создать свой рекламный баннер».
  2. Пройдите процесс авторизации в существующем аккаунте или зарегистрируйте новый любым удобным способом.
  3. На главной странице редактора нажмите кнопку «Изменить размер».
  4. Из списка заготовок выберите подходящий вам вариант или установите свое разрешение. После этого кликните по кнопке «Изменить размер».
  5. В разделе «Фото» воспользуйтесь предлагаемыми изображениями или загрузите картинку с компьютера.
  6. На странице «Фоны» можно добавить изображение или цвета на задний план.
  7. Для добавления надписей откройте вкладку «Тексты» и перетащите нужный вариант в область редактирования баннера. Также можно прибегнуть к уже существующим заготовкам.
  8. Страница «Объекты» позволяет вам разместить на баннере множество дополнительных элементов оформления, начиная от геометрических фигур и заканчивая логотипами.
  9. Перейдите на вкладку «Мои файлы» для загрузки изображений или шрифтов с компьютера. Тут же будут размещены все объекты, которые требуют оплаты.

СкачиваниеКогда ваш баннер будет доведен до финального вида, можно его сохранить.

  1. На верхней панели управления нажмите кнопку «Скачать».
  2. Из списка выберите подходящий формат для сохранения.
  3. После непродолжительной подготовки вы сможете его загрузить на компьютер.

    Для перехода к альтернативному методу сохранения нажмите кнопку «Поделиться».

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

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

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

Заключение

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

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

Помогла ли вам эта статья?

Да Нет

lumpics.ru

Как сделать (создать) самому рекламный баннер онлайн и почувствовать себя профессиональным дизайнером

Время чтения статьи: примерно 6-8 минут.

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

Здравствуйте друзья!

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

И я нашёл отличный сервис, благодаря которому можно сделать качественный баннер онлайн абсолютно бесплатно. Этот сервис называется bannerovich.ru

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

Содержание статьи

Создание баннера онлайн на бесплатных сервисах

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

Вот они:

1) bannerovich

2) Banner Fans

3) printdesign

4) artbanner

5) banner-s

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

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

После тщательного отбора, мой выбор пал на онлайн сервис Bannerovich и именно ему я посвящаю свою статью!

Как сделать баннер онлайн, в сервисе Bannerovich.ru

Как только вы зайдёте на сайт Bannerovich.ru, увидите справа голубую кнопку «Создать баннер». Жмёте на неё и попадаете сюда:

Здесь всё интуитивно понятно. Вверху пишите название баннера, а ниже выбираете его размеры, в зависимости от его будущего месторасположения на блоге. Сейчас я буду создавать баннер для сайтбара, значит мне нужно выбрать ширину сайтбара — 240 px и высоту — 400 px. Нажимаете на «Создатъ баннер» и попадаете сюда:

Вот сейчас всё только начинается.

Первым делом можете создать рамку (границу) для баннера. Нажимаете на кнопку «Другие элементы» ⇒ «Редактировать границу» и у вас откроется окошко, в котором можно выбрать цвет рамки и её ширину.

После этого нажимаете на «Закрыть окно» и идёте дальше.

Загрузить фон — если нажмёте на эту кнопку, то сможете загрузить собственный, заранее подготовленный фон для баннера. Такой фон можете создать самостоятельно через специальные программные редакторы или скачать с интернета. Лично я покажу вам как воспользоваться разными фонами, которые предлагает сервис bannerovich.ru

Добавить фон — нажимаете на эту кнопку и у вас появится большой выбор интересных фонов.

Как видите, выбор просто огромный. Для примера я выбрал фон, который называется «Лёгкая линия»

После создания мной рамки и фона, наш баннер будет выглядеть так:

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

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

Из всеx изображений я выбрал картинку под названием «Хорошая работа» Так это выглядит:

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

Добавить кнопку — нажимаете на этот пункт и в баннере добавится красивая кнопка:

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

Как вы можете видеть, графический редактор в сервисе bannerovich.ru очень многофункциональный. Чего только нельзя в нём сделать: округление углов, прозрачность, размеры, отступы, тени, пробелы, шрифты и ещё многое другое.

Внешний вид кнопки будет зависеть только от от вашей фантазии. Лично я оставлю её в таком виде, в каком она уже есть. Мне и так нравится.

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

Здесь также достаточно большой выбор картинок. Давайте я добавлю в мой баннер две 3D стрелочки. Получилось так:

Далее я нажал снова кнопку «Изображение» и выбрал другую картинку под названием «Большая кнопка» Уменьшил её по желаемому мной размеру и вот что получилось:

Добавить текст — нажимаете на эту кнопку и увидите, что появится текст в баннере. Нажимаете два раза на этот текст и перед вами откроется редактор.

Здесь вы может редактировать ваш текст, как только пожелаете.

И так, прошу любить и жаловать мой новый баннер:

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

Как получить и скачать баннер с сайта bannerovich.ru

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

Здесь в верхней строчке пишете свой e-mail, а в нижней вставляете ссылку на ту страницу, которая будет открываться при клике на баннер. Далее нажимаете на жёлтую кнопку «Получить баннер» и он сразу же начнёт создаваться сервисом bannerovich.ru

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

Все личные данные (пароль и имя пользователя) вы получите по своей электронной почте.

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

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

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

Далее заливаете картинку на ваш сайт через FTP клиент или через административную панель.

Как установить баннер на сайт

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

Далее пишете заголовок для баннера и в окошке вставляете этот код:

<a href="ссылка которая ведёт на желаемую страницу при клике на баннер"> <img src="Ссылка на картинку баннера" title="Название баннера" border="0" /></a>

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

Например, у меня это будет выглядеть так:

Чтобы узнать ссылку на картинку баннера, вам нужно зайти в «Медиафайлы», выбрать нужную картинку и нажать на неё и слева увидите ссылку на файл.

Вот её и вставляете в соответствующее место в коде.

Ну вот в принципе и всё.

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

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

А я с вами прощаюсь и до новых скорых встреч. Пока-пока.

С уважением, Игорь Черноморец

igorchernomoretz.com

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

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

Создание баннера для YouTube-канала онлайн

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

Читайте также: Делаем шапку для YouTube-канала в Photoshop

Способ 1: Crello

Crello представляет собой простой инструмент по созданию визуальных материалов. Больше всего он подходит тем, кто желает создавать красивые посты и оформления в социальных сетях, YouTube также относится к этому. Даже неопытный пользователь быстро освоит данный редактор и создаст необходимое изображение. Чтобы создать шапку, вам потребуется:

Перейти на сайт Crello

  1. Перейдите на официальный сайт Crello и нажмите «Создай шапку YouTube-канала».
  2. Вы сразу попадаете в редактор, где собрано множество бесплатных дизайнов на различную тематику. Их можно разделить по категориям и выбрать что-то подходящее, если нет желания создавать дизайн собственноручно.
  3. На сайте присутствует большое количество бесплатных и платных фотографий в разных категориях. Все они имеют одинаково хорошее качество и отличаются лишь по размерам.
  4. Начать оформление нового дизайна лучше всего с добавления фона, благо на Crello присутствует множество различных шаблонов.
  5. Если необходимо добавить надписи на баннер, то обратите внимание на большое разнообразие шрифтов различного стиля. Все они выполнены качественно, большинство поддерживает кириллицу, вы точно найдете что-то подходящее под свой проект.
  6. Практически ни один визуальный дизайн не обходится без добавления фигурок, иконок или иллюстрацией. Все это есть и в Crello и удобно рассортировано по вкладкам.
  7. Когда будете готовы сохранить получившийся результат, то пройдите быструю регистрацию и бесплатно скачайте готовый баннер в хорошем качестве и в нужном размере себе на компьютер.

Способ 2: Canva

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

Перейти на сайт Canva

  1. Перейдите на главную страницу сервиса и нажмите «Создать баннер для YouTube».
  2. Если вы впервые на сайте, то потребуется пройти обязательную регистрацию. Сначала укажите цель, с которой используете Canva, а после просто введите электронную почту и пароль для создания аккаунта.
  3. Теперь вы сразу попадаете на страницу редактора. В первую очередь рекомендуем ознакомиться с готовыми макетами, это будет полезно тем, кто не знает с чего начать или не хочет терять время на создание проекта с нуля.
  4. В сервисе присутствует огромная бесплатная библиотека с различными элементами. Сюда входят: значки, фигуры, рамки, диаграммы, фотографии и иллюстрации.
  5. Практически всегда в шапке используется название канала или другие надписи. Добавьте это с использованием одного из доступных шрифтов.
  6. Обратите внимание и на фон. На сайте присутствует более миллиона платных и бесплатных вариантов, начиная от самого простого однотонного, заканчивая сделанного профессионалами фона.
  7. После создания баннера остается только выбрать формат изображения и сохранить картинку себе на компьютер для дальнейшего использования.

Способ 3: Fotor

Fotor – графический редактор, позволяющий создавать разнообразные визуальные проекты, в том числе и баннеры для YouTube-канала. Сайт недавно был обновлен и теперь появилось еще больше уникальных инструментов, обновились базы с фотографиями и объектами. Создается шапка в Fotor очень просто:

Перейти на сайт Fotor

  1. Перейдите на главную страницу сайта и нажмите на «Редактировать».
  2. Загрузите изображение с компьютера, социальной сети или веб-страницы.
  3. Обратите внимание на инструменты управления. С их помощью осуществляется изменение размера картинки, выставление цветовой гаммы и трансформация. Вверху находится панель управления проектом.
  4. Используйте различные эффекты, чтобы изображение заиграло новыми красками.
  5. В случае, когда вы используете изображение человека на своем баннере, в меню «Beauty» изменяются различные параметры внешности и фигуры.
  6. Примените рамку для изображения, если хотите выделить его с остального фона на Ютубе.
  7. К сожалению, бесплатно можно использовать только несколько шрифтов, но если вы купите подписку, откроется доступ к сотням различных типов надписей.
  8. Когда закончите создание дизайна, просто нажмите «Сохранить», укажите дополнительные параметры и загрузите изображение на компьютер.

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

Читайте также: Создание простой аватарки для YouTube-канала

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

Помогла ли вам эта статья?

Да Нет

lumpics.ru

Флеш баннер онлайн

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

Напомню, что баннеры – это графическая реклама сайта, блога или любой другой веб-странички. Анимированные баннеры могут быть в формате флэш (swf) и в виде гиф-анимации (читайте Как создать gif-анимацию онлайн – этот сервис поможет вам создать gif-баннер). Баннерная реклама в интернете широко распространена и достаточно эффективна.

Для создания флеш баннера онлайн перейдите по ссылке.

В генераторе Banner Now нажмите на кнопку “Create Banner Now”.

На новой странице выбираем размеры будущего баннера.

Вы можете выбрать один из стандартных размеров баннера или указать свои настройки. Здесь же вы можете выбрать фон баннера и клипарт или загрузить свой. Для этого ставим галочку напротив пункта Custom background, выбираем категорию картинок из предложенных (животные, еда, фоны, животные, кнопки и др.) или загружаем с помощью кнопки upload files.

Снова нажимаем кнопку “create banner”.

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

Используете предварительный просмотр (Preview Banner) для контроля за работой на промежуточных этапах.

Справа от рабочей зоны мы видим слои. Вы можете регулировать прозрачность (свойство alpha), менять последовательность слоев и удалять ненужные.

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

Меняем длительность слайда, изменяя время возле значка часов (найдете также под слайдом).

Сверху рабочей зоны вы видите эффекты для текста. Они разбиты на категории:

  • appear (появление),
  • stay (статичные),
  • disappear (исчезновение).

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

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

Когда вы создали флеш баннер онлайн, нужно его скачать. Нажмите на кнопку download banner (swf).

Здесь проставляем настройки:

  • autoplay (автоплей),
  • repeat (повтор),
  • button mode (режим кнопки),
  • banner hyperlink (страница, на которую баннер будет ссылаться),
  • open url in new page (открывать страницу в новом окне),
  • use preload (использовать изображение загрузки страницы),
  • send cope of banner to my e-mail (отправить копию баннера на мой e-mail).

Вот такой баннер получился у нас:

 

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

  • www.animationonline.com
  • www.lact.ru/banner/en
  • www.flash-banner-maker-online.com/customsizebanner3.php

Эти сервисы более просты в использовании, поэтому инструкция по применению не требуется.

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

vgrafike.ru