Bumpmaps selber erstellen

Übersicht

BlitzBasic

FAQ und Tutorials

	Black Spider Betreff: Bumpmaps selber erstellen	Sa, Apr 14, 2007 14:22 Antworten mit Zitat
So, Da Bumpmapping ja bekanntlicherweise schöner aussieht als eine platte Textur, und auch allgemein gerne verwendet wird, widme ich diesen Thread der erstellung einer Bumpmap ohne besondere Konverter etc. Wer nicht weiss was Bumpmapping ist: http://www.3dconcept.ch/artikel/bump/4.htm Also, als erstes braucht ihr natürlich eine Textur, aus der ihr eine Bumpmap machen wollt; ich nehme jetzt einfach mal diese hier: Und ein Bildbearbeitungsprogramm, ich empfehle Serif Photoplus, das ist kostenlos, und zudem arbeite und erkläre ich jetzt auch mit diesem (Photoplus gibt es hier: http://www.freeserifsoftware.c...wnload.asp ) Also, ihr habt jetzt eure Textur und Photoplus, wie fangt ihr an? Als erstes beleuchtet ihr eure Textur von links, geht dazu auf image -> Render -> Lighting Effects , positioniert die Lichtquelle Link, stellt den Lichttyp auf Candle und stellt es so ein, dass die Textur fast bis zum rechten rand beleuchtet wird (am besten noch den intensity Balken etwas runterdrehen, sonst ist links nur noch weiss zu sehen): http://img219.imageshack.us/im...tenqk7.jpg Lasst jetzt einen Emboss filter von Links über die Textur laufen, geht dazu auf image->other->emboss stellt die richtung auf links ein, und lasst den Filter mit beliebiger stärke drüberlaufen. Je stärker der Emboss Filter, je härter und "tiefer" wird die Bumpmap am ende! : http://img264.imageshack.us/im...ossbl6.jpg Wählt nun das Airbrush Tool, stellt den regler für die rote Farbe ganz nach rechts (255) und die anderen auf 0, im Fenster "Tool properties" steht in einem Fenster "Normal", stellt diesen wert auf "Color" und färbt das ganze Bild mit dem Airbrush rot ein. : http://img294.imageshack.us/img294/8672/rothq6.jpg Speichert das Bild unter dem namen "links" ab (format ist egal), und öffnet nun wieder euer Ausgangsbild, also die Textur von der wir eine Bumpmap anfertigen wollen. Macht jetzt das gleiche wie mit dem Bild "links", nur von oben, (d.h. von oben Beleuchten, Emboss Filter (mit gleicher stärke!) von oben) und färbt es am Ende nicht rot sondern grün. Markiert und Kopiert das ganze Bild jetzt und fügt es als Layer in dem roten Bild ein (Strg+L drücken), stellt den Alpha wert von diesem Layer auf 50%, das zwischenergebnis speichert ihr als "Links+oben" und es sollte ungefähr so aussehen: Das gleiche macht ihr nochmal von rechts und von Unten, das rechte Bild wieder rot einfärben, das von unten grün, fügt die beiden Bilder wieder zusammen, speichert es als "unten+rechts". Jetzt öffnet beide Bilder "unten+rechts" und "links+oben", (es ist wichtig dass beide Bilder jeweils nur einen Layer haben), geht auf Image->Adjust->Replace Color stellt bei dem Bild "unten+rechts" den Wert "Hue" auf 128, und den Wert "Saturation" auf 255, als zwischenergebnis solltet ihr sowas hier bekommen: Bei dem Bild "links+oben" erhöht ihr per image->Adjust->Gamma den Blau wert auf so ca. 3.5-4.5 kopiert nun eins der beiden Bilder (es ist vollkommen egal welches), und fügt es als Layer im anderen Bild wieder ein (Strg+L), stellt im Layer Manager den Alpha wert des Layers auf 50% oder den Wert der auf "Normal" steht auf Overlay (sollte das zu dunkel sein geht auch Screen), nun habt ihr eure Bumpmap, evtl. noch den Gamma Wert "Blau" etwas höher drehen, wenn das Ergebnis nicht dass ist was ihr wollt schaut so aus: Wer jetzt damit nichts anfangen kann schaut mal hier: https://www.blitzforum.de/foru...t3+bumpmap
Coming soon: http://img132.imageshack.us/im...im2ab6.gif

Black Spider

Betreff: Bumpmaps selber erstellen

Sa, Apr 14, 2007 14:22
Antworten mit Zitat

So,
Da Bumpmapping ja bekanntlicherweise schöner aussieht als eine platte Textur, und auch allgemein gerne verwendet wird, widme ich diesen Thread der erstellung einer Bumpmap ohne besondere Konverter etc.

Wer nicht weiss was Bumpmapping ist: http://www.3dconcept.ch/artikel/bump/4.htm

Also, als erstes braucht ihr natürlich eine Textur, aus der ihr eine Bumpmap machen wollt;
ich nehme jetzt einfach mal diese hier:
user posted image

Und ein Bildbearbeitungsprogramm, ich empfehle Serif Photoplus, das ist kostenlos, und zudem arbeite und erkläre ich jetzt auch mit diesem (Photoplus gibt es hier: http://www.freeserifsoftware.c...wnload.asp )

Also, ihr habt jetzt eure Textur und Photoplus, wie fangt ihr an?
Als erstes beleuchtet ihr eure Textur von links,
geht dazu auf image -> Render -> Lighting Effects ,
positioniert die Lichtquelle Link, stellt den Lichttyp auf Candle und stellt es so ein,
dass die Textur fast bis zum rechten rand beleuchtet wird (am besten noch den intensity Balken etwas runterdrehen, sonst ist links nur noch weiss zu sehen):

http://img219.imageshack.us/im...tenqk7.jpg

Lasst jetzt einen Emboss filter von Links über die Textur laufen, geht dazu auf image->other->emboss stellt die richtung auf links ein, und lasst den Filter mit beliebiger stärke drüberlaufen.
Je stärker der Emboss Filter, je härter und "tiefer" wird die Bumpmap am ende! :

http://img264.imageshack.us/im...ossbl6.jpg

Wählt nun das Airbrush Tool, stellt den regler für die rote Farbe ganz nach rechts (255) und die anderen auf 0, im Fenster "Tool properties" steht in einem Fenster "Normal", stellt diesen wert auf "Color" und färbt das ganze Bild mit dem Airbrush rot ein. :

http://img294.imageshack.us/img294/8672/rothq6.jpg

Speichert das Bild unter dem namen "links" ab (format ist egal),
und öffnet nun wieder euer Ausgangsbild, also die Textur von der wir eine Bumpmap anfertigen wollen.
Macht jetzt das gleiche wie mit dem Bild "links", nur von oben, (d.h. von oben Beleuchten, Emboss Filter (mit gleicher stärke!) von oben) und färbt es am Ende nicht rot sondern grün.
Markiert und Kopiert das ganze Bild jetzt und fügt es als Layer in dem roten Bild ein (Strg+L drücken),
stellt den Alpha wert von diesem Layer auf 50%,
das zwischenergebnis speichert ihr als "Links+oben" und es sollte ungefähr so aussehen:

user posted image

Das gleiche macht ihr nochmal von rechts und von Unten, das rechte Bild wieder rot einfärben, das von unten grün, fügt die beiden Bilder wieder zusammen, speichert es als "unten+rechts".
Jetzt öffnet beide Bilder "unten+rechts" und "links+oben", (es ist wichtig dass beide Bilder jeweils nur einen Layer haben),
geht auf Image->Adjust->Replace Color
stellt bei dem Bild "unten+rechts" den Wert "Hue" auf 128, und den Wert "Saturation" auf 255,
als zwischenergebnis solltet ihr sowas hier bekommen:

user posted image

Bei dem Bild "links+oben" erhöht ihr per image->Adjust->Gamma den Blau wert auf so ca. 3.5-4.5
kopiert nun eins der beiden Bilder (es ist vollkommen egal welches), und fügt es als Layer im anderen Bild wieder ein (Strg+L),
stellt im Layer Manager den Alpha wert des Layers auf 50% oder den Wert der auf "Normal" steht auf Overlay (sollte das zu dunkel sein geht auch Screen),
nun habt ihr eure Bumpmap,
evtl. noch den Gamma Wert "Blau" etwas höher drehen, wenn das Ergebnis nicht dass ist was ihr wollt
schaut so aus:

user posted image

Wer jetzt damit nichts anfangen kann schaut mal hier:
https://www.blitzforum.de/foru...t3+bumpmap

Coming soon:
http://img132.imageshack.us/im...im2ab6.gif

Zuletzt bearbeitet von Black Spider am Mo, Apr 16, 2007 16:57, insgesamt einmal bearbeitet

	aMul Sieger des Minimalist Compo 01/13	Sa, Apr 14, 2007 17:36 Antworten mit Zitat
Problem: So sehen 'richtige' Normalmaps/Bumpmaps oder wie sie auch immer heißen nicht aus. Wenn man jetzt nähmlich die entsprechenden Vertices Rot färbt, wirken deine Steine von rechts und links beleuchtet. Und das kann ja irgendwie nicht sein, oder? So hat das auszusehen:
Panic Pong - ultimate action mashup of Pong and Breakout <= aktives Spiele-Projekt, Downloads mit vielen bunten Farben! advASCIIdraw - the advanced ASCII art program <= aktives nicht-Spiele-Projekt, must-have für ASCII/roguelike/dungeon-crawler fans! Alter BB-Kram: ThroughTheAsteroidBelt - mit Quelltext! \| RGB-Palette in 32²-Textur / Farbige Beleuchtung mit Dot3 \| Stereoskopie in Blitz3D \| Teleport-Animation Screensaver

aMul

Sieger des Minimalist Compo 01/13

Sa, Apr 14, 2007 17:36
Antworten mit Zitat

Problem: So sehen 'richtige' Normalmaps/Bumpmaps oder wie sie auch immer heißen nicht aus. Wenn man jetzt nähmlich die entsprechenden Vertices Rot färbt, wirken deine Steine von rechts und links beleuchtet. Und das kann ja irgendwie nicht sein, oder?

So hat das auszusehen:
user posted image

Panic Pong - ultimate action mashup of Pong and Breakout <= aktives Spiele-Projekt, Downloads mit vielen bunten Farben!
advASCIIdraw - the advanced ASCII art program <= aktives nicht-Spiele-Projekt, must-have für ASCII/roguelike/dungeon-crawler fans!
Alter BB-Kram: ThroughTheAsteroidBelt - mit Quelltext! | RGB-Palette in 32²-Textur / Farbige Beleuchtung mit Dot3 | Stereoskopie in Blitz3D | Teleport-Animation Screensaver

	Shodan	So, Apr 15, 2007 20:11 Antworten mit Zitat
also die besten Ergebnisse hab ich mit Photoshop und den Nvidia-Filter erzielt. http://www.nvidia.de/object/ph...ugins.html 1.Die Textur einmal mit Bearbeiten>Autokontrast bearbeiten 2.In graustufen-Bild umwandeln 3.kleinere Störungen entfernen mit Filter>Störungsfilter>Störungen entfernen 4. Umwandeln mit Filter>nv-tools>NormalMapFilter Wrap aktivieren für nahtlose Texturen ansonsten je nach Textur mit den Einstellungen spielen. mfg Shodan

Shodan

So, Apr 15, 2007 20:11
Antworten mit Zitat

also die besten Ergebnisse hab ich mit Photoshop und den Nvidia-Filter erzielt.
http://www.nvidia.de/object/ph...ugins.html
1.Die Textur einmal mit Bearbeiten>Autokontrast bearbeiten
2.In graustufen-Bild umwandeln
3.kleinere Störungen entfernen mit Filter>Störungsfilter>Störungen entfernen
4. Umwandeln mit Filter>nv-tools>NormalMapFilter
Wrap aktivieren für nahtlose Texturen
ansonsten je nach Textur mit den Einstellungen spielen.

mfg Shodan

Zuletzt bearbeitet von Shodan am So, Apr 15, 2007 20:24, insgesamt einmal bearbeitet

	aMul Sieger des Minimalist Compo 01/13	So, Apr 15, 2007 20:17 Antworten mit Zitat
Allerdings kann sich nicht jeder Photoshop leisten. Ich empfehle einfach mal Crazybump, hab das zwar noch nie benutzt, aber alle damit erstellten Normalmaps sehen imho recht gut aus(für den niedrigen Aufwand). Am besten ist wohl immer noch die Textur zu modeln und dann mit der Spheremap die ich oben gepostet habe zu rendern.
Panic Pong - ultimate action mashup of Pong and Breakout <= aktives Spiele-Projekt, Downloads mit vielen bunten Farben! advASCIIdraw - the advanced ASCII art program <= aktives nicht-Spiele-Projekt, must-have für ASCII/roguelike/dungeon-crawler fans! Alter BB-Kram: ThroughTheAsteroidBelt - mit Quelltext! \| RGB-Palette in 32²-Textur / Farbige Beleuchtung mit Dot3 \| Stereoskopie in Blitz3D \| Teleport-Animation Screensaver

aMul

Sieger des Minimalist Compo 01/13

So, Apr 15, 2007 20:17
Antworten mit Zitat

Allerdings kann sich nicht jeder Photoshop leisten.

Ich empfehle einfach mal Crazybump, hab das zwar noch nie benutzt, aber alle damit erstellten Normalmaps sehen imho recht gut aus(für den niedrigen Aufwand). Am besten ist wohl immer noch die Textur zu modeln und dann mit der Spheremap die ich oben gepostet habe zu rendern.

	Shodan	So, Apr 15, 2007 20:27 Antworten mit Zitat
Das Plugin gibts da auch als Standalone Programm von ATI. http://ati.amd.com/developer/s...ugIns.html
www.selfmadegames.de

Shodan

So, Apr 15, 2007 20:27
Antworten mit Zitat

Das Plugin gibts da auch als Standalone Programm von ATI.
http://ati.amd.com/developer/s...ugIns.html

www.selfmadegames.de

	aMul Sieger des Minimalist Compo 01/13	So, Apr 15, 2007 20:31 Antworten mit Zitat
Danke für den Hinweis!
Panic Pong - ultimate action mashup of Pong and Breakout <= aktives Spiele-Projekt, Downloads mit vielen bunten Farben! advASCIIdraw - the advanced ASCII art program <= aktives nicht-Spiele-Projekt, must-have für ASCII/roguelike/dungeon-crawler fans! Alter BB-Kram: ThroughTheAsteroidBelt - mit Quelltext! \| RGB-Palette in 32²-Textur / Farbige Beleuchtung mit Dot3 \| Stereoskopie in Blitz3D \| Teleport-Animation Screensaver

aMul

Sieger des Minimalist Compo 01/13

So, Apr 15, 2007 20:31
Antworten mit Zitat

Danke für den Hinweis!

	Arrangemonk	So, Apr 15, 2007 23:49 Antworten mit Zitat
da beste für aus photos bumps zu machen is immernoch crazybump, und das is auch standalone und kostenlos
ingeneur

Arrangemonk

So, Apr 15, 2007 23:49
Antworten mit Zitat

da beste für aus photos bumps zu machen is immernoch crazybump, und das is auch standalone und kostenlos

ingeneur

	Ironstorm Erstklassiger Contest-Veranstalter	Mo, Apr 16, 2007 12:06 Antworten mit Zitat
Arrangemonk hat Folgendes geschrieben: da beste für aus photos bumps zu machen is immernoch crazybump, und das is auch standalone und kostenlos Benutze ich ebenfalls. Dafür das es erst Beta ist funktioniert es ganz gut. MfG Ironstorm
..:: blackbird design : blackbird photography : Futuro Verde : X-Commander ::.. MacBook \| Intel Core 2 Duo 2,1 GHz \| 2048 MB RAM \| 80 GB HDD \| Mac OS X 10.6.2 (Snow Leopard) \| Adobe CS4 Design Premium

Ironstorm

Erstklassiger Contest-Veranstalter

Mo, Apr 16, 2007 12:06
Antworten mit Zitat

Arrangemonk hat Folgendes geschrieben:

da beste für aus photos bumps zu machen is immernoch crazybump, und das is auch standalone und kostenlos

Benutze ich ebenfalls. Dafür das es erst Beta ist funktioniert es ganz gut.

MfG
Ironstorm

	Black Spider	Mo, Apr 16, 2007 17:01 Antworten mit Zitat
sorry, hatte da einen Fehler drinne, ist jetzt berichtigt, das Endergebnis schaut auch mehr wie eine Bumpmap aus. Dieses Tutorial ist für die Leute gedacht, bei denen diese ganzen tollen Konverter nicht laufen. Das Tool von ATI taugt irgendwie nicht dass was es soll, und Crazybump kann ich nicht installieren, da kommt eine Fehlermeldung. Daher das lange rumexperimentieren und dieses Tutorial. Natürlich wäre es einfacher einen Konverter zu haben, aber ausser Crazybump scheint es keine guten kostenlosen zu geben, kennt evtl. noch jemand einen?
Coming soon: http://img132.imageshack.us/im...im2ab6.gif

Black Spider

Mo, Apr 16, 2007 17:01
Antworten mit Zitat

sorry,

hatte da einen Fehler drinne, ist jetzt berichtigt, das Endergebnis schaut auch mehr wie eine Bumpmap aus.
Dieses Tutorial ist für die Leute gedacht, bei denen diese ganzen tollen Konverter nicht laufen.
Das Tool von ATI taugt irgendwie nicht dass was es soll, und Crazybump kann ich nicht installieren, da kommt eine Fehlermeldung.
Daher das lange rumexperimentieren und dieses Tutorial.

Natürlich wäre es einfacher einen Konverter zu haben, aber ausser Crazybump scheint es keine guten kostenlosen zu geben,
kennt evtl. noch jemand einen?

Coming soon:
http://img132.imageshack.us/im...im2ab6.gif

	Arrangemonk	Mo, Apr 16, 2007 21:10 Antworten mit Zitat
gut ist deine normalmap auch nicht für gimp und ps gibts beiden gute nmap converter... und von hand kenn ich auch weitaus elegantere lösungen um ne nmap zu machen^^
ingeneur

Arrangemonk

Mo, Apr 16, 2007 21:10
Antworten mit Zitat

gut ist deine normalmap auch nicht

für gimp und ps gibts beiden gute nmap converter...

und von hand kenn ich auch weitaus elegantere lösungen um ne nmap zu machen^^

ingeneur

	Black Spider	Do, Apr 19, 2007 18:42 Antworten mit Zitat
ich hab mir jetzt mal Gimp runtergeladen und dazu noch das Normalmap Tool, und den kram aus WinRar in den Ordner H:\Dokumente und Einstellungen\Christian\gimp.\plug-ins gezogen, wie kann ich das dinge denn jetzt benutzen, bei den Filtern wird´s mir nicht angezeigt?
Coming soon: http://img132.imageshack.us/im...im2ab6.gif

Black Spider

Do, Apr 19, 2007 18:42
Antworten mit Zitat

ich hab mir jetzt mal Gimp runtergeladen und dazu noch das Normalmap Tool,
und den kram aus WinRar in den Ordner H:\Dokumente und Einstellungen\Christian\gimp.\plug-ins gezogen,
wie kann ich das dinge denn jetzt benutzen, bei den Filtern wird´s mir nicht angezeigt?

Coming soon:
http://img132.imageshack.us/im...im2ab6.gif

Übersicht

BlitzBasic

FAQ und Tutorials

Nach Oben

BlitzBasic Portal

Bumpmaps selber erstellen

Betreff: Bumpmaps selber erstellen