so erstellt man kachelbare Texturen
Einführung:
Ob als Hintergrundbild für den Desktop, Hintergrund für Webseiten oder auch als Oberflächentexturen für 3D-Modelle, kachelbare Texturen werden für viele Gelegenheiten benötigt.
Deshalb gibt es im Internet schon einige Tutorials zu diesem Thema.
Texturen, die nach diesen Anleitungen erstellt wurden, bilden aber oft unerwünschte Muster bei der Kachelung.
Dafür gibt es in der Regel zwei Ursachen:
die Wiederholung hervorstechender Details in den einzelnen Kacheln,
oder die Wiederholung eines Helligkeitsverlaufs auf ihnen.
Sehr häufig entsteht dieses Problem bei der Verwendung von Foto-Vorlagen.
Dieses Tutorial beschreibt anhand einer Beispieltextur, wie man aus einem schlechten Textur-Foto die Grundlage für eine kachelbare Textur erstellt und die obigen Fehler beseitigt.
Ich habe Corel Photopaint 9 verwendet, die Vorgehensweise ist bei anderen Grafikprogrammen aber nahezu gleich.
die Aufgabe:
Ursprungsfoto
Aus diesem Foto soll eine Textur gemacht werden, die nahtlos in der Länge gekachelt werden kann.
Gleichzeitig soll der Grünton beseitig werden, da er nicht zur geplanten Umgebung passt.
kachelbar machen:
Schritt 1
Zuerst wird aus dem Foto ein Objekt gemacht (bei Photoshop heißt es Layer).
Dieses wird dann entzerrt, da das ursprüngliche Foto perspektivisch verzerrt ist.
Schritt 2
Das entzerrte Objekt wird auf einen neuen Hintergrund (hier 512 x 512 Pixel) geschoben und dupliziert.
Schritt 3
Die beiden Objekte werden möglichst passend aneinander geschoben und mit dem Hintergrund zusammengeführt. Die Nahtstelle wird mit dem Kopierpinsel soweit nachbearbeitet, daß sie nicht mehr auffällt.
Schritt 4
Jetzt erstellt man wieder ein Objekt aus dem gesamten Bild, was man dupliziert.
Die beiden Objekte werden nun so auf dem Hintergrund verschoben, daß ihre Kanten aneinander stossen.
(Schritt 5 optional)
(Soll die Textur in alle Richtungen kachelbar sein, braucht man vier Objekte.)
Schritt 6
Die Nahtstelle wird wieder mit dem Kopierpinsel soweit nachbearbeitet, bis sie nicht mehr auffällt.
kachelbar
Die Textur ist jetzt kachelbar.
sauber
Störende Teile, kleine Holzstücke und Blätter entfernt man mit dem Kopierpinsel.
unerwünschte Muster entfernen:
invertiert
Der Hintergrund wird dupliziert, das Duplikat wird aber diesmal nicht verschoben,
sondern in ein Negativ verwandelt (Bei Corel: Bild/ändern/invertieren).
unscharf
Dieses Negativ wird dann unscharf gemacht, da nur die über das Bild laufenden Helligkeitsverläufe entfernt werden sollen. Feine Strukturen sollen ja erhalten bleiben.
überlagert
Je nach gewünschtem Effekt muß man mit den Transparenz- und Unschärfewerten etwas experimentieren:
Stärkere Unschärfe erhält mehr Strukturen, stärkere Transparenz mehr Farben.
Keine Unschärfe und 50% Transparenz ergibt eine 50% graue Fläche ohne jede Struktur.
Hier bekommt das Objekt eine Transparenz von ca. 50 % zugewiesen und wird mit dem Hintergrund zusammengeführt.
Kontrast erhöhen
Die Struktur wird dann durch Erhöhung des Kontrasts wieder stärker hervorgehoben.
fast fertig
Da in diesem Beispiel der Grünton entfernt werden sollte, ergibt sich dieses Bild
die fertige Textur
Der Eindruck, alle Farben seien jetzt verloren gegangen, täuscht. Bei genauerer Betrachtung des Ergebnisses stellt man fest, dass Gras und Moos zwischen den Steinen durchaus noch vorhanden sind.
Die Textur kann man jetzt problemlos einfärben oder mit anderen kachelbaren Texturen überlagern.
Ich habe lediglig die Ränder noch etwas abgedunkelt.
kleiner Kacheltester:
Um die Kachelung zu testen, ist es praktisch sich eine kleine Html-Datei anzulegen, die die Textur als gekachelten Hintergrund verwendet. Die Textur muß lediglich zwischendurch unter dem Namen "test.jpg" in den Ordner von kacheltest.htm gespeichert werden.
Das Browserfenster muß dann zur Kontrolle nur noch aktualisiert werden und sieht für die Beispieltextur dann so aus: Kacheltest
Quelltext für kacheltest.htm: <html> <head> </head> <body background="test.jpg"> </body> </html>