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

Нарисовать баннер онлайн, может ли это сделать новичок

Здравствуйте друзья! Почти все пользователи Интернета знают, что баннер – это рекламный инструмент, который успешно будет привлекать людей на Ваши ресурсы в Интернете. Если Вам он нужен, то создать баннер онлайн для Вас не будет проблемой. Хорошо создаёт баннеры ресурс — bannerboo.

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

Конструктор баннеров онлайн, сервис bannerboo.com, что он может

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

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

Теперь, поговорим о том что может делать этот сервис:

Читайте также:  Партнерке сервиса «Мое Дело» исполнился 1 год. К чему пришли?

  • создаёт баннеры онлайн;
  • редактирует баннеры и добавляет на них текст, фоны;
  • имеет готовые шаблоны баннеров, которые можно взять и изменить на своё усмотрение;
  • сервис имеет дешёвые подписки. Например, подписка «Старт» стоит всего 9,99 долларов, если оформлять её на год. А месячная подписка – 14,99 долларов. Она открывает все возможности сервиса;
  • у сервиса есть бесплатная подписка, которая также позволяет создавать и редактировать баннеры;
  • ещё сервис Баннербу может скачивать созданные баннеры в различных форматах на компьютер (JPEG,PNG,Gif,zip архив и так далее).

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

После того, как мы сделали баннер в GIMP, его нужно скопировать и установить на сайт. Верно? Для этого, запускаем любой FTP менеджер (я использую FileZilla) и копирую баннер в папку картинок на сайте. Лично у меня, данная папка находится в корне сайта и называется img. Таким образом, у баннера будет следующий URL (адрес):

https://www.gimpart.org/img/banner.gif

Теперь нам остается прописать HTML код баннера в том месте, где мы хотим его

Зацените, я немного добавил кадров с курсором, и вот, что у меня получилось:

Исходник баннера оптимизированный —

Исходник баннера в формате XCF —

Кисти курсоров в формате GBR —

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

Пожалуйста, оцените эту статью, нажав на звездочки ниже:

(7 оценок, среднее: 5,00 из 5)

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

Тем самым вы мотивируете меня на создание новых уроков и поддерживаете мой проект в дальнейшем развитии. Спасибо Вам Большое!

Также рекомендую ознакомиться со следующей информацией, возможно, она вас заинтересует.

Создать баннер онлайн, заработок через Интернет для желающих

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

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

Сразу не выставляйте высокие цены на свои услуги. Самая минимальная цена по созданию баннеров 300 – 500 рублей.

Читайте также:  Алгоритмы входа в кошелек Вебмани с разных Киперов

Как сделать анимированный баннер для сайта за 5 минут.

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

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

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

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

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

Итак, вы создали документ — будущий баннер. Теперь сюда же, в Photoshop, загрузите все три подготовленных картинки-заготовки.

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

Теперь наведите курсор на фоновый слой (самые нижний слой с замочком), нажмите на нём левую кнопку мыши и не отпуская её, перетащите данный слой на значок корзины внизу. У вас останется два слоя, из которых нужно выделить и сделать видимым самый первый, то есть нижний слой с картинкой первой надписи.

После этого зайдите на вкладку «Окно» в верхнем меню программы и в выпадающем списке выберите команду «Шкала времени» (в более ранних версиях программы Photoshop эта команда называется «Анимация»).

Сразу после этого в нижней части окна программы появляется специальное окно для анимации. Нажмите в нем «Создать анимацию кадра». Сразу после этого окно изменится, и вы увидите в нём первый кадр, который фотошоп формирует из самого первого слоя (нижнего на панели слоев). Естественно, что вы будете видеть и полноэкранный вид этого кадра в окне программы.

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

Читайте также:  Миссия выполнима! Как разоблачить алгоритм видеохостинга и попасть в рекомендации в Тик-Ток

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

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

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

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

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

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

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

После того, как вы нажмете кнопку OK, все выделенные кадры будут иметь одинаковую установленную вами продолжительность.

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

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

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

И конечно в заключение нужно сохранить созданный баннер в формате GIF. В моём случае получился вот такой баннер. Конкретно его я делал для рекламы бесплатного интенсива по Facebook и Instagram, который проводит Академия интернет профессий номер 1 на этой неделе. Я уже знаком с проектами Академии и неоднократно писал о них у себя на блоге, и знаю, что даже бесплатный интенсив даст очень много полезных знаний. Поэтому если вы также, как и я, заинтересованныев умении работать с Facebook и (или) Instagram, то я приглашаю вас составить мне компанию на интенсиве. Я думаю будет круто, и мы с вами не пожалеем потраченного времени на обучение.

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

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

С уважением, Сергей Почечуев

Создать баннер онлайн в конструкторе bannerboo.com просто

Итак, сейчас мы создадим свой первый баннер в конструкторе bannerboo. сom. Входим на данный сервис (выше мы на нём зарегистрировались). Далее, в своём личном кабинете нажимаете кнопку «Создать баннер» (Скрин 1).

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

После этого откроется панель с размерами баннеров. Устанавливаем например, баннер 300 на 250 и нажимаем кнопку «Поехали» (Скрин 2).

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

Читайте также:  Как узнать посещаемость своего или чужого сайта

Потом у Вас откроется редактор баннеров. Сразу пишем название баннера. Например, «Как заработать деньги». Затем, идём в раздел «Фон» с помощью которого можно добавить различные фоны на самом баннере.

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

Мы только что создали простой баннер. Чтобы его скачать на свой компьютер, нажимаете вверху кнопку «Публиковать» и выбираете «Сохранить как JPEG» (так, как это часто используемый формат картинок).

После этого Ваш баннер загрузиться на компьютер и будет отображаться в разделе «Загрузки» (Скрин 3).

онлайн-конструктор рекламных баннеров

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

Bannerovich.ru

Bannerovich.ru – это инструмент, который позволяет сделать баннер онлайн. Он отличается простой и интуитивно понятным интерфейсом. Как только вы нажмёте на кнопку «Создать баннер», вы это увидите.

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

  • Опция «Загрузить фон» позволяет загружать любые фоны с локального компьютера. Их можно изготовить самостоятельно или скачать где-нибудь в интернете.
  • Опция «Добавить фон» позволяет сделать баннер онлайн из клипартов, встроенных в этот сервис. Здесь очень много фонов, которые подойдут под любую тематику рекламы и любой дизайн сайта. Так что выбрать есть из чего.
  • Через опцию «изображение» можно добавить на выбранный фон какую-то картинку. В этом случае вашему вниманию также предстанет огромная коллекция картинок, подходящих под любую тематику. Изображения можно редактировать, изменять их размер с помощью мышки.
  • «Добавить кнопку» – эта опция нарисует на вашем баннере какую-то привлекательную кнопку, побуждающую кликнуть. Можно будет выбрать её местоположение, цвет, размер, надпись и произвести множество других настроек, тем самым добиться наилучшего внешнего вида.
  • «Добавить текст» – как понятно, позволяет создавать надписи на баннеры. При этом инструмент оснащён продвинутым редактором, с помощью которого можно изменять цвет, стиль и шрифт текста.

У этого сервиса ещё множество полезных инструментов, которые интересно будет изучить самостоятельно. Итак, сделать баннер онлайн – это только полдела. Теперь необходимо сгенерировать. Для этого есть специальная кнопка, которая сделает созданный вами баннер. Его можно будет скачать или взять код и разместить на своём сайте. О том, как вставить код, узнайте тут.

Где найти заказы на баннеры

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

  1. Kwork.ru.
  2. Фриланс Хант.
  3. Pchel.net.
  4. Freelancejob.ru.
  5. Freelance.ru.

И другие фриланс сервисы, где каждый новичок и профессионал может найти работу. Например, на Фриланс Хант заказы точно есть (Скрин 4).

онлайн-конструктор рекламных баннеров

На скриншоте видно, что опубликовано 19 заказов по созданию баннеров. Даже на бирже Пчёл.нет можно встретить такие вакансии (Скрин 5).

конструктор баннеров

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

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

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

Кстати, почитайте эту статью тоже: Неужели технология Adobe Flash (Флеш) на грани исчезновения? Facebook и Mozilla объявила войну компании Adobe

Скачать баннер с сервиса bannerovich.ru

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

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

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

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

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

html код для баннера

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

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

Сохранить картинку как

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

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

Яндекс.Метрика