Створюємо аватар і банер для свого магазину на ярмарку майстрів - ярмарок майстрів - ручна робота

Час роботи

Створюємо аватар і банер для свого магазину на ярмарку майстрів - ярмарок майстрів - ручна робота

Впевнена, що ніхто з майстрів і покупців не буде сперечатися зі старою істинної «Зустрічають по одягу». Те, наскільки якісно ви оформите магазин. безпосередньо впливає на його популярність, довіру покупця, і, в звичайно результаті, - на продажу.

Незважаючи на всю самобутність Ярмарки Майстрів і магазинчиків в ній, основні закони ринку працюють і тут: у вас повинен бути якісний товар, і ви повинні його красиво запропонувати покупцеві. Інформація говорити зараз не будемо (адже кожен з вас продає щось своє, унікальне, цікаве), а ось питання пропозиції обговоримо.

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

Крок 1. Завантажуємо Photoshop

Для хорошої роботи потрібна хороша програма. В першу чергу вам потрібно завантажити в Інтернеті Фотошоп і встановити на свій комп'ютер.

Крок 2. Беремо мокап

Крок 3. Трошки теорії

Створюємо аватар і банер для свого магазину на ярмарку майстрів - ярмарок майстрів - ручна робота

Банер має розміри 760х75 пікселів.

На цьому складна теоретична підготовка закінчена. Перейдемо до роботи.

Крок 4. Творимо творчість!

Можливо, що у вас вже є якась ідея оформлення, а можливо і ні. У будь-якому випадку, попереду дуже цікавий шлях пошуку і тестування.

Тип 1. Погоджений. Використовується одна велика картинка на обидва елементи

Створюємо аватар і банер для свого магазину на ярмарку майстрів - ярмарок майстрів - ручна робота

Створюємо аватар і банер для свого магазину на ярмарку майстрів - ярмарок майстрів - ручна робота

Тип 2. Незалежний. Використовуються дві незалежні картинки

Створюємо аватар і банер для свого магазину на ярмарку майстрів - ярмарок майстрів - ручна робота

Саме вам вибирати, як ви оформите вашу сторінку. Я раджу спробувати обидва варіанти, і не по одному разу!

А хороша новина в тому, що мокап, який ви завантажили вище, дозволить вам з легкістю реалізувати ваші задуми, будь то узгоджений або незалежний тип!

Саме час перейти до роботу в Photoshop. Двічі клацніть на скачаний раніше мокап, після чого він відкриється перед вами.

Створюємо аватар і банер для свого магазину на ярмарку майстрів - ярмарок майстрів - ручна робота

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

Створюємо аватар і банер для свого магазину на ярмарку майстрів - ярмарок майстрів - ручна робота

У цій панелі розташовані всі шари, з якими вам доведеться працювати. Деякі з шарів організовані в папки. Око зліва від шарів і папок значить, що даний шар (або група шарів) будуть відображатися на зображенні в робочій області.

Навіть якщо це звучить складно - ми з вами спробуємо зробити все разом, після чого ви з легкістю будете робити свої варіанти.

ВАЖЛИВО! Щоб створити резервну копію мокап, тому що іноді ми робимо-робимо і ламаємо. Раптом натиснете кудись не туди.

Створюємо аватар і банер для свого магазину на ярмарку майстрів - ярмарок майстрів - ручна робота

Створюємо аватар і банер для свого магазину на ярмарку майстрів - ярмарок майстрів - ручна робота

Редагуючи даний файл, ви будете бачити результат на головному файлі, на якому виводиться макет всього магазинчика.

Справа на панелі шарів є шар «Рамка». Увімкніть його, і на зображенні відобразяться темні рамки. Шар створений спеціально для того, щоб бачити, як буде обрізано ваше зображення.

Створюємо аватар і банер для свого магазину на ярмарку майстрів - ярмарок майстрів - ручна робота

Ви можете редагувати ваше зображення з включеним або відключеним шарів «Рамка». Робіть, як вам буде зручніше, це ні на що не впливає.

Тепер знайдемо гарний фон в інтернеті.

Створюємо аватар і банер для свого магазину на ярмарку майстрів - ярмарок майстрів - ручна робота

Створюємо аватар і банер для свого магазину на ярмарку майстрів - ярмарок майстрів - ручна робота

При необхідності змініть розміри, потягнувши за куточки (для збереження пропорції при цьому затисніть клавішу Shift).

Тепер включите (якщо вимкнено) шар «Рамка» і перемістіть новий створений шар відразу під шар «Рамка» (для цього просто перетягніть).

ВАЖЛИВО! Ваш новий шар може і буде мати іншу назву, відмінне від того, що відображається на зображенні нижче.

Створюємо аватар і банер для свого магазину на ярмарку майстрів - ярмарок майстрів - ручна робота

Тепер в робочої області можете спокійно рухати новий шар (головне, щоб він був активним на панелі шарів), змінювати його розміри і додавати необхідні елементи типу тексту.

  1. Зберегти його, вибрати пункт меню «Файл-Зберегти» (див. Фото нижче)
  2. Повернутися до вихідного файлу, натиснувши на його ім'я у верхньому рядку навігації (див. Фото нижче).

Створюємо аватар і банер для свого магазину на ярмарку майстрів - ярмарок майстрів - ручна робота

Створюємо аватар і банер для свого магазину на ярмарку майстрів - ярмарок майстрів - ручна робота

Створюємо аватар і банер для свого магазину на ярмарку майстрів - ярмарок майстрів - ручна робота

Створюємо аватар і банер для свого магазину на ярмарку майстрів - ярмарок майстрів - ручна робота

  • Збережіть, вибравши пункт «Файл» - «Зберегти як» і давши йому ім'я «Баннер.jpg».

Створюємо аватар і банер для свого магазину на ярмарку майстрів - ярмарок майстрів - ручна робота

Всім добра. ) І не забуваємо підписуватися, попереду ще багато цікавого!

Ключові слова