Создание карт нормалей из фотографии

Здравствуйте, меня зовут Булатов Евгений, иногда подписываюсь как Vendigo. Ниже я расскажу об одном интересном методе создания normal map из фотографий.

Часто для создания текстур используются фотографии. Однако в наш технологичный век мало создать diffuse текстуру, нужны еще текстуры бампа, спекуляра, и бог еще знает чего. К сожалению, фотоаппарат может сфотографировать только цвет. Я слышал, в этом направлении ведутся работы, но это еще только работы... Так что все труды ложатся на руки художников. А все, что есть в нашем арсенале это только Photoshop, ну может быть еще и Wacom. Не спорю, это конечно круто, но все равно не достаточно. К нашему счастью умные парни из Nvidia сделали плагин для Photoshop`а - NVIDIA Normal Map Filter, который позволяет создавать из карты высот карту нормалей. Этим плагином мы и воспользуемся.

Скачайте и установите этот плагин.

После установки он появится в меню Filter – NVIDIA tools – NormalMapFilter.

Основные настройки сосредоточены в поле Height Generation.

Поле Scale - задает масштаб по высоте для карты нормалей. Выше него находится ряд переключателей детализированности карты. Подбирая эти два параметра, мы получим или детализированную или глубокую карту, но все вместе.

На рисунке показаны разные варианты сгенерированных карт нормалей:

Но есть интересный метод, позволяющий создавать объемную и вместе с тем детальную карту нормалей.

Алгоритм по шагам:

  1. Переведите изображение в режим 16 Bits/Chanel (в меню Image – Mode). Это улучшит качество последующих преобразований.
  2. Скопируйте слой с изображением (Ctrl+J).
  3. Нам нужна черно/белая карта высот, поэтому обесцветьте его (Ctrl+Shift+U).
  4. Примените к этому слою фильтр Normal Map с настройками, обеспечивающими максимальную детализацию, и небольшую высоту. Например, 4 sample, Scale – 3. Если на этом шаге вы получаете странный результат, то вернитесь к настройкам фильтра и установите все переключатели, в положение как на скриншоте выше.
  5. Скопируйте этот слой (Ctrl+J), назначьте ему режим Overlay. Таким образом, вы сделаете вашу карту нормалей в два раза более выпуклой.

  6. Размойте этот слой фильтром Gaussian Blur на 2-3 пикселя.
  7. Затем снова скопируйте этот слой и еще раз размойте на 2-3 пикселя (Ctrl+F – применение последнего фильтра). И так несколько раз. Таких слоев, лежащих на первой  карте нормалей в режиме Overlay может быть 10 - 20, или больше.
  8. После того как нужный объем достигнут объедините все слои нормалей, и примените к ним операцию нормирования. Для этого еще раз примените фильтр NormalMap, отметив пункт Normalize only.

  9. Переведите изображение обратно в режим 8 Bits /Chanel (меню Image – Mode). Карта нормалей готова!

 

Рендер в 3DSMax

Отступление первое:

Плагин NVIDIA Normal Map Filter, преобразует карту высот в карту нормалей. Поэтому для него подходят изображения, где темные участки соответствуют углублениям, а светлые выпуклостям. Часто приходится вручную дорабатывать карту высот из исходной текстуры, рисуя поверх фотографии карту высот.

Отступление второе:

Операция нормирования (применение фильтра Normal Map в режиме Normalize only) нужна потому, что после наложения нормалей в режиме Ovelay, информация в синем канале теряется. Операция Normalize восстанавливает ее.

Есть мнение, что при наложении нормалей нужно Красный и Зеленый каналы смешивать через Overlay, а Синий накладывать в режиме Multiply. Те, кто хорошо знают Photoshop, могут написать экшн для подобной операции и попробовать метод с таким, более «правильным» смешиванием.

Отступление третье:

Сходимость текстуры. Если ваша текстура тайлилась, то после этих операций нормали сходится, не будут (появится острая кромка по краям). В этом случае можно делать так:

Перед созданием normal map, увеличьте размер холста в 3 раза. Canvas Size 300% (Ctrl+Alt+C). Затем скопируйте вашу сходящуюся текстуру на всю площадь.

После чего объедините эти слои и создайте normal map, как было описано выше. Затем, вызовите еще раз команду Canvas и впишите исходный размер в пикселях (например, 512 х 512) . У вас получится исходная текстура нормали, которой будут идеально сходиться.

Вот и весь метод, создания normal map из фотографии. Технология любезно позаимствована с сайта cgtextures.com

741 0 850 50
36
2009-02-11
Неплохо, надо попробовать. Второй метод интересный, и есть информация для размышления.
2009-02-11
Спасибо. Второй метод это про "Отступление два" наверное? Попробуйте, но и через Normalize все работает.
2009-02-11
[quote]Я слышал, в этом направлении ведутся работы, но это еще только работы...[/quote] Значит, прожка CrazyBump, без которой мало игр сейчас обходится, подпадает под фразу "но это ещё только работы..."? =) PS Урок понравился.
2009-02-11
Легкий, стильный, а главное короткий и ненапрягающий урок, чего только стОит отсылка в начале к плагину NVIDIA, мелочь, а приятно 4/5
2009-02-11
Плагин использую, но подробно разбираться времени не было. Спасибо за полезный урок!
2009-02-12
Crazy Bump очень ничего работает, хотя иногда конечно подвирает. а это теперь поюзаем.
2009-02-12
По поводу третьего отступления: попробуйте галку Wrap :)
2009-02-12
[quote=Александр Карабардин] Александр Карабардин (2D&3D Work) Значит, прожка CrazyBump, без которой мало игр сейчас обходится, подпадает под фразу "но это ещё только работы..."? =) PS Урок понравился. [/quote] Не буду особо распространятся про CrazyBump, но не забывайте что она платная. 2 [b]w6OP3w[/b], спасибо! [quote=megavitus] megavitus 12.02.2009 14:05 По поводу третьего отступления: попробуйте галку Wrap :) [/quote] Не совсем понял про галку Wrap. Сходимость нормалей теряется на этапе наложения размытых Gaussian Blur слоев. Если же однократно сконвертировать нормали из сходящейся карты высот, то тайлинг сохраняется. Как создавать сходящиеся текстуры можно почитать здесь [url]http://www.render.ru/books/show_book.php?book_id=581[/url]
2009-02-12
[quote=Евгений Булатов] Не буду особо распространятся про CrazyBump, но не забывайте что она платная. [/quote] Платная, да не очень. Есть секретик для платности. На центре в соответствующем разделе ссылка имеется. Урок отличный! 5Баллов.
2009-02-12
[quote=SAArchitect] Урок отличный! 5Баллов. [/quote] Спасибо!
2009-02-12
Жек, спасибо:)) Мне пригодилось)
2009-02-12
автор передрал с cgtextures.com)))там этот метод дааааавно описан :) бойан,господа
2009-02-13
[quote=Mr.Alex] автор передрал с cgtextures.com)))там этот метод дааааавно описан :) бойан,господа [/quote] Какой проницательный! А последнюю строчку урока не потрудился прочитать )
2009-02-13
Mr.Alex (3D Work), будьте немного внимательнее, автор не "передрал", а именно позаимствовал, причем сам же уведомил об этом и дал ссылку на ресурс. P.S. Так же уведомляю о том, что данный урок, не участвует в [url=http://www.render.ru/show_page.php?page_name=rules_book]конкурсе уроков[/url], так что Автор не преследует меркантильных целей.
2009-02-13
сорри,и впрямь не читал из урока ни строки ) по картинкам метод сразу опознал [smile=12] Прошу прощения,не прав
2009-02-16
здорово, пользую этот плагин... только методом тыка, а теперь узнал что к чему
2009-02-16
На самом деле этот метод уже давно известен)
2009-05-07
"Отступление второе: Операция нормирования (применение фильтра Normal Map в режиме Normalize only) нужна потому, что после наложения нормалей в режиме Ovelay, информация в синем канале теряется. Операция Normalize восстанавливает ее." что касается синего канала, все делается просто, нужно сгенерировать карту нормалей, потом перейти на вкладку СЛОИ скопировал фон (Ctrl+J) потом кликнуть правой мышкой по копии и в меню выбрать НАСТРОЙКИ СМЕШИВАНИЯ, и снять галочку с синего канала (R G B), и всё, синий канал останется нетронутым, потому, что не будет подвергаться обработке.
2009-05-18
[quote=Dimetz] что касается синего канала, все делается просто, нужно сгенерировать карту нормалей, потом перейти на вкладку СЛОИ скопировал фон (Ctrl+J) потом кликнуть правой мышкой по копии и в меню выбрать НАСТРОЙКИ СМЕШИВАНИЯ, и снять галочку с синего канала (R G B), и всё, синий канал останется нетронутым, потому, что не будет подвергаться обработке. [/quote] Действительно, хорошее решение! Но так получиться, что R и G будут углубляться а B останется неизменным. Но попробовать определенно стоит.
2010-01-21
А поясните для чего именно нужен шаг 6? Размойте этот слой фильтром Gaussian Blur на 2-3 пикселя. У меня после его применения теряются мелкие детали и не ровности получаются сильно сглаженные. Так может его не обязательно применять?
2010-01-21
[quote=cubik] cubik 21.01.2010 12:49 А поясните для чего именно нужен шаг 6? Размойте этот слой фильтром Gaussian Blur на 2-3 пикселя. [/quote] Размытие применяется ко второму слою нормалей. Первый четкий, а чем дальше, тем больше размывается слой. Это обиспечивает "глубину". Внимательно следуйте уроку, там размытие применяется к копиям, которые накладывается в режиме Overlay.
2010-03-31
Крайне кстати набрёл на урок. А то уже хотел в форуме в колокол ударить, чтобы дали какую ссылку на урок по данному вопросу. =)
2010-08-24
Урок классный, но я совсем не понимаю как плагин устанавливается. И он подходит для CS5
2010-11-13
спасибо большое за урок очень к стати
2011-01-28
Спасибо, очень помогло,
2012-02-04
Отличная информация, большое спасибо!
2012-03-06
Большое спасибо! очень полезный урок!
2012-03-19
Так карты нормалей для игр не создаются. Псевдо 3д)
2012-04-11
отличная вещь)) в некоторых случаях без неё честно говоря не обошелся бы
2012-07-11
[quote=Александр Андреев] Так карты нормалей для игр не создаются. Псевдо 3д) [/quote] Бред полнейший) Еще как создаются. Совсем не обязательно делать хайпольку или скалпт для запекания. Даже для ААА проектов подобные методы используются очень часто. Важен не способ создания нормалмэпа, а результат и затраченное время. Если нарисовать хайтмэп и снять с него нормал быстрее, чем скалптить (не теряя при этом в качестве) - то надо так и делать.
2012-08-27
Ссылка на плагин уже не действительна, вот новая рабочая: http://developer.nvidia.com/content/nvidia-texture-tools-adobe-photoshop
2013-07-25
Все равно спасибо! =)
2014-04-11
Скажите, а на версию Photoshop CC установится?
2014-07-19
А можно по пункту №8 поподробнее, пожалуйста. =) 
2015-07-20
Скажите а получившуюся карту просто в слот бамп кидать ?
2020-10-21
на CS5 12.1 не ставится
RENDER.RU