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 слоя) водим ластиком в тех местах где нам кажется бамп очень грубым, по большей части стираем внешнюю сторону от камня. Должно получится чтото наподобии этого:
Вот собственноя и показал одну из идей по приготовлению бампа на дому, если к этой работе отнестись более кропотливо и в придачу ко всему поигратся с фильтрами фотошопа, поразмазывать края пальцем, и добавить свечения, то можно получить вот такой бамп:
Но это не показатель, и работа по сравнению с валвовской даже и рядом не стояла, но я вам направление дал, главное развивать это дело, и в итоге обязательно получится даже лутше чем у наших забугорных коллег)
Ниже дам вам для сравнения три бампа.
Конечно же бамп не идеален, даже более того скуден, но на без рыбье и … хедкрабы водютсо.
Всем спасибо за внимание, и просмотр сего урока, и извените за ошыбки и очепятки.
[ADDED=Leviy]1223558451[/ADDED]
Извеняюсь за картинки, просто подумал так наглядней будет....
Давно я собирался написать какойто туторчег, не как руки не доходили…
И так хочу расказать вам про Normal Mapping тобиш бамп в народе. Для тех кто незнает что это за зверь и с чем его едят: Normal Map, карта нормалей, бамп называйте сие чудо как хотите, это текстура которая содержит информацию об отклонении нормалей пикселей текстуры. Используется в играх, для создания эффекта хайполи на лоуполи моделях. Либо в анимации для того чтобы лоурес сетка выглядела опять же как хайрес.
Вот покажу я вам скрин, пример бампа в практике:
И так видел я много статей по текстурингу, и не одной нормальной по производству бампа, все или про то как пользоваться плагином от нВидиа или просто предположения без явных фактов.
Сегодня я расскажу вам про то как я делаю бамп, этот способ не идеален и под разный тип материала нужно и методику приготовления разную. Я не говорю что нормали нужно делать именно так, я просто хочу поделится своим опытом (если это так можно назвать) . Все ниже написанное пригодится больше новичку чем опытному пользователю, а тем более гуру текстуринга. Сам тутор старался написать подробно, чтобы его поняли даже те кто первый раз в фотошопе и для тех кто в наглухо закрылся в танке.
Вобщем приступим к работе.
Для начала нам понадобится:
-Руки (ну кудаже без них, желательно с головой в комплекте)
-Фотошоп (можно как у меня CS3, а можно и любой другой)
-Плагин от нВидиа (сам по себе плагин дрянной, но об этом позже)
-Манипулятор типа «Мышь» и средство ввода «Клавиатура»
-Сорс СДК и Халф-Лайф 2 (надо же это всё где-то тестить)
И так почему плагин от нВидиа такой плохой, ведь большенство если и делает бамп то просто кликает по плагину, и максимум из настроек это поменяет только уровень в параметре Scale. А вот для примера дам вам посмотреть на оригинальную текстуру от Valve, а именно brickwall022a.
Ну я думаю тут результат на лицо и объяснять ни чего не стоит.
И так, способ номер рас.
Делаем на основе текстуры brick\brickwall022a бамп почти как у Valve. Я сказал почти, потому что не разчитывайте получить такой же первоклассный бамп, но точно выйдет красивее чем просто плагином.
Запускаем фотошоп если мы этого ещё не сделали. И кидаем в него текстуру, можете сами попробывать с помощью плагина сделать чтото путёвое…сколько вы старайтесь ничего не выйдет одним плагином, для этого создаем новый слой поверх текстуры, для этого жмакаем Ctrl+Shift+N или пиктограмку внизу
Создаем ещё один новый слой и также ставим прозрачность на нем. И вырисовываем кисточкой те места где нам нужно зделать ещё какие нибудь углубления. Делаем ещё один новый слой (не боимся делать новые слои, всегда лутше и проще сдеалть новое действие в новом слое, чем потом если чтото пойдет нетак было намного проще восстановить сделанную роботу, также в проще управлять корректировать действия через слоя). В этом новом слое уже чёрной кисточкой закрашиваем места которые как вам кажется должны быть выпуклыми. В итоге это должно выглядеть приблизительно так:
Объединяем наши дополнительные слоя в один, предварительно для каждого установив свой уровень прозрачности. Я выставил первому слою прозрачность в 52% второму 86% и тетьему в 61%, эти числа повторять не обязательно, а делаем так как вам считается более подходящим.
Так теперь берём дублируем главную текстуру дважды (чтобы проще создать копию слоя просто перетягиваем нужный слой на пиктограмку создания нового слоя) , итого у нас получится должно 4 слоя, один с набросками, и три одинаковых с исходной текстурой.
Ход наших действий:
-Обьединяем первый слой и наброски, применяем фильтр нВидиа с параметром скейл 7
-Второй слой применяем тотже фильтр со скейлом 5
-Третий и последний слой тоже пропускаем через плагин но уже со скейлом 3,2
Имеем вот такую картинку:
Теперь выбераем инструмент ластик, небольшой с мягкими краями, делаем слой 1 видимым, остальные дав невидемыми (чтобы не мешали пока), невидимым делаем кликая по пиктограмке глаза напротив слоя.
Выводим ластиком все лишнее оставляя только саму кромку и те места где мы доводили отдельно, вобщем оставляем граници того что было нами нарисовано белым и черным цветом. Сначала стераем только поверхность камня, потом объеденяем 1 со 2 слоем. Осталось два слоя, делаем их обое видимыми, и по первому слою (тому что получилось из 1 и 2 слоя) водим ластиком в тех местах где нам кажется бамп очень грубым, по большей части стираем внешнюю сторону от камня. Должно получится чтото наподобии этого:
Но это не показатель, и работа по сравнению с валвовской даже и рядом не стояла, но я вам направление дал, главное развивать это дело, и в итоге обязательно получится даже лутше чем у наших забугорных коллег)
Ниже дам вам для сравнения три бампа.
Конечно же бамп не идеален, даже более того скуден, но на без рыбье и … хедкрабы водютсо.
Всем спасибо за внимание, и просмотр сего урока, и извените за ошыбки и очепятки.
[ADDED=Leviy]1223558451[/ADDED]
Извеняюсь за картинки, просто подумал так наглядней будет....
Last edited:
Побольше бы таких юзеров!