Troman - tworzenie gier
Logo serwisu Troman.pl
Panel Logowania

Normalmap i Reflect

napisał : janek
11
stycznia
2013
Krótki tutorial przedstawiający mapowanie normalmap , zastosowanie reflect a także połączenie ich w jedno.
tagi : normal map nor reflect texture

Witam Drogich forumowiczów Tromana ;)

W tym tutorialu wyjaśnię co to jest normal mapa i reflect a także pokaże jak je połączyć.

1. Co to jest NormalMap?

Odp:Jedna z wielu technik symulowania wypukłości na płaskich wielokątach, stosowana w grafice trójwymiarowej.

Przykłady:

 źródło: www.wikipedia.pl

źródło: www.grafaonline.org

 

2.Skoro wiemy już co to jest, możemy brać się do roboty ;)

a)Pobierz ten plik (zawiera gotowy model do pracy)  http://www.mediafire.com/download.php?8vgb9x3hcphelnl

b)Po rozpakowaniu otwórz plik "normal&reflact_example_towork.blend" w katalogu model do pracy.

(Zawiera już rozłożoną siatke UV)

c)Aby przejść do następnego punktu musisz mieć znajomość teksturowania zwykłych tekstur diffuse. Ponieważ w tym tutorialu omijam cały ten proces. Jeżeli nadal nie wiesz jak to robić to musisz zobaczyć ten tutorial:

   http://troman.pl/news/panel-tekstur_ID49

 

3. Na podstawie podstawowego tutoriala o teksturowaniu Diffuse (ten link powyżej), utwórz nowy materiał i użyj tekstury "achtung.png" jako Diffuse a także wykorzystaj zawartą już w obiekcie UV.

a) W tym podpunkcie możemy zacząć nakładać normalmapę lecz najpierw nauczmy się jak ją zrobić:

 Więc jak zrobić normalmapę?

Odp: Otóż wystarczy nam podstawowa tekstura czyli Diffuse i jakiś program graficzny typu GIMP czy Photoshop

b)Aby nasz program graficzny mógł stworzyć normalmapy, musimy mieć zainstalowany odpowiedni dla niego plugin który będzie je tworzył:

 

 

c)Teraz możemy przystąpić do tworzenia naszej normalmapy. W tym celu otwórz tekturę Diffuse (czyli achtung.png) programem graficznym.

d)Po otwarciu stosuj się do poniższych instrukcji:

Dla Photoshop'a

 

Dla GIMP'a

Ciekawostka ...  Aby zwiększyć intensywność mapy, możesz zwiększyć jej kontrast.

4. W tym punkcie wracamy do (już otwartego) pliku "normal&reflact_example_towork.blend" w katalogu model do pracy.

a) Jeżeli zastosowałeś się już do punktu 3, to twój panel prawidłowo powinien wyglądać tak:

b) A teraz kliknij budkę niżej (pod Texture/bądź w innej nazwie) , wybierz New i zmień typ na "Image or Movie":

 c) Poniżej w zakładce Image kliknij "Open" wybierz tekturę normalmap (czyli ta cała fioletowa tekstura). Następnie niżej w Mapping zmień typ  Coordinates na UV. Jak zauważyłeś postępujemy dotąd tak samo jak z texturą Diffuse.

 d) Pewnie zauważyłeś również że cały twój obiekt zmienił się na fioletowo. Ale nie bój się o nic, zaraz to zmienimy. Aby to zrobić, w zakładce Influence odznacz "Color" i zaznacz "Normal". Spowoduje to że nasza nowo nałożona tekstura nie będzie odpowiadała już za Diffuse ale za Normalmap. 

Ale to nie koniec... Aby tekstura normalmap wyglądała gładko i przyzwoicie wejdź w zakładkę Image Sampling i zaznacz opcje Normal Map.

 5. W tym momencie uzyskaliśmy pełny efekt Normal Mapy i możemy zabierać się za Reflect ale najpierw wyjaśnimy sobie jego działanie:

Reflect można uznać za pewien rodzaj oszukanego efektu lustra albo jak nie którzy mówią " święcący bajer". I mają jak najbardziej racje. Bo efekt tego czasami jest naprawdę dobry ;)

 

 a)Skoro wiemy co to jest to możemy zabrać się do roboty ;)

 b)Robimy analogicznie do poprzednich:

-Dodajemy nową tekturę (znowu budkę niżej)

-Dajemy Typ "Image or Movie"

-Klikamy "Open' i wybieramy tekturę odpowiadającą nam za Reflect (czyli "reflect.png")

-W Mapping - Coordinates nie ustawiamy już UV ale Reflection

c) No i mamy nasz Reflect. Ale jakby zauważyć tekstury Diffuse już nie widać :(

Aby temu zaradzić wejdźmy w Influence i zmiennym Color na mniejszą wartość np: 0.100                                                     (  0.100=10%   ;  1.000=100% ) Sprawi nam to że Reflect jest widoczny tylko w 10%.

Jeżeli wszystko zrobiłeś dobrze to twój obiekt powinien wyglądać tak:

Gratuluje skończenia i pozdrawiam, Janek ;)

8 komentarzy
LubuPL napisał :
godz. 23:49, 11 stycznia 2013
Mi to wyszło tak: http://www.bankfotek.pl/view/1395163

Wydaje mi się, że wszystko zrobiłem tak jak napisałeś :lol: Screeny wyglądają mniej więcej tak samo. I mam jeszcze pytanie. Na jaką stronę wrzucasz Screeny, że widać je bezpośrednio w tutorialu?
janek napisał :
godz. 13:27, 12 stycznia 2013
Widze że ci się udało ;) . Co do zdjęć to nie musze ich nigdzie umieszczać. Ponieważ Maniek stworzył specjalnie w tym celu "galerie" czy jak to nazwać na tromanie.

A jeżeli chcesz mieć bezpośrednio wyświetlane zdjęcia na stronie to w tym bank fotek kliknij na zdjecie. Wtedy pojawi ci się pusta strona z samym zdjęciem , w tym momencie skopiuj link. A na forum daj <img>link</img>
janek napisał :
godz. 13:30, 12 stycznia 2013
szkoda że nie ma "popraw"
A na forum daj "<img>link do pohoto</img>"
szymon5596 napisał :
godz. 12:31, 12 stycznia 2013
A może ktoś by zrobił tworzenie normalek z obiektów, bo nigdy tego nie ogarniałem?
szymon5596 napisał :
godz. 12:32, 12 stycznia 2013
Myślę, że wystarczyło by dopisanie jednego akapitu, nie mylę się?
Darkhog napisał :
godz. 16:04, 14 stycznia 2013
Szkoda że nie wspomniałeś że normalmapy można wypiec w blenderze mając model hi poly (z którego będzie brane) i low poly (na który normalmapa będzie nałożona). Ale po za tym to tutek świetny.
Aktyn napisał :
godz. 08:09, 17 stycznia 2013
W ściągniętym pliku wszystko działa jak należy, ale kiedy chcę zrobić coś podobnego z innymi texturami w nowo otwartym blenderze to działa tylko ta dolna textura a w oknie podglądu 3d obiekt jest cały biały dopóki w uv editor nie dodam textury na obiekt.
Chciałem się dowiedzieć jak poprawnie skonfigurować by w oknie podglądu wyświetlały się efekty na bieżąco.
Zamieszczam plik, być może rozwiązanie jest banalne, ale bawiłem się długo z opcjami (te z tutorialu nieruszane) i nie działa jak powinno.
http://www.mediafire.com/?x5xqbtmqkvqc91q
Pagan napisał :
godz. 22:33, 25 stycznia 2013
W oknie 3D View, w menu po prawej stronie bierzesz Display>Shading>jeśli masz Multitexture to zmień na GLSL. Powinno pomóc.
Dodaj komentarz
Aby dodać komentarz do newsa, musisz być zalogowany w Serwisie.. Zaloguj