Урок 5. Баннер для Ярмарки Мастеров за 10 минут!

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

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

Если вы еще не зарегистрированы на Ярмарке мастеров, начните с Урока 1 . В нем пошагово показано, как зарегистрироваться в качестве Покупателя и Продавца. А также даны ссылки на другие уроки из этой серии, посвященных ЯМ.

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

Что значит «онлайн»? То есть, ничего не надо скачивать себе на компьютер, устанавливать, запускать и пр. Раньше эти действия меня ужасно пугали, поэтому я очень обрадовалась, когда нашла этот сайт.

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

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

Итак, что мы разберем в этом уроке?

1. Как создать баннер для ЯМ за 10 минут.
2. Как баннер проходит модерацию в ЯМ.

Часть 1. Создаем простой баннер для Ярмарки Мастеров

Обращаю ваше внимание, что на Ярмарке Мастеров строгие правила по размещению баннеров. Читаем их ниже, привела их на скриншот-картинке. Из всего текста нам сейчас нужно знать, какие размеры допустимы: ровно 760 х 75 пикселей. Запомнили, приступаем к работе.

1. pravila

Для начала нужно попасть на нужный сайт. Вводим в строке браузера адрес: http://bannerfans.com Если вы не знаете, как это сделать, смотрите подробный фото-МК «Как ввести ссылку в браузер, или как найти нужную статью».

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

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

2. sajt

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

1. «Выберите размер». Выбираем вторую строку, чтобы иметь возможность задать свои параметры.

Затем переходим вправо:

2. «Выбрать фоновый режим». Опять кликнем по 2-й строчке «Используйте градиент цвета заливки» (перевод автоматический, поэтому, такой — корявый, к сожалению).

Прямо под этой надписью смотрим:

3. «Режим», я выбрала второй, т. е. на баннере будет две цветовой полосы, плавно переходящей одна в другую.

Теперь уходим влево, к надписи выбора:

4. «Градиент цвета». Выбирайте на свой вкус, нажимая на цветные квадратики. Сразу появятся новые окна с выбором цветов.

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

После всех действий смело нажмем «Обновить».

3. maket

Через пару секунд увидим обновление.

4. obnovit

Значит, время переходить к текстовому оформлению. Кликнем по «Текст и шрифты».

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

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

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

//saule-blog.ru/wp-content/uploads/2017/08/kirillica.jpg
3. Так, «Размер шрифта» — при клике выскакивает длинная таблица с нумерацией. Чтобы выбрать какой-то номер, жмем по нему, он сразу отразится.
4. «Цвет» — здесь уже интуитивно понятно. При нажатии появится маленькое окно, в котором можно выбрать желаемый оттенок для текста.
После всех изменений вновь обновляем. И увидим, что текстовые сообщения окрасились в разные цвета, и обрели новые размеры и конфигурацию.

5. tekst-i-shrift-bannera

Теперь зададим «Тени и эффекты» (кликнув по ним). При нажатии на значки в строке «Расстояние» появляется такая картина. Выберем значение «4px», чтобы тень от букв немного падала вправо. И еще отметим цвет теней.

6. teni-i-jeffekty

7. rasstojanie

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

8. granica

И, наконец, отметим «Формат» IPG, поскольку у нас изображение не требует прозрачности (PNG) и не анимировано (GIF).

9. format-ipg

Все, наш простой баннер готов! Нажмите на кнопку внизу справа «Скачать баннер». И сохраните так, как вам удобно (например, на рабочем столе). Остается разместить его в магазине на Ярмарке Мастеров и ждать одобрения модераторов.

10. banner-gotov

Часть 2. Про то. как баннер проходит модерацию на ЯМ

О том, как баннеры проходят проверку, я писала в своем блоге в Лиру и на ЯМ. Копия статьи приведена ниже в формате скриншот-снимков (т. е. снятых прямо с экрана компьютера). Все изображения кликабельны, просматриваются в виде фото-галереи.

11. moderacija-bannerov

 

12. trebovanija-k-banneram

 

13. pervye-varianty

 

14. proshel-moderaciju

 

15. osnovnye-pravila

Вот и весь урок. Желаю вам отличных продаж!

А я буду дальше разрабатывать наши новые модели — повязки на голову и шапочку-чалму...

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



ПОДПИСКА

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

    


УдовлетворительноХорошоОтлично (голосов: 1, в среднем: 5,00 из 5)
Загрузка...
Печать статьи
К записи "Урок 5. Баннер для Ярмарки Мастеров за 10 минут!" 13 комментариев
  1. Алиса:

    Извините пожалуйста Сауле -уже получилось:)

    • Алиса:

      ...и вновь не выходит и непонятно почему выходило

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

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

        • Алиса:

          Да ,Вы правы! Всё получается Спасибо!!!!!!!!

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

            Вот умница, Алиса! Желаю успехов и спасибо за подсказку — я добавила в статью скриншот, поясняющий этот непонятный момент.

          • Алиса:

            И Вам удачи — Вы удивительная женщина подписалась сегодня на вас вк:)

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

            Алиса, спасибо

            смайл на удачу

  2. Алиса:

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

    пустые ячейки. Подскажите пожалуйста в чем может быть проблемма- буду оч благодарна. Спасибо.

    Как вписать шрифт

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

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

      Кириллица

  3. Ольга:

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

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

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

      Форма регистрации

  4. ЮРИЙ:

    Спасибо, Сауле! Очень доходчиво!

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

Saule

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

Комментарии в блоге
  • ОльгаДобрый день, Сауле! Еще раз огромная Вам благодарность за ценные советы, за терпение, с которым Вы отвечаете на все наши...
  • ОльгаСпасибо большое! А в эту Вашу синюю шапочку я откровенно влюбилась! А что это за узор, если не секрет, конечно?...
  • ОльгаДобрый день, Сауле! Спасибо Вам за столь ценные уроки, советы! Шапочки очень нравятся, но у меня вопрос по узору. Возможно...
  • Татьяна СурковаСауле,здравствуйте.У меня машина Сильвер уже около 10 лет.Недавно я решила почистить ее,и поменять иглы,которые уже не работали должным образом при...
  • ТатьянаЗдравствуйте, Сауле! как я рада, что наткнулась случайно на Ваш блог. Такую же машину купила месяц назад, Вы как будто...
МОИ ПЛАТНЫЕ ОПИСАНИЯ/МК







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




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


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







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

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