Эффект тиснения заставляет плоскую графику «вставать» над листом. Этот урок начинается с фильтра «Стилизация» как основы, затем стилями слоя выстраивается объём, и наконец светлые и тёмные участки разводятся «Уровнями» и «Кривыми». Все пути меню и значения приведены, так что в Online PS можно повторять ровно по тексту.
Шаги
- Откройте браузер и перейдите на Online PS (zaixianps.cc).
-
Импортируйте изображение, с которым будете работать:
Файл → Открыть, либо перетащите изображение прямо в область холста. - Продублируйте слой (чтобы исходный остался нетронутым) сочетанием Ctrl+J (Windows) или ⌘+J (Mac).
-
Откройте фильтр «Тиснение»:
Фильтр → Стилизация → Тиснение. -
Настройте параметры на свой вкус:
• Угол – направление источника света; обычно выбирают 135°.
• Высота – глубина рельефа, от 0 до 10.
• Эффект – сила, 0–100%.
Включайте и выключайте Просмотр в левом верхнем углу диалога, чтобы сравнить «до» и «после», а когда результат понравится, нажмите OK. -
(Необязательно) Добавьте детали:
① Продублируйте слой с тиснением, смените его режим наложения на «Перекрытие», «Мягкий свет» или «Умножение» и снизьте непрозрачность до 20–40%.
② ИспользуйтеИзображение → Коррекция → УровниилиКривые, чтобы ещё усилить контраст. -
Сохраните работу:
Файл → Экспортировать как → PNGилиJPEG(сочетание Ctrl+Shift+S тоже работает).
Быстрые советы:
1️⃣ Переключайте Просмотр, чтобы сразу сравнивать эффект.
2️⃣ Совместное наложение нескольких слоёв (например, если задать исходному слою
3️⃣ Для более мягкого рельефа уменьшите Высоту до 2–3 и сочетайте с
1️⃣ Переключайте Просмотр, чтобы сразу сравнивать эффект.
2️⃣ Совместное наложение нескольких слоёв (например, если задать исходному слою
Умножение) даёт тиснению больше глубины.3️⃣ Для более мягкого рельефа уменьшите Высоту до 2–3 и сочетайте с
Перекрытие при пониженной непрозрачности.
Источники
- Официальная документация Adobe Photoshop
- HTML5 и принципы современной обработки изображений на фронтенде
- Online PS