Урок 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. «Имя шрифта» — вот тут в первый раз я «застряла» надолго, т. к. не все из них распознают кириллицу. Сейчас вы можете просто вписать такие же, как у меня на фото, чтобы не терять время. А позже, при желании, поэкспериментировать еще. Предупреждаю, дело захватывающее, т. к. нам предлагают множество разных шрифтов, от готических до классических. Чтобы их увидеть, кликните по значку «>» рядом с каждым.
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 минут!" 4 комментария
  1. ЮРИЙ:

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

  2. Ольга:

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

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

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

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

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

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

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


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





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




Комментарии в блоге
  • ЛюдаДА. Буду вязать.
  • Люда ЗемцовскаяСауле здравствуйте. Я не вижу свою запись и ваш ответ тоже не вижу.
  • ИннаДа верх 46-48, а низ 48. Рост 165, хочу немного подлинее, чтобы смотрелось кардиганом.
  • ИннаДа , это все на мне. Спицами связан и топ и юбка, шали спицами вязала. ССылками я поделилась в СМ....
  • АлтынХорошо!


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


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

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

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