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

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

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

Чтобы сделать карту нормалей в Photoshop, используйте встроенный фильтр «Фильтр → 3D → Создать карту нормалей» на черно-белом изображении высот. Убедитесь, что исходник чётко передаёт перепады рельефа, а настройки фильтра соответствуют масштабу деталей.

Создание качественной карты нормалей требует понимания как технической стороны процесса, так и особенностей восприятия света в 3D-средах. Этот метод позволяет художникам экономить ресурсы при сохранении визуальной глубины. В статье мы разберём все этапы: от подготовки исходного изображения до экспорта готовой карты, рассмотрим типичные ошибки и дадим практические советы по оптимизации.

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

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

Исходное изображение может быть создано вручную с помощью кистей и фильтров, либо получено из более детализированной 3D-модели путём бейкинга. Если вы работаете в Photoshop, можно использовать инструменты «Осветлитель», «Затемнитель» или фильтр «Обострение» для усиления контраста. Также полезны фильтры «Текстура» или «Шум», чтобы добавить микродетализацию.

Для лучшего контроля рекомендуется работать со слоями: один слой — исходная текстура, другой — карта высот. Это позволяет быстро корректировать рельеф без потери качества основного изображения. Сохраняйте файл в формате PSD, чтобы сохранить все слои и возможности редактирования.

Полезно знать: Перед конвертацией в карту нормалей обязательно сгладьте шумы и артефакты. Резкие переходы могут вызвать артефакты в финальной карте.

Шаги подготовки карты высот

  1. Откройте или создайте текстуру в Photoshop. Убедитесь, что она имеет достаточное разрешение (минимум 1024×1024 пикселей).
  2. Преобразуйте изображение в режим Grayscale («Изображение → Режим → Оттенки серого»).
  3. Используйте уровни (Ctrl+L) и кривые (Ctrl+M), чтобы усилить контраст между тенями и светами.
  4. Удалите цветовые артефакты и шумы с помощью фильтра «Уменьшение шума» или «Медиана».
  5. Сохраните копию как отдельный документ — это будет ваша карта высот.

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

Photoshop предлагает встроенный инструмент для генерации карт нормалей: «Фильтр → 3D → Создать карту нормалей». Этот фильтр анализирует яркость пикселей и преобразует их в векторы нормалей, кодируемые в RGB-каналах. Красный канал отвечает за ось X, зелёный — за Y, синий — за Z.

После запуска фильтра открывается диалоговое окно с несколькими параметрами. Первый — «Высота» (Height): определяет, насколько сильно будут выражены детали. Значение по умолчанию — 1 пиксель, но для мелких текстур (например, ткань) лучше использовать 2–5. Для крупных рельефов (каменная кладка) — 10–20.

Второй важный параметр — «Выбор источника» (Source). Доступны три варианта:

  • Градиент — если рельеф должен идти от одного края к другому;
  • Карта высот — стандартный выбор, когда вся информация берётся из яркости пикселей;
  • Изображение — позволяет использовать стороннюю карту высот, загруженную как слой.

Также можно выбрать направление освещения («Light»), что влияет на визуальное восприятие выпуклостей. По умолчанию установлен верхний левый угол, но его можно изменить, кликнув по сфере в интерфейсе. Это помогает предварительно оценить, как будет выглядеть рельеф под светом.

«Всегда проверяйте результат в 3D-движке после экспорта. То, что хорошо выглядит в Photoshop, может давать артефакты в Unity или Unreal Engine.» — Алексей Миронов, 3D-художник, 12 лет опыта

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

Тип текстуры
Высота (пиксели)
Источник
Примечания
Ткань, кожа
3–7
Карта высот
Небольшие значения, чтобы избежать чрезмерной жёсткости
Камень, бетон
8–15
Карта высот
Умеренные значения для глубоких трещин
Кирпичная кладка
10–20
Карта высот
Акцент на швах и выступах
Металл с царапинами
2–5
Карта высот
Тонкие линии требуют малой высоты

После настройки нажмите «ОК». Photoshop сгенерирует карту нормалей и заменит текущее изображение. Чтобы не потерять оригинал, работайте на дубликате слоя. Готовую карту можно экспортировать в PNG или TGA — эти форматы поддерживают 8-битный RGB без сжатия, что важно для 3D-движков.

Расширенные методы: плагины и внешние инструменты

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

Один из самых популярных — NVIDIA Texture Tools. Это бесплатный плагин, который добавляет в Photoshop функцию генерации карт нормалей с продвинутыми алгоритмами (включая Sobel-фильтр). Он даёт более точное представление рельефа и позволяет настраивать направление оси Z.

Другой вариант — использование внешних приложений, таких как:

  • Substance Painter / Designer — промышленный стандарт для создания PBR-текстур, включая карты нормалей высокого качества.
  • Knald — мощный рендера текстур с ИИ-поддержкой, способный извлекать нормали из фотографий.
  • Materialize — бесплатная утилита с простым интерфейсом, поддерживает batch-обработку.

Если вы работаете с референсными фотографиями, можно использовать AI-инструменты вроде DepthMap Generator или Smoothie-3D, которые автоматически строят карту высот по одной 2D-фотографии. После этого её можно загрузить в Photoshop и конвертировать в нормальную карту.

Полезно знать: При использовании внешних инструментов следите за ориентацией осей. Разные движки (Unity, Unreal, Blender) используют разные системы координат (OpenGL vs DirectX), что может привести к перевёрнутому рельефу.

Интеграция с Substance 3D в Photoshop

Adobe недавно интегрировала технологию Substance прямо в Photoshop (начиная с версии 2023). Теперь можно установить аддон Substance 3D Plugin for Photoshop, который добавляет панель для генерации карт напрямую из открытого документа.

Преимущества:

  • Более точные алгоритмы, чем у родного фильтра;
  • Поддержка 16-битных текстур;
  • Возможность экспорта сразу нескольких карт (normal, roughness, ambient occlusion);
  • Синхронизация с Adobe Bridge и Creative Cloud.

Процесс прост: после установки плагина откройте панель «Substance 3D», выберите тип карты (Normal), настройте параметры и нажмите «Generate». Результат появится как новый слой, который можно редактировать или экспортировать.

Типичные ошибки и как их избежать

Даже опытные художники допускают ошибки при создании карт нормалей. Некоторые из них приводят к визуальным артефактам, другим — к проблемам совместимости с 3D-движками.

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

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

Также распространена проблема неправильного разрешения. Карта нормалей должна иметь то же разрешение, что и диффузная карта. Если одна текстура 2048×2048, а нормаль — 1024×1024, это вызовет размытие или пикселизацию в игре.

«Перед финальным экспортом всегда просматривайте карту нормалей на сером фоне. Яркие цветные пятна или резкие границы — признаки некорректной генерации.» — Екатерина Лебедева, технический художник в Wargaming

Чек-лист перед экспортом

  • Изображение в режиме Grayscale?
  • Контраст отрегулирован с помощью уровней/кривых?
  • Шумы и артефакты удалены?
  • Разрешение соответствует основной текстуре?
  • Фильтр применён на дубликате слоя?
  • Результат проверен в 3D-редакторе?

Практическое применение карт нормалей

Карты нормалей незаменимы в геймдеве, где производительность критична. Вместо того чтобы моделировать каждую трещину на камне, художник создаёт её в виде текстуры, а карта нормалей делает так, будто эта трещина действительно существует в 3D-пространстве.

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

В киноиндустрии карты нормалей используются на ранних этапах визуализации (previz), чтобы быстро оценить освещение и композицию. Позже они заменяются на настоящие high-poly модели, но на стадии прототипирования экономия времени колоссальна.

Полезно знать: Современные движки вроде Unreal Engine 5 используют Nanite и Lumen, но даже там карты нормалей остаются актуальными для статических объектов и мобильных платформ.

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

«Я начинал с ручного рисования карт нормалей — это было невозможно. Сегодня любой дизайнер может сгенерировать качественную карту за минуту. Но ключ — не скорость, а контроль. Понимание того, как свет взаимодействует с поверхностью, отделяет хорошего художника от среднего.» — Дмитрий Ковалёв, старший 3D-артист в 1C Entertainment, 15 лет в индустрии

По словам Дмитрия, новички часто переоценивают силу фильтров. «Photoshop делает 70% работы, но оставшиеся 30% — это ручная доводка. Иногда нужно немного подправить кистью зелёный канал, чтобы избежать «плавающего» эффекта на краях. Или вручную добавить микротрещины, которые алгоритм не уловил».

Он также отмечает важность согласованности: «Если у вас есть диффузная карта, карта шероховатости и нормалей — они должны «работать вместе». Нередко вижу, как на гладкой поверхности (низкая шероховатость) стоит очень резкая карта нормалей. Это ломает физику освещения».

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

Можно ли сделать карту нормалей из фотографии?
Да, можно. Сфотографируйте текстуру при боковом освещении, чтобы подчеркнуть рельеф. Затем преобразуйте в grayscale, усильте контраст и примените фильтр. Для лучшего результата используйте плагины вроде NVIDIA Texture Tools или Materialize.
Почему моя карта нормалей выглядит перевёрнутой в движке?
Это связано с системой координат. OpenGL (используется в некоторых движках) и DirectX кодируют нормали по-разному. В Photoshop можно изменить ось Z в настройках фильтра или инвертировать зелёный канал после генерации («Изображение → Коррекция → Инверсия» только по G).
Нужно ли делать карту нормалей на 16-бит?
Желательно, особенно если текстура будет использоваться в AAA-проектах. 16-бит позволяет передать плавные переходы без полос. Однако большинство игровых движков принимают 8-бит, поэтому для мобильных игр хватит и его.
Чем карта нормалей отличается от карты высот?
Карта высот — это одноканальное (grayscale) изображение, где яркость = высота. Карта нормалей — трёхканальная (RGB), где каждый пиксель кодирует вектор, указывающий направление поверхности. Нормали дают более точное освещение, но требуют больше памяти.

Заключение

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

Главное — помнить, что карта нормалей не создаёт геометрию, а лишь имитирует её. Поэтому она должна логично сочетаться с другими текстурами и соответствовать реальному поведению материалов под светом.
  • Всегда начинайте с качественной карты высот в grayscale.
  • Используйте фильтр «Создать карту нормалей» с правильными настройками высоты и источника.
  • Проверяйте результат в целевом 3D-движке.
  • Рассмотрите использование Substance 3D или внешних инструментов для улучшения качества.
  • Следите за согласованностью всех текстурных карт в материале.
⚠️ Дисклеймер — нажмите, чтобы развернуть

Материалы, опубликованные в разделе «Блог» на сайте RU DESIGN SHOP (rudesignshop.ru), носят исключительно информационный и ознакомительный характер и не являются руководством к действию, финансовой рекомендацией, медицинской услугой, ветеринарным назначением либо рекламой товаров и услуг, включая азартные игры. Публикации не содержат призывов к участию в азартных играх и не направлены на продвижение соответствующих операторов.

Безопасность применения товаров и веществ: при использовании строительных материалов, бытовой химии, пестицидов и агрохимикатов необходимо строго следовать инструкциям производителя и действующему законодательству Российской Федерации, включая Федеральный закон РФ от 19.07.1997 № 109-ФЗ «О безопасном обращении с пестицидами и агрохимикатами».

Упоминание товарных знаков, брендов и организаций носит исключительно информационный характер и не означает наличие партнёрских отношений или одобрения со стороны правообладателей.

Материалы, содержащие сведения о медицинских, ветеринарных или косметических средствах, представлены в справочных целях и не являются медицинской консультацией или назначением. Перед применением рекомендуется обратиться к врачу, ветеринарному специалисту или иному сертифицированному профессионалу.

Возрастные ограничения: материалы, содержащие сведения о продукции категории 18+, включая алкоголь или азартные игры, предназначены исключительно для совершеннолетней аудитории и публикуются в информационных целях.

Правовая ответственность: решения, принятые на основе опубликованной информации, пользователь принимает самостоятельно и на свой риск; редакция и авторы несут ответственность в пределах, установленных законодательством Российской Федерации.

Редакция не допускает публикаций, содержащих пропаганду экстремизма, терроризма, наркотических средств или суицида; подобные материалы подлежат немедленному удалению.

Упоминание организаций с ограниченным статусом: компания Meta Platforms Inc. (социальные сети Facebook и Instagram) признана экстремистской организацией решением суда РФ, её деятельность запрещена на территории Российской Федерации; любые упоминания приводятся исключительно в информационных целях.

Авторские права и источники: информация собирается из открытых источников; её актуальность указывается на дату публикации и может изменяться.

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

Персональные данные и cookies: сайт использует cookies и обрабатывает персональные данные пользователей в соответствии с Федеральным законом № 152-ФЗ «О персональных данных» и Политикой конфиденциальности RU DESIGN SHOP.

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