Как сделать нормаль в фотошопе

В современной цифровой обработке изображений термин «нормаль» чаще всего относится к карте нормалей (normal map) — текстуре, используемой в 3D-графике и ретуши для имитации объема и детализации поверхности без увеличения полигональной сложности модели. В контексте Photoshop создание карты нормалей позволяет придать плоскому изображению эффект рельефа, что особенно полезно в играх, визуализациях, UI-дизайне и фотореалистичной композиции. Такая карта кодирует направление поверхностных нормалей в цветовом пространстве, где оттенки красного, зеленого и синего соответствуют осям X, Y и Z.

Что такое карта нормалей и зачем она нужна

Карта нормалей — это специализированная текстура, хранящая информацию о направлении поверхности каждой точки объекта. Вместо изменения геометрии 3D-модели, карта нормалей «обманывает» освещение, заставляя свет отражаться так, будто поверхность имеет выпуклости, впадины и микрорельеф. Это особенно важно в реальном времени — например, в видеоиграх, где производительность ограничена количеством полигонов.
В карте нормалей используются три цветовых канала: красный (X), зеленый (Y) и синий (Z). Синий канал чаще всего содержит основную информацию о глубине, а красный и зиний — о наклоне поверхности по горизонтали и вертикали. Типичный вид такой карты — фиолетово-голубые тона с участками желтизны и серости, где каждый оттенок соответствует определенному углу наклона.
Применяется карта нормалей в различных сферах: от создания текстур для игровых персонажей до дизайна кнопок и интерфейсов в вебе и мобильных приложениях. Например, кнопка с картой нормалей будет казаться выпуклой при анимации наведения, даже если на самом деле это просто PNG-изображение.

Подготовка источника: от чего зависит качество нормалей

Качество итоговой карты нормалей напрямую зависит от исходного изображения. Обычно в качестве источника используется grayscale-изображение высот (height map), где белый цвет — это вершины рельефа, а черный — самые глубокие впадины. Чем выше контраст и детализация исходника, тем точнее будут рассчитаны нормали.
Для получения хорошего height map можно использовать:

• Отдельное монохромное изображение с прорисованными тенями и светом;
• Дубликат диффузной текстуры, преобразованный в оттенки серого;
• Выделение канала с наибольшим контрастом (например, синий канал у камней);
• Изображение, обработанное фильтрами «Тональный диапазон», «Контур» или «Выделение краев».

Важно предварительно устранить шум, размытые границы и артефакты сжатия. Лучше работать с 16-битными изображениями — они дают более плавные переходы и меньше подвержены бендингу при вычислениях. Также рекомендуется масштабировать изображение до нужного размера до применения фильтра, так как последующее изменение размера может исказить рельеф.

Как создать карту нормалей в Photoshop: пошаговая инструкция

Photoshop предлагает встроенный инструмент для генерации карты нормалей, доступный через меню 3D. Процесс прост, но требует внимания к деталям.

1. Откройте или подготовьте исходное изображение в режиме Grayscale или RGB.
2. Убедитесь, что изображение находится на фоновом слое или обычном растре.
3. Перейдите в меню: Фильтр → 3D → Создать карту нормалей.
4. В открывшемся окне настройте параметры (подробнее ниже).
5. Нажмите «ОК» — Photoshop сгенерирует новое изображение с картой нормалей.
6. Сохраните результат в формате PNG или TIFF, чтобы избежать артефактов сжатия JPEG.

Если вы работаете с цветным изображением, Photoshop автоматически преобразует его в grayscale для расчета высот. Однако лучше заранее перевести изображение в оттенки серого, чтобы контролировать процесс.

Шаг 1: Выбор источника высот

В диалоговом окне «Создать карту нормалей» первым делом выберите источник данных. По умолчанию используется «Глубина изображения», но можно указать:

• Глубина изображения — на основе яркости пикселей;
• Карта высот — если у вас уже есть отдельная grayscale-текстура;
• Канал — например, синий канал может содержать больше деталей для некоторых поверхностей.

Шаг 2: Настройка масштаба и смещения

Параметры «Масштаб» и «Смещение» позволяют регулировать выраженность рельефа. Масштаб определяет, насколько сильно будут «выпирать» элементы. Слишком высокое значение сделает поверхность неестественно зубчатой, слишком низкое — почти плоской.

Настройки фильтра «Создать карту нормалей»: разбор параметров

Диалоговое окно фильтра содержит несколько ключевых настроек, влияющих на конечный результат:

Выбор метода фильтрации важен: Sobel хорошо работает с большинством текстур, но Scharr обеспечивает более плавные переходы и меньше шума. Object Space полезен для неподвижных объектов, но не подходит для анимированных моделей, поскольку привязан к глобальным осям.

Распространённые ошибки и как их исправить

Даже при правильных настройках могут возникнуть проблемы. Ниже — типичные ошибки и пути их решения.

• Карта выглядит слишком шумной или зернистой. Причина — шум в исходном изображении. Решение: примените фильтр «Уменьшение шума» или «Размытие по Гауссу» с малым радиусом (0.3–0.5 px) перед генерацией.
• Рельеф кажется перевернутым (впадины выглядят как выпуклости). Проверьте полярность: в настройках фильтра есть опция «Инвертировать Y» или «Инвертировать Z». Иногда требуется инвертировать исходное grayscale-изображение.
• На краях появляются артефакты или линии. Это происходит из-за разрывов в текстуре. Решение: используйте «Рамку» (Wrap Mode) вместо «Отражения» (Mirror), либо расширьте холст с помощью Content-Aware Fill.
• Карта нормалей не работает в движке (Unity, Unreal). Убедитесь, что цветовое пространство sRGB отключено для этой текстуры в настройках импорта. Движки читают карту нормалей как данные, а не как цвет.

Альтернативные способы создания нормалей вне Photoshop

Хотя Photoshop — удобный инструмент, он не единственный. Современные специализированные программы предлагают более точные и гибкие решения.

• Substance 3D Painter / Designer — лидеры в создании материалов. Позволяют генерировать карты нормалей с учетом физики, с возможностью просмотра в реальном времени и экспортом в разных пространствах.
• Crazy Bump, xNormal, Knald — бесплатные и платные утилиты для быстрой генерации нормалей из диффузных текстур. Отличаются скоростью и качеством алгоритмов.
• Blender — бесплатный 3D-редактор, в котором можно экспортировать карты нормалей напрямую из высокополигональной модели (baking).

Преимущество этих инструментов — поддержка PBR-материалов, работа с несколькими картами одновременно (roughness, AO, height) и возможность нетривиальной настройки. Например, в Substance Designer можно создавать процедурные нормали, которые масштабируются без потерь.

Практические примеры использования карты нормалей

Рассмотрим несколько реальных сценариев, где карта нормалей решает конкретные задачи.

Создание текстуры кирпичной стены

У вас есть фотография кирпичной стены. Чтобы добавить объем в 2D-рендер:

1. Снимите или загрузите четкое фото стены при боковом освещении.
2. Преобразуйте в grayscale, усичьте контраст.
3. Примените фильтр «Создать карту нормалей» с масштабом 4–6 px.
4. Используйте полученную карту в макете — при наложении света стена будет казаться рельефной.

Дизайн металлической кнопки в интерфейсе

Для UI-элемента, который должен реагировать на курсор:

• Нарисуйте форму кнопки с градиентом.
• Создайте карту нормалей из этой формы.
• В программе анимации (например, After Effects или Figma с плагинами) используйте карту для симуляции подсветки при наведении.

Ретушь кожи в портрете

Неочевидное применение: карта нормалей может использоваться для сглаживания кожи без потери деталей.

• Создайте карту нормалей из оригинального портрета.
• Размойте ее слегка — это «сгладит» рельеф.
• Наложите поверх оригинала в режиме наложения Overlay или Soft Light с низкой непрозрачностью.

Этот метод сохраняет текстуру кожи, но убирает мелкие недостатки.

Экспертное мнение

Главный принцип при работе с картами нормалей — баланс между детализацией и производительностью. Избыточная детализация не только увеличивает размер текстуры, но и может вызывать визуальные артефакты при отображении на экранах с низким DPI. Оптимальное разрешение карты нормалей должно соответствовать разрешению диффузной текстуры.
Приоритет всегда следует отдавать физически корректным данным. Если вы создаете материал для PBR-рендеринга, карта нормалей должна быть согласована с картой шероховатости и ambient occlusion. Несоответствие приводит к «плавающему» виду поверхности.
Для начинающих художников рекомендуется начинать с простых форм — например, сетки, цепочки или чешуи — чтобы понять, как геометрия влияет на цветовые оттенки в карте. Практика показывает, что после 5–7 самостоятельных карт нормалей восприятие рельефа становится интуитивным.

Вопросы и ответы

Заключение

Создание карты нормалей в Photoshop — это мощный инструмент для придания объема 2D-изображениям. Он доступен даже новичкам, но требует понимания основ 3D-графики и внимания к деталям. Качество результата зависит от исходного материала, правильных настроек фильтра и последующего применения.

• Используйте высококонтрастный grayscale-источник для лучшего качества нормалей.
• Настройте масштаб и метод фильтрации в зависимости от типа поверхности.
• Избегайте артефактов, обрабатывая края и шум до генерации.
• Для профессиональных проектов рассмотрите использование Substance или Blender.
• Карта нормалей — часть PBR-системы, поэтому согласовывайте ее с другими картами.