Урок 7. Как сделать баннер методом тройного «Б»

Приветствую вас! Сегодня покажу, как быстро сделать броский баннер в магазин Ярмарки Мастеров. Используем метод утроенного «Б». Не знаете, что это такое? Читайте дальше)

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

методом тройного «Б» — Быстро, Броско, Бесплатно!

Все просто и легко. Хотя, присутствует одно «Но». Если готовый баннер можно загружать только в формате картинки (к примеру, как в Ярмарке Мастеров) надо уметь делать скриншот-снимок экрана. Подробнее об этом напишу ниже.

Напоминаю, что баннеры на ЯМ могут размещать только Мастера с оплаченной Клубной Картой.

Это — новый баннер в моем магазине на ЯМ. Вчера я быстренько сделала его в онлайн-генераторе «Арт Баннер студия». «Онлайн» — значит, не придется что-то скачивать, устанавливать. главное, иметь выход в интернет в это время.

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

1-banner-dlja-jarmarki-masterov

Заходим на страницу сайта http://www.artbanner.com.ua/generator-bannerov-onlayn Видим такую картину. Изображение с вашим баннером будет отражаться в окне, которое сейчас мною обведено красным цветом. Каждый раз смотрите, как и что там меняется.

2-kak-sozdat-bannery-besplatno-samomu

 

Выберем макет размером 728×90. Последовательность действий показана стрелками.
Выполним команды для загрузки фото для фона: «Выберите файл» — «Закачать». Ждем пару секунд, пока загрузится, кликаем «Обновить».

3-vybrali-razmer-maketa-dlja-bannera

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

4-zakachali-izobrazhenie-dlja-fona

Далее правим «Текст». Поясню, что означают разные стрелки.

  • Синие. Впишите предложение/слово, которое будет отражаться на баннере. У меня будет два предложения на баннере, поэтому, я вписываю их в два первых окна. В первом слова «Душевное вязание», во втором «для Вас». Чтобы передвинуть его вверх-вниз, влево/вправо, двигайте бегунки в соответствующих направлениях. Для того, чтобы разместить текст правее, поставьте курсор перед текстом, нажмете клавишу «пробел» на клавиатуре (самая длинная).
  • Красные. Задаем размеры и оттенки цвета.
  • Розовые. Выбираем подходящий шрифт, из большого количества, которые нам предложат после того, как кликнем «Пример».
  • Желтые. Каждый раз жмите «Обновить», чтобы увидеть обновления.

5-zadali-vse-vazhnye-parametry-bannera

Когда убедились, что все нас устраивает, открываем третий раздел «Рамка». Пара щелчков мышью — выбрали цвет и размер рамочки.

6-sdelali-ramku

Теперь используем функцию «Эффекты», название говорит само за себя. Покликайте по ним, вы увидите, как меняются оттенки баннера. Я добавила контрастности, чтобы вязаное полотно смотрелось броско.

7-ispolzuem-jeffekty

Все, баннер практически готов! Жмем «Сохранить». Видим, что предлагается Html-код для web-страниц. Он пригодится, когда создается кликабельный баннерок. Например, такой сейчас стоит у меня в блоге. Нажав на него, посетитель попадает прямо на страницу моего магазина. Однако, в ЯМ такой способ не подходит. Там надо загружать фотографию, а не код к ней. Поэтому, я  сделала скриншот-снимок готового изображения баннера. Используйте клавиатурные клавиши Ctrl + PrtSc или специальные программки (у меня FastStone Capture).

8-sohranjaem

Затем, в этом фоторедакторе подогнала размеры (обязательно уберите галочку напротив «Сохранять соотношение»). Если вы еще не знаете про этот отличный ФР, очень рекомендую.  Он на русском языке, многофункциональный. Можно быстро создать прозрачную надпись на фото, сделать белый фон, украсить красивыми рамками, сжать «вес» (важный момент для вебмастеров), изменить размеры и мн. др. Как его правильно скачать и пользоваться описано в уроках рубрики «Фоторедактор Fhotofiltre».

9-redatiruem-v-fotoredaktore
Остается загрузить готовый баннер к себе в магазин. И — подождать, когда он пройдет модерацию.

Теперь вы знаете метод тройного «Б», который позволяет Быстро, Броско, Бесплатно создать баннер для своего магазина или блога. Если остались неясные моменты, не стесняясь, спрашивайте в комментариях, разберемся вместе.

С уважением, Сауле Вагапова

ПОДПИСКА

Введите свой e-mail адрес:

    


УдовлетворительноХорошоОтлично (голосов: 1, в среднем: 5,00 из 5)
Загрузка...
Печать статьи
К записи "Урок 7. Как сделать баннер методом тройного «Б»" 4 комментария
  1. ЮЛИЯ:

    А как добавлять баннер на Ярмарку Вы нигде и не написали

    • Сауле Вагапова:

      Юлия, баннер размещается так. Войдите на свою страницу на Ярмарке мастеров в раздел «Профиль». Нажмите на подраздел «Изменить информацию».

      Добавляем баннер на ЯМ

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

      После этого надо подождать, пока модераторы одобрят Ваш баннер. Как баннер проходит модерацию, я писала подробно ТУТ.

  2. Лада:

    Здравствуйте, спасибо за подробности, го на момент сохранения, не понятно. Сжимать фото. Я не умею. Где смотреть не знаю. Может с момента сохранения подробнее написать?😊

    • Сауле Вагапова:

      Здравствуйте, Лада. Обычно рекомендуется сжимать фото перед публикацией на сайтах. Делается это для того, чтобы уменьшить их «вес». Например, фото, что я тут ниже показываю, имело вес 60 Kb. Я его сжала до 15 Kb, т.е. в четыре раза. Когда на сайте много фото, это приводит к тому, что страницы долго-долго загружаются. Посетителям это не нравится, и они могут просто уйти только по этой причине.

      Сжать фото можно или на онлайн-сервисах (т.е. прямо в интернете). Или, я делаю это в фоторедакторе Fhotofiltre вот так (показано на скриншот-снимке ниже). Когда фото готово, жму «Файл» — «Сохранить как». Появляется такое окно, в котором надо сдвинуть бегунок влево, уменьшая вес фото, таким образом сжимая его. Сразу жму «Просмотр» и вижу, как меняется фото (как бы бледнеет немного). И тут же видно, как меняется «Размер файла». Если все устраивает, жму «Ок» и сохраняю фото.

      Как сжать фото

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

Оставить свой комментарий

Saule

Приветствую Вас! Меня зовут Сауле Вагапова. В этом блоге я делюсь своими описаниями и фото-МК по вязанию крючком, спицами и машиной Silver Reed. А также, пишу о том, как красиво обработать фото и где продавать вязание. Буду рада, если это окажется полезным для Вас.

Комментарии в блоге

Подпишитесь и скачайте два Фото-МК бесплатно!


МОИ ПЛАТНЫЕ ОПИСАНИЯ/МК





ОБУЧАЮШИЕ КУРСЫ от МАСТЕРОВ ВЯЗАНИЯ







ПРИСОЕДИНЯЙТЕСЬ к нам ВКонтакте!
Любое использование материалов блога без согласия автора ВОСПРЕЩЕНО


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







Посетите наши страницы в социальных сетях!

ВКонтакте.      Facebook.      Google Plus.      YouTube.      Одноклассники.      RSS.
Вверх
   Saule-blog.ru 2014 - 2017 ©Все права защищены Любое использование материалов блога без согласия автора ЗАПРЕЩЕНО!   //