Sidebar

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

  • Рекомендуется задавать вопросы только относительно темы с уроком. Для остальных вопросов существует раздел [url=/forums/pomosch.12/]«Помощь»[/url].

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

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

Leviy

New member
28.10.07
52
34
Normal Mapping для маленьких

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

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

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

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

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

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

Post automatically merged:

Извеняюсь за картинки, просто подумал так наглядней будет....
 
Останнє редагування:
  • Like
Reactions: Василь

MSteam

VIP
VIP
09.10.05
5 111
36
  • Золотая медаль 221
  • Золотая медаль 315
  • Серебряная медаль 145
Ого, 17 постов, а уже такие темы=) Побольше бы таких юзеров!=)
Спасибо за идею, а то я вечно Crazy Bump использовал. Утилита харошая, но думаю что в смеси с этим методом, даже кое-что получше можно будет получить.
 

Leviy

New member
28.10.07
52
34
Да я такой)) спасибо всем за теплый прием....я думал щас опять ацкой критики напишете=)
 

FiEctro

Супер Модератор
Команда форуму
Супер Модератор
28.07.06
17 167
33
  • Золотая медаль 213
  • Neh
2 Leviy:
Тоже метод . Однако для такой текстры лучше нарисовать карту высот , а потом уже что то генерить . И еще помоему лучше исходную картинку сделать чернобелой .
 
Останнє редагування:

Leviy

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

HeMe3iC

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

Leviy

New member
28.10.07
52
34
2 javeL: я читор)

Post automatically merged:

2 HeMe3iC: исправил, просто писал и не проверял написаного...
 
Останнє редагування:

Midnight

Game designer
29.04.07
3 225
32
  • Золотая медаль 145
javeL сказав(ла):
о ужас. 563 KБ картинка. как ты так сделал? я пытался пытался, но выше 300 кб не рисовалось.
О_О
Это ж как постараться надобыло))) :D

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

FiEctro

Супер Модератор
Команда форуму
Супер Модератор
28.07.06
17 167
33
  • Золотая медаль 213
  • Neh
2 Midnight:
Ога , тока она уже платная .
 

FiEctro

Супер Модератор
Команда форуму
Супер Модератор
28.07.06
17 167
33
  • Золотая медаль 213
  • Neh
2 Lider:
Посути так и есть , делаем всё также , тока у белых областей более размытые края , и прозрачность побольше , остальные области делаем ч/б , увеличиваем контраст ( близко к черному ) , получаем приблизетльно валвовский результат .
 

realspaik

Member
30.08.06
651
4
18
через месяц попросит)) а ежели пользуешься им уже больше месяца то дай ссылку откуда такой взял)))
 

Leviy

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

Game Server

Доноры Красавчики

Користувачі онлайн