Вырезанные из бумаги буквы держатся на двух вещах: толщине и линии разреза. Это руководство идёт в два прохода: сначала продублируйте текстовый слой, сместите копии и залейте каждую, чтобы нарастить толщину бумаги, затем «Обводкой» и «Внутренней тенью» имитируйте линии разреза. Настройки «Тиснения» для завершающего штриха — в конце, и такой же объём можно получить в Online PS.
Соберите слои «толщины бумаги» (3D-часть)
1.1 Продублируйте текстовый слой и сместите его
- Выделите текстовый слой → Ctrl+J (дублировать).
- Выделите копию (по умолчанию она называется
Letter_1) и нажмите Ctrl+T, чтобы вызвать Свободное трансформирование. - На панели параметров введите
+15px, +15pxдля смещения по горизонтали / вертикали (dx, dy) — подстройте на свой вкус. Этот шаг заменяет «скрытую бумагу» за буквой. - Продублируйте
Letter_1ещё раз, чтобы получитьLetter_2, и сместите его дальше вверх и влево на-15px, -15px(или в противоположную сторону). Именно эти два смещённых слоя и читаются как толщина бумаги.
Совет: для более плавного градиента продолжайте дублировать и смещать каждую копию на 5–8 px, набрав 5–7 слоёв, чтобы толщина нарастала постепенно.
1.2 Залейте каждый слой цветом
| Слой | Цвет | Назначение |
|---|---|---|
Letter_1 (задний слой) |
#2A2A2A (тёмно-серый / чёрный) | Тень на обороте бумаги |
Letter_2 (передний слой) |
#F2EAE0 (светло-серый / почти белый) | Основное тело лицевой стороны бумаги |
| Исходный текстовый слой (верхний) | #D96459 (основной цвет) | Цвет поверхности бумаги — визуальный центр композиции |
Совет: используйте слой-заливку (Слой → Новый слой-заливка → Цвет) вместо перекрашивания самого текста. Тогда, если позже понадобится другой цвет, вы меняете только слой-заливку — форма букв остаётся точно такой же.
Добавьте детали «бумажного разреза»
2.1 Обводкой имитируйте линию разреза
- Выделите исходный текстовый слой → Стиль слоя (fx) → Обводка.
- Настройки:
- Положение: Снаружи
- Размер: 3–5 px (в зависимости от размера холста)
- Цвет: на 20% темнее базового цвета (например, #B0453C)
- Режим наложения: Обычный
- Включите Внутреннюю обводку и добавьте поверх неё ещё одну обводку 0,5 px, чтобы получить тонкую текстуру разреза.
2.2 Внутренней тенью углубите разрез
| Параметр | Пример значения |
|---|---|
| Угол | 135° |
| Смещение | 0 px |
| Размер | 4 px |
| Цвет | 50% чёрного (#00000080) |
| Режим наложения | Умножение |
Почему это работает: внутренняя тень создаёт лёгкое углубление внутри формы буквы — именно так настоящий ножевой разрез ловит свет.
2.3 Добавьте «Тиснение» (необязательно)
Если хотите, чтобы бумага казалась толще и объёмнее, по очереди откройте Тиснение на каждом бумажном слое (Letter_1, Letter_2):
| Настройка | Рекомендуемое значение |
|---|---|
| Стиль | Внутренний скос (Inner Bevel) |
| Метод | Плавный (Smooth) |
| Глубина | 100% |
| Направление | Вверх (Up) |
| Размер | 5–8 px (подстраивайте под толщину слоя) |
| Цвет света | Белый, Осветление, непрозрачность 30% |
| Цвет тени | Тёмно-серый, Умножение, непрозрачность 40% |
Примечания:
- Тиснение добавляет ореол по краям букв, поэтому лучше держать сглаживание включённым, пока вы им пользуетесь.
- Когда закончите, один раз примените Умную резкость к текстовому слою (
Фильтр → Усиление резкости → Умная резкость), чтобы убрать слабый ореол.
Источники
- Официальная документация Adobe Photoshop
- HTML5 и принципы современной обработки изображений на фронтенде
- Online PS