======================================================================
📘 TITLE: 📱 ГАЙД: КАК СОЗДАВАТЬ СВОИ МОКАПЫ (MOCKUPS) В PHOTOSHOP 📱 | АВТОВЫДАЧА
📂 CATEGORY: Adobe
📄 FILENAME: gayd_kak_sozdavat_svoi_mokapy_mockups_v_photoshop_avtovydacha_guide.txt
======================================================================

📱 ГАЙД: СОЗДАНИЕ ПРОФЕССИОНАЛЬНЫХ SMART-МОКАПОВ С НУЛЯ В ADOBE PHOTOSHOP 📱

🔹 ВВЕДЕНИЕ И ПРИНЦИП SMART OBJECT МОКАПОВ:
Мокап (Mockup) — это шаблон для реалистичной демонстрации дизайна (интерфейсов смартфонов, фирменного стиля, полиграфии, одежды, вывесок и упаковки) в реальном окружении. В основе качественного мокапа лежит технология Смарт-объектов (Smart Objects) с недеструктивной деформацией перспективы, наложением теней через режимы Multiply/Linear Burn и сохранением естественных бликов и текстуры материала.

🔹 ШАГ 1: ПОДГОТОВКА ФОТОГРАФИИ-ОСНОВЫ
1. Откройте качественное фото предмета (например, матовый черный смартфон на деревянном столе или визитка в руке).
2. Заблокируйте фоновый слой (Layer 0).

🔹 ШАГ 2: СОЗДАНИЕ ШАБЛОННОГО СМАРТ-ОБЪЕКТА
1. Возьмите инструмент `Прямоугольник (Rectangle Tool, U)`.
2. Нарисуйте прямоугольник с точными пропорциями экрана устройства (например, для iPhone это `1179 x 2556 px`). Задайте яркий цвет заливки.
3. Кликните правой кнопкой мыши по слою прямоугольника на панели слоев -> выберите:
   `Преобразовать в смарт-объект (Convert to Smart Object)`.
4. Переименуйте слой в `👉 ВСТАВЬ СВОЙ ДИЗАЙН СЮДА (DoubleClick)`.

🔹 ШАГ 3: ПОДГОНКА ПЕРСПЕКТИВЫ ПОД УГЛЫ УСТРОЙСТВА
1. Уменьшите непрозрачность (Opacity) смарт-объекта до 50%, чтобы видеть физический экран под ним.
2. Нажмите комбинацию клавиш `Ctrl + T` (или `Cmd + T` на Mac) для перехода в режим свободной трансформации.
3. Зажмите и удерживайте клавишу `Ctrl` (или `Cmd`) — курсор превратится в белую стрелку.
4. Перетащите по очереди каждый из 4 угловых маркеров смарт-объекта точно в 4 угла дисплея устройства на фотографии.
5. Нажмите `Enter` для применения деформации перспективы.
6. Верните непрозрачность слоя на 100%.

🔹 ШАГ 4: НАЛОЖЕНИЕ РЕАЛИСТИЧНЫХ ТЕНЕЙ И БЛИКОВ (ОБЪЕМ)
Плоский смарт-объект выглядит искусственно без светотеневого рисунка окружающей среды:
1. Создание падающей тени (Shadow Layer):
   • Создайте пустой слой над смарт-объектом и привяжите его как обтравочную маску (`Ctrl + Alt + G`).
   • Режим наложения установите на `Multiply (Умножение)`.
   • Мягкой черной кистью (Flow 2%) прорисуйте затенение в нижних углах и у краев рамки.
2. Перенос естественных бликов стекла:
   • Выделите фоновый слой с фотографией -> скопируйте область экрана на новый слой (`Ctrl + J`).
   • Переместите этот слой на самый верх стопки слоев над смарт-объектом.
   • Обесцветьте его (`Ctrl + Shift + U`).
   • Установите режим наложения: `Screen (Экран)` или `Linear Dodge (Add)`.
   • Нажмите `Ctrl + L` (Уровни) -> затемните черную точку, чтобы оставить только яркие белые полосы отражения света и окон!

🔹 ШАГ 5: ТЕСТИРОВАНИЕ И РАБОТА С ГОТОВЫМ МОКАПОМ
1. Дважды кликните по миниатюре смарт-объекта `👉 ВСТАВЬ СВОЙ ДИЗАЙН СЮДА`.
2. Он откроется в отдельной вкладке `.psb`.
3. Вставьте любой скриншот сайта или приложения -> нажмите `Ctrl + S` (Сохранить) -> закройте вкладку `.psb`.
4. В основном документе дизайн автоматически изогнется по перспективе с наложением всех теней и бликов!

🔹 ТОНКАЯ НАСТРОЙКА И ПРЕОДОЛЕНИЕ ТИПИЧНЫХ ОШИБОК:
1. Изогнутые поверхности (кружки, бутылки, футболки): Для непрямых поверхностей вместо обычной деформации используйте `Edit` -> `Transform` -> `Warp (Деформация)` или фильтр `Displace (Смещение)` по карте высот текстуры ткани.
2. «Пиксели размываются внутри мокапа»: Создавайте базовый смарт-объект в разрешении 2x-3x выше целевого экрана (Retina resolution).

🔹 ПРО-СОВЕТЫ:
• Используйте цветовые метки для слоев (клик ПКМ по глазику слоя -> цвет Желтый или Зеленый), чтобы покупатели или клиенты сразу понимали, по какому слою нужно кликать дважды.

💡 Если у вас возникнут любые вопросы по выполнению шагов из этого гайда — напишите в чат заказа, я с радостью подскажу!
