Серебряный металлический текст собирается из стилей слоя. «Тиснение» создаёт объём, «Наложение градиента» даёт металлический блеск, «Обводка» делает края жёстче, а «Внутреннее свечение», «Внешнее свечение» и «Тень» завершают картину. Важнее всего одно: сохраните стили и поставьте «Заливку» на 0, чтобы металл выглядел чисто.
1️⃣ Добавьте текстовый слой
- Выберите инструмент «Текст» (T) на панели инструментов, щёлкните по холсту и наберите нужный текст (например,
METAL). - Лучше всего работает тяжёлый шрифт без засечек (Montserrat Bold, Futura Extra Bold, Impact и подобные). Цвет пока задайте белый.
- Подберите размер под холст, но следите, чтобы текст оставался хорошо читаемым.
2️⃣ Тиснение — создаём объём
- Правый клик по текстовому слою → Параметры наложения.
- Отметьте Тиснение и задайте такие значения:
| Структура | Глубина 100% |
| Направление | Вверх |
| Размер | 12 px (подстройте под размер текста) |
| Смягчение | 0 px |
| Угол | 120° |
| Высота | 30° |
| Контур глянца | Линейный |
| Режим подсветки | Цвет, белый (#FFFFFF) Непрозрачность 75% |
| Режим тени | Цвет, чёрный (#000000) Непрозрачность 45% |
3️⃣ Наложение градиента — сам металл
Всё в том же окне «Параметры наложения» отметьте Наложение градиента и задайте:
| Режим наложения | Перекрытие |
| Непрозрачность | 85% |
| Угол | 90° (вертикально) |
| Масштаб | 100% |
| Градиент | Выберите слева градиент серебряного металла (#E0E0E0 → #A0A0A0 → #FFFFFF) или задайте свой: |
Пример пользовательского градиента (дважды щёлкните в редакторе градиентов):
- Левая точка: #E5E5E5 (цвет) — позиция 0%
- Средняя точка: #B0B0B0 (цвет) — позиция 50%
- Правая точка: #FFFFFF (цвет) — позиция 100%
Перекрытие делает светлые участки светлее, а тёмные — темнее, именно так и появляются блики и тени металла.4️⃣ Обводка — ужесточаем край металла
- Всё в том же окне «Параметры наложения» отметьте Обводку.
- Значения:
| Размер | 2 px (чуть подстройте под размер текста) |
| Положение | Внутри |
| Тип заливки | Цвет |
| Цвет | #CCCCCC (светло-серый) |
| Режим наложения | Умножение |
| Непрозрачность | 90% |
5️⃣ Внутреннее свечение — металлический свет
Отметьте Внутреннее свечение с такими значениями:
| Режим наложения | Осветление |
| Цвет | #FFFFFF (белый) |
| Непрозрачность | 30% |
| Шум | 0% |
| Размер | 3 px |
| Источник | Изнутри |
6️⃣ Внешнее свечение — усиливаем блеск
- Отметьте Внешнее свечение.
- Значения:
| Режим наложения | Линейный осветлитель |
| Цвет | #FFFFFF (белый) |
| Непрозрачность | 25% |
| Размер | 6 px |
| Диапазон | Снаружи |
7️⃣ Тень — добавляем глубину
Отметьте Тень с обычными значениями:
| Режим наложения | Умножение |
| Цвет | #000000 (чёрный) |
| Непрозрачность | 45% |
| Смещение | 8 px |
| Угол | 120° |
| Размах | 0 px |
| Размер | 10 px |
8️⃣ Продублируйте текстовый слой и добавьте тиснение ещё раз — обострите срез
- Выделите текстовый слой, нажмите Ctrl+J, чтобы продублировать его, и назовите копию
Text‑sharp. - Откройте «Параметры наложения» у копии и снова отметьте Тиснение, на этот раз с чуть другими значениями для более резкого блика:
| Размер | 8 px (меньше, чем в оригинале) |
| Смягчение | 0 px |
| Угол | 130° (чуть правее) |
| Высота | 45° |
| Цвет подсветки | #FFFFFF, непрозрачность 80% |
| Цвет тени | #000000, непрозрачность 30% |
9️⃣ Главный приём — оставьте стили слоя, уберите цвет заливки
Когда стили собраны, вы заметите, что исходный цвет заливки всё ещё участвует — особенно белый, который вымывает металлический блеск. Исправляется это просто:
- На панели «Слои» выделите все текстовые слои (оригинал и копию).
- Вверху панели есть ползунок «Заливка» — поставьте значение 0%.
Это убирает сам цвет букв, оставляя только металл, созданный стилями слоя.
- «Заливка» влияет только на собственный цвет слоя; стилей слоя вроде «Тиснения» или «Внешнего свечения» она не касается.
- При «Заливке» 0% остаются только эффекты, поэтому металл выглядит чище и резче.
🔚 Готовый эффект
Теперь у вас должен получиться серебряный металлический текст, как в примере ниже:
Для тонкой настройки подправьте Размер тиснения, Угол света или непрозрачность Внешнего свечения — блеск станет мягче или сильнее.
Источники
- Официальная документация Adobe Photoshop
- HTML5 и принципы современной обработки изображений на фронтенде
- Online PS