======================================================================
📘 НАЗВАНИЕ ФАЙЛА: gayd_kak_sozdavat_svoi_mokapy_mockups_v_photoshop_avtovydacha_guide.txt
======================================================================

=== КРАТКАЯ ВЕРСИЯ (ДЛЯ БЫСТРОГО СТАРТА) ===

1. Откройте фото устройства. Нарисуйте прямоугольник с пропорциями экрана и преобразуйте его в Smart Object.
2. Переименуйте слой в «👉 ВСТАВЬ СВОЙ ДИЗАЙН СЮДА».
3. Уменьшите непрозрачность слоя до 50%. Нажмите Ctrl+T, зажмите Ctrl и перетащите углы прямоугольника точно в углы экрана на фотографии. Верните непрозрачность 100%.
4. Создайте тень: новый слой над смарт-объектом, обтравочная маска, режим Multiply, мягкой чёрной кистью с низким Flow прорисуйте тени по краям.
5. Добавьте блики: скопируйте фоновый слой (область экрана), обесцветьте, поставьте режим Screen или Linear Dodge, затемните с помощью Levels, оставив только белые отражения.
6. Дважды кликните по смарт-объекту, вставьте свой дизайн, сохраните (.psb) – мокап обновится.
7. Для изогнутых поверхностей используйте Warp или Displace вместо Free Transform.

---------------------------------------------------

=== ПОДРОБНАЯ ВЕРСИЯ (ПОШАГОВАЯ ИНСТРУКЦИЯ ДЛЯ НОВИЧКОВ) ===

Цель: создать собственный мокап (умный шаблон) для демонстрации дизайна на фотографии устройства или упаковки с автоматической подстановкой и тенями.

ШАГ 1. ПОДГОТОВКА ФОНОВОГО ИЗОБРАЖЕНИЯ
- Откройте в Photoshop качественное фото предмета (например, смартфон на столе, визитка в руке). Сделайте фоновый слой (Background) заблокированным – он будет служить основой.

ШАГ 2. СОЗДАНИЕ СМАРТ-ОБЪЕКТА
- Выберите инструмент Rectangle (U). Нарисуйте прямоугольник, соответствующий пропорциям экрана устройства (например, для iPhone 14 Pro – 1179x2556 px). Можно нарисовать произвольный прямоугольник, а потом изменить размер.
- Залейте его любым ярким цветом (например, зелёным) – это облегчит визуализацию.
- Кликните правой кнопкой по слою с прямоугольником в панели Layers и выберите «Convert to Smart Object» (Преобразовать в смарт-объект).
- Переименуйте слой во что-то понятное, например, «👉 ВСТАВЬ СВОЙ ДИЗАЙН СЮДА (DoubleClick)» – это подсказка для будущего пользователя мокапа.

ШАГ 3. ПОДГОНКА ПЕРСПЕКТИВЫ
- Установите непрозрачность (Opacity) смарт-объекта на 50% – вы сможете видеть сквозь него реальный экран на фото.
- Нажмите Ctrl+T (Cmd+T) для свободной трансформации. Затем зажмите клавишу Ctrl (Cmd) – курсор изменится на белую стрелку. Перетаскивайте каждый из четырёх угловых маркеров так, чтобы они совпали с углами экрана на фотографии.
- Если нужно, можно использовать дополнительно искажение (Perspective) или Warp. Для плоских экранов достаточно перспективного искажения.
- После того как углы встали точно, нажмите Enter для применения. Верните непрозрачность на 100%.

ШАГ 4. СОЗДАНИЕ ТЕНЕЙ И ОБЪЁМА
- Создайте новый пустой слой над смарт-объектом. Превратите его в обтравочную маску: зажмите Alt и кликните между этим слоем и смарт-объектом (или Ctrl+Alt+G / Cmd+Option+G).
- Установите режим наложения этого слоя на Multiply (Умножение).
- Выберите мягкую чёрную кисть (Hardness 0%, Flow 1–3%) и аккуратно прорисуйте тени по углам и краям рамки, имитируя падение света от окружения. Направление теней должно соответствовать освещению на исходном фото.

ШАГ 5. ДОБАВЛЕНИЕ БЛИКОВ (ОТРАЖЕНИЙ ОТ СТЕКЛА)
- На фоновом слое выделите область экрана (можно с помощью Rectangular Marquee), скопируйте её на новый слой (Ctrl+J).
- Переместите этот слой на самый верх стопки.
- Обесцветьте его (Ctrl+Shift+U / Cmd+Shift+U).
- Установите режим наложения Screen (Экран) или Linear Dodge (Add).
- Нажмите Ctrl+L (Levels) и затемните чёрную точку, перетащив левый ползунок вправо – так вы оставите только самые яркие белые блики (отражения окон, света). Можно также удалить лишние участки маской.

ШАГ 6. ТЕСТИРОВАНИЕ МОКАПА
- Дважды кликните по миниатюре смарт-объекта (по иконке слоя). Откроется отдельный файл с расширением .psb.
- Вставьте в этот файл свой дизайн (скриншот интерфейса, логотип и т.д.). Сохраните изменения (Ctrl+S) и закройте вкладку .psb.
- Вернитесь в основной документ – дизайн автоматически применится, подстроится под перспективу, и сверху будут наложены тени и блики.

ШАГ 7. ДЛЯ ИЗОГНУТЫХ ПОВЕРХНОСТЕЙ (КРУЖКИ, БУТЫЛКИ, ФУТБОЛКИ)
- Вместо Free Transform используйте Edit → Transform → Warp (Деформация) или фильтр Displace (Смещение) по карте высот текстуры. Для Displace потребуется создать карту смещения (градиент, имитирующий изгиб) и применить фильтр к смарт-объекту.

ТИПИЧНЫЕ ОШИБКИ
- «Пиксели размываются внутри мокапа» – создавайте базовый смарт-объект в разрешении 2x–3x выше целевого (Retina resolution), чтобы при масштабировании сохранялась чёткость.

ПРО-СОВЕТЫ
- Используйте цветовые метки для слоёв (правый клик по глазику слоя → выберите цвет, например, жёлтый или зелёный) – это помогает клиенту быстро понять, в какой слой вставлять дизайн.

💡 Если возникнут вопросы – напишите в чат заказа, я с радостью помогу!

======================================================================