Донецкий техникум промышленной автоматики

Урок 7. Як зробити банер методом потрійного "Б"

  1. Інші цікаві статті:

Вітаю вас! Сьогодні покажу, як швидко зробити помітний банер в магазин Ярмарки Майстрів. Використовуємо метод потроєного «Б». Не знаєте, що це таке? Читайте далі)

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

методом потрійного «Б» - Швидко, Примітно, Безкоштовно!

Все просто і легко. Хоча, є одне «Але». Якщо готовий банер можна завантажувати тільки в форматі картинки (наприклад, як в Ярмарку Майстрів) треба вміти робити скріншот-знімок екрана. Детальніше про це напишу нижче.

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

Це - новий баннер в моєму магазині на ЯМ. Вчора я швиденько зробила його в онлайн-генераторі «Арт Банер студія». «Онлайн» - значить, не доведеться щось завантажувати, встановлювати. головне, мати вихід в інтернет в цей час.

Цей баннерок вийшов яскравим, набагато яскравіше, позитивніше і привабливіше, ніж попередній. Причому - безкоштовно. Я не стала звертатися за платними послугами, які там пропонуються, а з легкістю зробила його сама. Тепер, ділюся з вами.

Тепер, ділюся з вами

Заходимо на сторінку сайту //www.artbanner.com.ua/generator-bannerov-onlayn Бачимо таку картину. Зображення з вашим банером буде відображатися у вікні, яке зараз мною обведено червоним кольором. Кожен раз дивіться, як і що там змінюється.

Кожен раз дивіться, як і що там змінюється

Виберемо маці т розміром 728 × 90. Послідовність дій показана стрілками.
Виконаємо команди для завантаження фото для фону: «Виберіть файл» - «Закачати». Чекаємо пару секунд, поки завантажиться, натискаємо «Оновити».

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

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

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

Кожен раз тисніть Оновити, щоб побачити оновлення

Коли переконалися, що все нас влаштовує, відкриваємо третій розділ «Рамка». Пара клацань мишею - вибрали колір і розмір рамочки.

Пара клацань мишею - вибрали колір і розмір рамочки

Тепер використовуємо функцію «Ефекти», назва говорить сама за себе. Покликали по ним, ви побачите, як змінюються відтінки банера. Я додала контрастності, щоб в'язане полотно виглядало помітно.

Я додала контрастності, щоб в'язане полотно виглядало помітно

Все, банер практично готовий! Тиснемо «Зберегти». Бачимо, що пропонується Html-код для web-сторінок. Він стане в нагоді, коли створюється клікабельним баннерок. Наприклад, такий зараз стоїть у мене в блозі. Натиснувши на нього, відвідувач потрапляє прямо на сторінку мого магазину.

Однак, в ЯМ такий спосіб не підходить. Там треба завантажувати фотографію, а не код до неї. Тому, я зробила скріншот-знімок готового зображення банера. Використовуйте клавіатурні клавіші Ctrl + PrtSc або спеціальні програми (у мене FastStone Capture).

Потім, в цьому фоторедакторі підігнала розміри (обов'язково приберіть галочку навпроти «Зберігати співвідношення»). Якщо ви ще не знаєте про цей чудовий ФР, дуже рекомендую. Він російською мовою, багатофункціональний. Можна швидко створити прозору напис на фото, зробити білий фон, прикрасити красивими рамками, стиснути «вага» (важливий момент для вебмайстрів), змінити розміри і мн. ін. Як його правильно завантажити і користуватися описано в уроках рубрики «Фоторедактор Fhotofiltre».

Увага!

З жовтня 2018 року на Ярмарку Майстрів оновлення: банер магазину тепер більшими. Нові розміри 1260 х 200 пікселів.

Залишається завантажити готовий банер до себе в магазин
Залишається завантажити готовий банер до себе в магазин. І - почекати, коли він пройде модерацію.

Тепер ви знаєте метод потрійного «Б», який дозволяє Швидко, Примітно, Безкоштовно створити банер для свого магазину або блогу. Якщо залишилися неясні моменти, не соромлячись, питайте в коментарях, розберемося разом.

З повагою, Саулі Вагапова



Інші цікаві статті:

♦ Рубрика: Ярмарок Майстрів - Підручник .
♥ Мітки: банер

Не знаєте, що це таке?