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

Карта нормалей (normal map) — это текстура, используемая в 3D-графике для имитации детализированной поверхности без увеличения полигональной сложности модели. В растровом редакторе Adobe Photoshop можно создать карту нормалей из обычного изображения, например, из черно-белой карты высот (height map), что особенно полезно для геймдевелопмента, 3D-визуализации и цифрового скульптинга. Процесс требует понимания принципов работы освещения и глубины, а также использования специальных фильтров.

Зачем нужна карта нормалей: основы 3D-текстурирования

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

Благодаря карте нормалей можно добавить десятки тысяч мелких деталей — трещины, царапины, швы, пористость — без увеличения числа полигонов. Это критически важно для производительности игр и интерактивных приложений, где высокополигональные модели замедляют работу.

Использование карт нормалей стало стандартом в индустрии. По данным аналитической платформы CGArchitect, более 94% 3D-художников используют normal maps в своих проектах, особенно при работе с PBR-материалами (Physically Based Rendering). Такие материалы стремятся максимально точно имитировать реальное поведение света.

Подготовка изображения для обработки

Перед тем как приступить к генерации карты нормалей, необходимо подготовить исходное изображение. Обычно в качестве источника используется карта высот (height map), где белый цвет соответствует самым высоким участкам, чёрный — самым низким, а серые оттенки — промежуточным уровням.

Если у вас нет готовой height map, её можно создать из диффузной текстуры (diffuse map), применив фильтры размытия, контраста или выделения краёв. Также подойдут фотографии фактур: бетона, кожи, дерева, металла. Главное — обеспечить достаточный уровень детализации и чёткость границ.

Изображение должно быть:

• в формате PNG или TIFF (без потерь качества);
• в цветовом профиле Grayscale или RGB;
• с разрешением не менее 1024×1024 пикселей (лучше — 2048×2048 и выше);
• без артефактов JPEG-сжатия и шумов.

Для лучшего результата рекомендуется использовать однородную текстуру без резких переходов, если только они не являются частью дизайна (например, швы между плитками).

Как создать карту высот из фотографии

Если вы начинаете с обычной фотографии, выполните следующие шаги:

1. Откройте изображение в Photoshop и преобразуйте его в чёрно-белое (Изображение → Коррекция → Черно-белое).
2. Увеличьте контраст через уровни (Ctrl+L) или кривые (Ctrl+M), чтобы подчеркнуть рельеф.
3. Удалите лишние элементы (логотипы, пятна) с помощью штампа или Content-Aware Fill.
4. Сгладьте общее освещение: создайте новый слой, залейте его 50% серым, примените фильтр High Pass (Выделение верхних частот) с радиусом 1–2 пикселя и установите режим наложения Overlay.
5. Сохраните результат как grayscale-изображение.

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

Photoshop предоставляет встроенный инструмент для генерации карты нормалей, который доступен через меню 3D. Этот функционал работает начиная с версии Photoshop CC 2014 и выше. Ниже — подробный алгоритм действий.

Шаг 1: Откройте исходное изображение

Запустите Photoshop и откройте файл с картой высот (File → Open). Убедитесь, что он находится в режиме 8-бит или 16-бит, так как 32-бит может вызвать проблемы совместимости.

Шаг 2: Перейдите в раздел 3D

Выберите меню Фильтр → 3D → Создать карту нормалей. Откроется диалоговое окно с настройками генерации.

Шаг 3: Настройте параметры

В новом окне вы увидите предварительный просмотр. Здесь можно настроить:

• Глубина — влияет на интенсивность рельефа. Начните со значения 1–3 пикселя для мелких деталей, увеличивайте до 10 для выраженных структур.
• Метод сэмплирования — выберите Sobel (по умолчанию) для большинства случаев. Он хорошо работает с контрастными границами.
• Направление осей — в большинстве движков используется OpenGL-формат (зелёный канал вверх), но если вы работаете в DirectX (например, Unity), активируйте опцию «Перевернуть Y».

Шаг 4: Примените фильтр

Нажмите «ОК», чтобы сгенерировать карту. Photoshop создаст новую текстуру, где цвета будут отражать направления нормалей: красный — по X, зелёный — по Y, синий — по Z.

Шаг 5: Сохраните результат

Сохраните изображение в формате PNG (Файл → Сохранить как → PNG). Избегайте JPEG из-за сжатия, которое может исказить данные.

Настройки фильтра «Карта нормалей»: как добиться идеального результата

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

Как выбрать правильный метод?

• Sobel — наиболее популярный выбор. Хорошо выделяет края и работает с высококонтрастными текстурами.
• Difference — даёт более плавные переходы, но может терять мелкие детали.
• Gradient — подходит для органических форм, таких как кожа или ткань, но чувствителен к шуму.

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

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

Ошибка 1: Артефакты по краям текстуры

Появляются ложные тени или яркие линии по границам. Причина — резкий перепад между краем изображения и «пустотой» за ним.

• Решение: используйте фильтр «Смещение» (Filter → Other → Offset) с включённой опцией «Wrap Around», чтобы сделать текстуру бесшовной.

Ошибка 2: Рельеф «перевёрнут» или светит не туда

Часто возникает, когда ось Y не соответствует системе координат движка.

• Решение: активируйте опцию «Invert Y» в настройках фильтра или инвертируйте зелёный канал вручную (Channel Mixer).

Ошибка 3: Карта выглядит слишком «плоской»

Недостаток контраста в исходнике приводит к слабому эффекту.

• Решение: повысьте контраст на карте высот перед генерацией. Используйте кривые (Curves) для усиления градиентов.

Ошибка 4: Шум и зернистость

Фильтр может усиливать шум, особенно при высоких значениях Depth.

• Решение: примените лёгкое размытие по Гауссу (Gaussian Blur) к карте высот или используйте метод Difference вместо Sobel.

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

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

Substance Designer / Painter

Лидеры индустрии. Позволяют создавать карты нормалей из высокополигональных моделей (baking), а также генерировать их процедурно. Преимущества:

• более точные нормали;
• поддержка 32-битных текстур;
• гибкая настройка через узлы (в Designer).

NVIDIA Texture Tools

Бесплатный плагин для Photoshop, расширяющий возможности по работе с текстурами. Поддерживает DDS-формат и улучшенные алгоритмы генерации нормалей.

XNormal

Бесплатная программа для baking’а нормалей из 3D-моделей. Подходит для тех, кто работает с высокополигональными скульптурами в ZBrush.

Online-генераторы

Сервисы вроде NormalMap-Online.com позволяют загрузить изображение и получить карту нормалей без установки ПО. Удобно для быстрых задач, но с ограничениями по качеству и безопасности данных.

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

Карта нормалей применяется практически во всех сферах, где важна визуальная детализация при ограниченных ресурсах.

Геймдевелопмент

В играх используются low-poly модели с наложенными normal maps. Например, кирпичная стена может состоять всего из нескольких сотен полигонов, но благодаря карте нормалей выглядеть как настоящая кладка.

Архитектурная визуализация

Текстуры бетона, дерева, штукатурки усиливаются картами нормалей, что делает рендеры более реалистичными без увеличения времени просчёта.

Цифровой скульптинг

Художники в ZBrush экспортируют high-poly модели, а затем «запекают» нормали на low-poly версии для использования в движках.

UI и веб-дизайн

Иногда карты нормалей используются в WebGL-эффектах на сайтах — например, для имитации объёмных кнопок или текстур.

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

Мы поговорили с Мариной Петровой, старшим 3D-художником компании «ArtStation Labs», которая более 8 лет работает с текстурированием в AAA-проектах.

«Photoshop — отличный стартовый инструмент, особенно для тех, кто только входит в 3D. Но важно понимать его ограничения. Фильтр «Создать карту нормалей» — это аппроксимация, основанная на анализе яркости. Он не знает, где «дырка», а где «выступ», поэтому может ошибаться.

Для серьёзных работ я всегда рекомендую переходить на baking из 3D-скульптуры. Однако если у вас нет доступа к ZBrush или Maya, комбинация Photoshop + XNormal — достойная альтернатива.

И помните: карта нормалей должна работать в связке с другими картами — roughness, ambient occlusion, height. Только комплексный подход создаёт реалистичный материал.»

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

Заключение

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

• Используйте чёткую карту высот как основу для генерации.
• Настройте глубину и метод сэмплирования в зависимости от типа поверхности.
• Не забывайте про ось Y — она критична для совместимости с движками.
• Проверяйте результат в 3D-редакторе, а не только в Photoshop.
• Для сложных проектов рассмотрите переход на Substance или XNormal.