zu GreenGoblins Homepage N A H T L O S E  M U S T E R :: v.1.0 :: 01.10.2003  
 
Ein   Photoshop-Tutorial  für  Anfänger   
zur Übersicht
 


 1. Wie man ein nahtloses Muster erstellt  

 Nahtlose Muster sind keine Zauberei
 Vorbereitung der Arbeitsfläche
Exakte Positionierung der Hilfslinien
Das Element wird eingefügt und verschoben
Unser erstes Muster ist fertig
Mit dem Musterstempel malen
Diese Muster könnt Ihr Euch runterladen

 Nahtlose Muster sind keine Zauberei  
 


Ihr habt Euch bestimmt auch schon häufig gefragt, wie man das wohl macht - grafische Elemente oder auch Fotos als Muster aneinanderzureihen, daß man den Übergang nicht bemerken kann. Das Muster hier links läßt sich ohne weiteres neben- und untereinander einsetzen, um z.B. den Hintergrund für eine Webseite zu bilden. Das Ergebnis ist unterhalb dieses Textes zu sehen. Wie muß man nun das einzelne Musterelement bearbeiten, daß es sich an die oben und unten angrenzenden so nahtlos anschließt? Ein schönes Muster, aus eigenen Fotos oder selbst gemalt, als Entwurf für Geschenkpapier oder ein Tapetenmuster - das kann jeder selbst machen und es ist garnicht schwer! Auch wie man den Rapport hinkriegt, habt Ihr schnell gelernt - mit ein paar kleinen Tricks, die ich in diesem Tutorial zusammengefaßt habe.
Ich zeige Euch die Vorgehensweise an einzelnen gemalten Elementen, weil ich das Prinzip daran einfacher verdeutlichen kann. Das oben abgebildete Muster aus Kreisen und Sternen könnt Ihr Euch am Ende des Tutorials runterladen, es ist in meiner kleinen Sammlung an Mustern enthalten.
Und nun viel Spaß beim Entwerfen!



 Vorbereitung der Arbeitsfläche  
 

Wir öffnen eine Datei mit den Maßen des geplanten Musters, in diesem Fall 200 x 200px. Zunächst wird eingeteilt, wie die einzelnen Musterelemente auf der Fläche verteilt sein sollen. Dazu lässt man sich die Lineale anzeigen (wie bei dem Foto unten zu sehen) und verändert ihre Einteilung von Pixel in Prozent.
Das ist für die spätere Anordnung wichtig. Man kann sie auch anhand der Pixel vornehmen, ich finde es mit den Prozenten einfacher.


 Exakte Positionierung der Hilfslinien  
 

Indem man auf die Lineal-Leisten links und oberhalb des Bildes klickt, werden mit dem Verschieben-Werkzeug und gedrückter Maustaste waagrechte und senkrechte Hilfslinien an die richtigen Positionen gezogen, auf 25%, 50% und 75%.


So sieht die Arbeitsfläche jetzt aus, die Kreuzungspunkte der Hilfslinien bezeichnen die Positionen, wohin später die Elemente gerückt werden. Damit die Hilfslinien exakt werden, Zoomwerkzeug zum Vergrößern der Stelle nehmen.

 Das Element wird eingefügt und verschoben  
 

Illustrationen mit freundlicher Genehmigung von www.mbspektral.de


copyright by mbspektral

Jetzt suchen wir das das Element, aus denen das Muster bestehen soll, aus und holen es über Kopieren > Einfügen in unser Dokument.
Eine bunte Mischung - da fällt die Auswahl schwer. Na - wir fangen mal einfach mit irgend einem Element an.
Wir haben den Weihnachtsbaum aus dem anderen Dokument kopiert und in unser 200px mal 200px großes Bild eingesetzt. Alles, was wir über die Zwischenablage einfügen, wird von Photoshop exakt in der Mitte positioniert. Diese Tatsache machen wir uns im Verlauf des Tutorials noch mehrmals zunutze.


Danach wird der Filter > sonstige Filter > Verschiebungseffekt angewendet.
Die Einstellungen wie unten auf dem Screenshot vornehmen:
horizontal 100px nach rechts (halbe Bildbreite)
vertikal 100px nach unten (halbe Bildhöhe)
Durch verschobenen Teil ersetzen


Die Anwendung des Filters bewirkt, daß sich die äußeren Ränder des Bildes jetzt in der Bildmitte befinden.

 Unser erstes Muster ist fertig  
 

Nachdem der Verschieben-Filter sein Werk getan hat, nochmals das gleiche Element (oder auch ein anderes) einfügen.
Auswahl > alles auswählen, Bearbeiten > Muster festlegen.


Das ist jetzt ein ganz einfaches Muster, wo die Elemente noch in Reihen nebeneinander stehen.


Aber wir wollen es ja ein bißchen bunter und ausgefeilter. Also nehmen wir unser Element und spiegeln es horizontal. Danach wird es an seine Position gezogen (Kreuzungspunkt der Hilfslinien) Tipp: Um ein Element zu kopieren, benutzt man das Verschieben-Werkzeug mit gedrückter alt-Taste.


Wenn das noch zu leer aussieht, den Filter Verschiebungseffekt nochmals anwenden, aber jetzt mit veränderter Einstellung:
50px nach rechts und 50 px nach unten. Neues Element einsetzen, kopieren und nochmal auf die Kreuzungspunkte der Hilfslinien ziehen. Und auf die Lücken nochmals ein anderes setzen.


Der Phantasie sind hier keine Grenzen gesetzt, man kann aus wenigen Musterelementen unzählige verschiedene Muster basteln. Sie eignen sich dann z.B. für Geschenkpapier, Kinderzimmertapeten, Orientteppichmuster usw. Am unteren Ende dieser Seite könnt Ihr Euch meine Mustersammlung herunterladen.


 Mit dem Musterstempel malen  
 

Wie eine Musterfüllung verwendet wird, wißt Ihr sicher schon.
Bearbeiten > Fläche füllen mit Muster > eigene Muster: dann öffnet sich die ganze Palette und man kann das gewünschte Muster auswählen, um eine Auswahl oder eine ganze Ebene zu füllen.
Man kann aber auch ein Muster als Füllung für den Musterstempel nehmen.

Hier rechts seht Ihr den Musterstempel.
Beim Klick auf das entsprechende Icon in der Werkzeugleiste hat man die Wahl zwischen Kopierstempel und Musterstempel. In diesem Fall wählen wir den Musterstempel. Man kann damit wie mit jedem anderen Pinsel malen. Wenn "ausgerichtet" angehakt ist, malt der Pinsel an jeder Stelle der Arbeitsfläche die entsprechende Stelle des Musters, also genauso wie bei "Fläche füllen mit Muster". Schwer zu erklären, probiert es aus. Wenn ausgerichtet nicht angehakt ist, fängt das Muster bei jedem Ansetzen des Pinsels neu an.
Wie man mit dem Musterstempel gerade Linien macht? Beim Malen Umstelltaste drücken
So entstehen z.B. Umrandungen und Bordüren.

Wenn man den Musterstempel wählt und dazu eine Pinselspitze (Werkzeugspitze) mit besonderer Form einstellt, ergibt das ungewöhnliche Effekte, wie hier unten auf dem Beispielbild zu sehen. In diesem Fall habe ich eine Art Tapetenmuster als Form für die Werkzeugspitze eingestellt ( dazu noch den Pinselabstand variiert) und dazu das Nikolauspattern als Muster genommen.



So - hier ist Teil 1 meines kleinen Tutorials zu Ende. Unten auf der Seite geht's weiter zu Teil 2 (Fotorealistische Muster) Ich hoffe es hat Spaß gemacht und Ihr konntet mit den Anleitungen was anfangen. Jetzt wißt Ihr ja wie es geht, nun entwerft mal selber was ;)

Euer Greengoblin


 Diese Muster könnt Ihr Euch runterladen  
 

   
   

Sammlung 1 enthält 67 nahtlose grafische Muster, Größe 100x100px und 200x200px.

 
 
 Download meiner Mustersammlung:

 Sammlung 1 [grafische Muster und Tapetenmuster als zip 2,7MB]
 Sammlung 2 [fotorealistische Muster als zip 1,77MB]

 

 


zur Übersicht  Übersicht Tutorials
 
           © 2003 by GreenGoblin • mail:  zu Greengoblin's Kontaktformular
zur Übersicht zu Teil 2