Sidebar

Normal Mapping для маленьких

  • Рекомендуется задавать вопросы только относительно темы с уроком. Для остальных вопросов существует раздел [url=http://cs-mapping.com.ua/forum/forumdisplay.php?f=12]«Помощь»[/url].

    Темы с просьбами помощи будут удаляться без предупреждения и без объяснения причины.

    Запрещается поднятие старой темы оффтопом. Ваше сообщение будет удалено, а в профиль будет выписано замечание.

Leviy

New member
Oct 28, 2007
52
34
Normal Mapping для маленьких

Давно я собирался написать какойто туторчег, не как руки не доходили…
И так хочу расказать вам про Normal Mapping тобиш бамп в народе. Для тех кто незнает что это за зверь и с чем его едят: Normal Map, карта нормалей, бамп называйте сие чудо как хотите, это текстура которая содержит информацию об отклонении нормалей пикселей текстуры. Используется в играх, для создания эффекта хайполи на лоуполи моделях. Либо в анимации для того чтобы лоурес сетка выглядела опять же как хайрес.
Вот покажу я вам скрин, пример бампа в практике:
4851611d4e9c.jpg

И так видел я много статей по текстурингу, и не одной нормальной по производству бампа, все или про то как пользоваться плагином от нВидиа или просто предположения без явных фактов.
Сегодня я расскажу вам про то как я делаю бамп, этот способ не идеален и под разный тип материала нужно и методику приготовления разную. Я не говорю что нормали нужно делать именно так, я просто хочу поделится своим опытом (если это так можно назвать) . Все ниже написанное пригодится больше новичку чем опытному пользователю, а тем более гуру текстуринга. Сам тутор старался написать подробно, чтобы его поняли даже те кто первый раз в фотошопе и для тех кто в наглухо закрылся в танке.
Вобщем приступим к работе.
Для начала нам понадобится:
-Руки (ну кудаже без них, желательно с головой в комплекте)
-Фотошоп (можно как у меня CS3, а можно и любой другой)
-Плагин от нВидиа (сам по себе плагин дрянной, но об этом позже)
-Манипулятор типа «Мышь» и средство ввода «Клавиатура»
-Сорс СДК и Халф-Лайф 2 (надо же это всё где-то тестить)
И так почему плагин от нВидиа такой плохой, ведь большенство если и делает бамп то просто кликает по плагину, и максимум из настроек это поменяет только уровень в параметре Scale. А вот для примера дам вам посмотреть на оригинальную текстуру от Valve, а именно brickwall022a.
e253b33ceba9.jpg

Ну я думаю тут результат на лицо и объяснять ни чего не стоит.

И так, способ номер рас.
Делаем на основе текстуры brick\brickwall022a бамп почти как у Valve. Я сказал почти, потому что не разчитывайте получить такой же первоклассный бамп, но точно выйдет красивее чем просто плагином.
Запускаем фотошоп если мы этого ещё не сделали. И кидаем в него текстуру, можете сами попробывать с помощью плагина сделать чтото путёвое…сколько вы старайтесь ничего не выйдет одним плагином, для этого создаем новый слой поверх текстуры, для этого жмакаем Ctrl+Shift+N или пиктограмку внизу
40def757d10a.jpg
Слой должен быть прозрачный, тоесть не залитый не каким фоновым цветом. Выбираем цвет в палитре белый (255 255 255 или ffffff). Задаем данному слою прозрачность 50-60%, это нам для того чтобы видеть что у нас снизу.
4c3392d3e3c6.jpg
Теперь выбираем кисточку или просто жмем В. и начинаем закрашивать те области которые унас будут впуклые…тоесть так как показано на скрине.
59e6d194ad37.jpg
И можете уже к этому наброску применить фильтр, ставим прозрачность на 60% если не стоит, и объединяем слоя. Жмем на нВидиа фильтр и устанавливаем в параметре Scale 4-5, это значение выбераете на ваш вкус.
71c5c4849c2f.jpg
И вот мы имеем бамп, с выраженными краями у камней, хоть это и не то что мы хотели получить, но намного лутше с тем что было, если вас устраивает такой результат можете остановится на нем, если нет то мы продолжим…
Создаем ещё один новый слой и также ставим прозрачность на нем. И вырисовываем кисточкой те места где нам нужно зделать ещё какие нибудь углубления. Делаем ещё один новый слой (не боимся делать новые слои, всегда лутше и проще сдеалть новое действие в новом слое, чем потом если чтото пойдет нетак было намного проще восстановить сделанную роботу, также в проще управлять корректировать действия через слоя). В этом новом слое уже чёрной кисточкой закрашиваем места которые как вам кажется должны быть выпуклыми. В итоге это должно выглядеть приблизительно так:
82e234a23993.jpg
Для наглядности я все эти места обвел зелёным, хоть этот момент здесь не особо важен но при другом типа текстуры без него не обойтись, как вы видете с одной стороны эти пятна имеют четкий край а с другой плавный, этого добиваемся с помощю инструмента ластик (хоткей Е), выбрав предварительно кисть с мягкими краями.
Объединяем наши дополнительные слоя в один, предварительно для каждого установив свой уровень прозрачности. Я выставил первому слою прозрачность в 52% второму 86% и тетьему в 61%, эти числа повторять не обязательно, а делаем так как вам считается более подходящим.
Так теперь берём дублируем главную текстуру дважды (чтобы проще создать копию слоя просто перетягиваем нужный слой на пиктограмку создания нового слоя) , итого у нас получится должно 4 слоя, один с набросками, и три одинаковых с исходной текстурой.
Ход наших действий:
-Обьединяем первый слой и наброски, применяем фильтр нВидиа с параметром скейл 7
-Второй слой применяем тотже фильтр со скейлом 5
-Третий и последний слой тоже пропускаем через плагин но уже со скейлом 3,2
Имеем вот такую картинку:
781fd31398ed.jpg
Немного поясню, слой 1 у нас будет использован для самих границ камней, слой 2 для самой поверхности камня, а слой 3 для внешней части, той что за камнями.
Теперь выбераем инструмент ластик, небольшой с мягкими краями, делаем слой 1 видимым, остальные дав невидемыми (чтобы не мешали пока), невидимым делаем кликая по пиктограмке глаза напротив слоя.
Выводим ластиком все лишнее оставляя только саму кромку и те места где мы доводили отдельно, вобщем оставляем граници того что было нами нарисовано белым и черным цветом. Сначала стераем только поверхность камня, потом объеденяем 1 со 2 слоем. Осталось два слоя, делаем их обое видимыми, и по первому слою (тому что получилось из 1 и 2 слоя) водим ластиком в тех местах где нам кажется бамп очень грубым, по большей части стираем внешнюю сторону от камня. Должно получится чтото наподобии этого:
346110075fdb.jpg
Вот собственноя и показал одну из идей по приготовлению бампа на дому, если к этой работе отнестись более кропотливо и в придачу ко всему поигратся с фильтрами фотошопа, поразмазывать края пальцем, и добавить свечения, то можно получить вот такой бамп:
72cee717801f.jpg

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

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

[ADDED=Leviy]1223558451[/ADDED]
Извеняюсь за картинки, просто подумал так наглядней будет....
 
Last edited:
  • Like
Reactions: Василь

MSteam

Директор
Oct 9, 2005
5,075
36
Ого, 17 постов, а уже такие темы=) Побольше бы таких юзеров!=)
Спасибо за идею, а то я вечно Crazy Bump использовал. Утилита харошая, но думаю что в смеси с этим методом, даже кое-что получше можно будет получить.
 

FiEctro

Ведущий
Jul 28, 2006
17,139
33
2 Leviy:
Тоже метод . Однако для такой текстры лучше нарисовать карту высот , а потом уже что то генерить . И еще помоему лучше исходную картинку сделать чернобелой .
 
Last edited:

Leviy

New member
Oct 28, 2007
52
34
2 FiEctro: да для камня он не подходит, его лутше исаользовать для ровных угловатых поверхностей, стыков, всевозможных креплений болтов и т.п. а тут так как закругленная поверхность лутше или картой или опять же муторным способом добится этой плавной выпуклости, выделить в один пиксель все края, и добавить круговой гардиент со всей палитрой, но тут очень уш возни много.
 

HeMe3iC

:(
Sep 3, 2007
3,263
34
0
Питер
мы этого ещё не сделали. И кидаем в него текстуру, можете сами попробывать с помощью плагина сделать чтото путёвое…сколько вы старайтесь ничего не выйдет одним плагином, бля этого создаем
=0
 
Last edited:

Leviy

New member
Oct 28, 2007
52
34
2 javeL: я читор)

[ADDED=Leviy]1223565865[/ADDED]
2 HeMe3iC: исправил, просто писал и не проверял написаного...
 
Last edited:

Midnight

Game designer
Apr 29, 2007
3,225
32
javeL said:
о ужас. 563 KБ картинка. как ты так сделал? я пытался пытался, но выше 300 кб не рисовалось.
О_О
Это ж как постараться надобыло))) :D

ЗЫ: есть прога - Crazy Bump - лучше чем нвидия плугин!
 

FiEctro

Ведущий
Jul 28, 2006
17,139
33
2 Lider:
Посути так и есть , делаем всё также , тока у белых областей более размытые края , и прозрачность побольше , остальные области делаем ч/б , увеличиваем контраст ( близко к черному ) , получаем приблизетльно валвовский результат .
 

realspaik

New member
Aug 30, 2006
650
1
0
через месяц попросит)) а ежели пользуешься им уже больше месяца то дай ссылку откуда такой взял)))
 

Leviy

New member
Oct 28, 2007
52
34
2 realspaik: тут все просто, либо каждый раз мучаемся и меняем дату в винде, либо есть такие проги типа Trial Freezer...
Пока в инете ни лекарства не ключа не нашел, чистил раз реестр и переустанавливал прогу, вобщем способов хватает)
 

Game Server

CSM TV

Page QR Code

QR Code

Donate Campaign

Total amount
$0.00
Goal
$25.00

Latest profile posts

TestUser wrote on TRUP@C's profile.
Master?
TestUser wrote on TRUP@C's profile.
Hello Father

Members online

No members online now.

Discord