Весь эффект выреза сводится к одной настройке — «Нокаут» в параметрах наложения. Продублируйте слой, нарисуйте рамку выреза, примените нокаут, добавьте тень — шесть шагов, и дальше всё работает за счёт самой кромки выреза. В Online PS это отлично работает для обложек и постеров.
Шаг 1: Продублируйте исходный слой
Откройте Online PS (zaixianps.cc) и перетащите нужную фотографию в рабочую область.
Выделите фоновый слой и нажмите Ctrl + J (⌘ + J на Mac), чтобы создать новый слой.
Шаг 2: Добавьте слой-заливку
Нажмите Слой → Новый → Слой… (или просто Shift + Ctrl + N) и подтвердите, чтобы получить пустой слой.
Убедитесь, что новый слой находится ниже продублированного слоя с фотографией. Выделите его и нажмите Ctrl + Delete (⌘ + Delete на Mac), чтобы залить весь холст фоновым цветом (по умолчанию белым).
Шаг 3: Нарисуйте рамку выреза
Выберите инструмент «Прямоугольник» (U) и нарисуйте квадрат (или прямоугольник) на белом слое-заливке. Размер любой; обычно лучше всего смотрится, когда рамка совпадает с главным объектом фотографии.
Когда закончите рисовать, убедитесь, что слой фигуры по-прежнему выделен.
Шаг 4: Откройте «Параметры наложения» → «Нокаут»
Дважды щёлкните по миниатюре слоя фигуры, чтобы открыть окно стиля слоя (параметров наложения).
- В разделе Дополнительные параметры наложения задайте непрозрачность заливки 0%.
- В Внутреннем свечении или Обводке найдите Нокаут и выберите Мелкий (или Глубокий — в зависимости от нужного вида).
Когда закончите, белый слой выбивается прямоугольником, и сквозь него видна фотография снизу.
Шаг 5: Добавьте тень
Всё ещё в окне стиля слоя нажмите Тень слева.
- Задайте непрозрачность примерно 30%–50% (подстройте под то, насколько светлый или тёмный фон).
- Регулируйте Смещение, Размах и Размер, пока тень не станет естественной.
Тень придаёт рамке выреза лёгкое ощущение глубины и делает эффект выразительнее.
Шаг 6: Продублируйте рамку выреза
Выберите инструмент «Перемещение» (V), удерживайте Alt (Option на Mac) и тяните прямоугольник, чтобы продублировать рамку выреза того же размера и с тем же стилем.
Переместите копию в другое место (например, на другую часть фотографии) и повторяйте, чтобы собрать многопанельный вид с вырезами.
Готово! 🎉
Теперь у вашей фотографии есть креативный вырез с тенью. Продолжайте уточнять положение и тень или добавьте другие стили слоя (Внутренняя тень, Тиснение), чтобы пойти дальше.
Источники
- Официальная документация Adobe Photoshop
- HTML5 и принципы современной обработки изображений на фронтенде
- Online PS