heute gibt es ein kleines Tutorial von mir. Und zwar zum Thema nahtlose Hintergründe. Also Hintergründe, die man kacheln kann ohne Ränder zu sehen. Grade für einen Bloghintergrund ist das ja immer schön.
Also los geht's. Ich arbeite mit GIMP (kostenlos und open-source ^^) und habe einfach mal eine Datei mit weißen Hintergrund und 500x500 Pixeln geöffnet.
Als nächstes brauche ich natürlich ein Bild, das ich nahtlos machen kann. Und weil gleichmäßige Bilder ja zu einfach sind habe ich einfach mal rumgepunktet.
| Etwas rot... | und noch etwas blau dazu... | |
 |  |
So, das wäre geschafft. Nur würde man jetzt ja sehen, dass es einzelne Bilder sind, wenn man sie aneinander setzen würde. Für einen netten gepunkteten Hintergrund ist das ja aber nicht so schön.
Glücklicherweise hat GIMP sogar eine Funktion namens "Nahtlos machen". Zu finden unter "Filter" -> "Abbilden" -> "Nahtlos machen"
Nun ja, nahtlos ist es. Und diese halbtransparenten Punkte haben auch irgendwie was. Aber so wirklich ist es nicht das, was ich mir vorgestellt hatte. Und grade, wenn man ein ganz bestimmtes Muster im Kopf hat wohl auch nicht die beste Methode. Auch bei komplizierteren Mustern als Punkten eher unschön.
Also Methode 2:
Man klicke auf "Ebene" -> "Transformation" und dann auf "Versatz":
Und dann geht folgendes Fenster auf:
Hier kann man jetzt auswählen was für eine Art von Versatz man gerne hätte. Wichtig: "Falten" angeben, nur dann funktioniert diese Methode. Die Werte für X und Y geben an um wieviel das Bild jeweils verschoben wird. Mit der Schaltfläche "Versatz um (x/2),(y/2)" kann man eigentlich nichts falsch machen.
Jetzt auf "Versetzen" drücken und voilà:
 | Irgendwie sieht das jetzt recht leer aus in der Mitte oder? Das liegt daran, dass vorher direkt am Rand keine Punkte waren. Dieser "Rand" befindet sich jetzt in der Mitte des Bildes, dort wo Platz ist. Aber das mit den zu wenigen Punkten ist schnell geändert. |
| und hier einmal das Endergebnis: |  |
Sicherlich kein Meisterwerk, aber ich hoffe ihr habt das Prinzip verstanden. Wenn man nur um eine Achse verschiebt, kann man das Bild nur an zwei Kanten nahtlos machen z.B. oben und unten. Das Hintergrundbild meines Blogs ist so entstanden.
Fragen dürfen gerne gestellt werden.
Was haltet ihr von diesem Tutorial? Soll ich öfter mal so etwas in der Art schreiben? Ein wirklicher Experte bin ich zwar nicht, aber einiges habe ich mir schon beigebracht in vielen, vielen Jahren Sims-Kleider färben und Hintergründe für diverse Seiten erstellen.
5 Kommentare
Hallo,
ich bin gerade durch Bücherträumerei auf deinen Blog gekommen. Jedenfalls finde ich deinen "How to design" Artikel sehr interessant. Weißt du auch wie man mit GIMP freistellt, oder welche Methoden? Du hast doch sicher dein Headerbild selbst gebastelt?
Viele Grüße
Hallo Twineety,
bei GIMP kann man mit dieser "Schere" im Werkzeugkasten eine Auswahl ziehen und dann alles bis auf diese Auswahl löschen. Also falls du das mit freistellen meinst?
Viele Grüße,
Lena
Hallo,
ich dachte an soetwas ähnöiches wie dieses Schnellauswahlwerkzeug bei Photoshop (falls du das kennst) da kann man noch unterschiedliche Einstellungen vornehmen. Ich weiss nicht ob man bei Gimp für die Schere etwas verändern kann (z.B. weichere Ränder etc.)?
Danke für die schnelle Antwort. :-)
LG
Hey,
also generell IST die Schere so wie das Schnellauswahlwerkzeug bei Photoshop. Man muss zwar die Ränder abfahren beim klicken und kann das nicht so cool aus der Mitte des Bildes raus machen wie bei Photoshop aber ansonsten ist es mWn gleich.
Ich weiß jetzt auch nicht, was du mit weicheren Rändern meinst. Auswählen ist auswählen, oder? Generell kann man aber alles mit GIMP machen, was man auch mit Photoshop machen kann bzw. manchmal auch mehr. Kommt auch auf die Photoshop Version an. Es ist nur manchmal schwerer zu finden. Das totale Genie bin ich allerdings auch nicht, ich habe sehr, sehr viele Funktionen noch nie benutzt bei GIMP.
Welchen Effekt möchtest du denn bekommen am Ende? Vielleicht fällt mir da eher was zu ein.
LG
Hallo,
ich bin mir nicht ganz sicher wie das bei Photoshop heißt, ich glaube Smartmarks (?). Jedenfalls kann man da einstellen das der Rand der Auswahl nicht so abgeschnitten aussieht, sondern etwas weicher ausläuft, was das ganze natürlicher macht. Es ist nicht wie ein Weichzeichner, sondern es läuft nach aussen aus. (Zum Beispiel für Kleidung und Haare praktisch.)
Das ist sehr nett von dir, vielen dank!
LG