Ein Puzzle-Effekt ist eine kreative Möglichkeit, Fotos auf besondere Weise zu präsentieren. Mit Photoshop kannst du aus einem Bild ein realistisches Puzzle erstellen und dabei herausgenommene Teile integrieren, um deinen Designs Dynamik zu verleihen. In diesem Tutorial zeige ich dir zwei Varianten, wie du diesen Effekt umsetzt: eine klassische Puzzle-Optik und eine moderne, abstrahierte Version. Lass uns starten und dein Foto in ein interaktives Kunstwerk verwandeln!
Schritt 1:
Zunächst erstelle ich ein neues Dokument; die Größe ist vollkommen egal. Ich wähle eine sehr kleine Größe von 800x600 Pixel. Möchte man diesen Effekt drucken lassen, sollte die Einheit von Pixel in cm geändert werden und die Auflösung von 72 in 300 Pixel/Zoll.
Schritt 2:
Jetzt lade ich ein Foto meiner Wahl per Drag&Drop aus dem Dateimanager in mein Dokument hinein.
Schritt 3:
Damit ich den Filter Mit Struktur versehen korrekt mit einer Puzzle-Textur laden kann, benötige ich als Grundlage eine Puzzle-Textur, die bis Photoshop CS3 im Verzeichnis Strukturen enthalten ist.
Schritt 4:
Alle Photoshop-Besitzer, die eine höhere Version haben, gehen auf den Link Adobe Photoshop CS5 - Optionale Zusatzmodule+Opt.ZusatzmoduleBitteLesen.pdf - Deutsch. (Zu finden auf www.adobe.de, dann unter Downloads>Updates und dort unter Photoshop).
Schritt 5:
In der gepackten Datei befindet sich im Verzeichnis Textures die Puzzle-Datei. Diese entpacke ich jetzt.
Schritt 6:
Zur Sicherheit dupliziere ich meine Fotoebene mit Strg+J und blende das Original aus. Ich aktiviere jetzt meine duplizierte Fotoebene, gehe dann ins Filtermenü und klicke den Filter Mit Struktur versehen an.
Schritt 7:
Jetzt klicke ich auf das Optionsmenü, um meine Puzzle.psd-Datei zu laden.
Schritt 8:
Bei der Skalierung kann ich auch die Größe verändern. Aber aufgepasst: Je größer die Skalierung, desto unschärfer wird der Puzzle-Effekt. Die Reliefhöhe stelle ich auf 6 und das Licht auf Oben rechts ein.
Schritt 9:
Bei 100% Skalierung sieht mein Puzzle jetzt so aus:
Schritt 10:
Jetzt möchte ich ein paar Puzzle-Teile herausnehmen. Dazu gibt es unterschiedliche gute Methoden. Ich wähle die Zeichenstift-Lösung: Dazu erstelle ich einen Arbeitspfad mit dem Zeichenstift.
Schritt 11:
Als Nächstes klicke ich im Pfade-Bedienfeld mit der rechten Maustaste auf meinen Arbeitspfad und wähle dann Auswahl erstellen. Bei Radius kann 1 Pixel eingestellt werden, um eine weiche Auswahl entstehen zu lassen. Ich belasse es aber bei 0 Pixel Radius. Die Option Glätten lasse ich stehen.
Schritt 12:
Jetzt drücke ich einfach Strg+X, um das Bild auszuschneiden und Strg+V, um es als neue Ebene einzufügen. Danach drehe ich mein Puzzle-Teil und spendiere beiden Ebenen einen Schlagschatten.
Schritt 13:
Beim nächsten Puzzle-Teil nehme ich das Lasso-Werkzeug. Damit geht es, sofern man ein Grafiktablett bzw. eine sehr gute Maus besitzt. Mit Alt- bzw. Shift-Taste kann ich Bereiche auch hinzufügen bzw. von der Auswahl abziehen.
Schritt 14:
Sofern ich noch meine Auswahl und mein Auswahlwerkzeug aktiv habe, kann ich oben im Steuerungsbedienfeld Kante verbessern aufrufen. Ich wähle ein klein wenig Abrunden und eventuell auch einen minimalen Weiche Kante-Wert.
Schritt 15:
Als Nächstes drücke ich wieder Strg+X, um das Bild auszuschneiden und Strg+V, um es als neue Ebene einzufügen. Danach drehe ich mein Puzzle-Teil und spendiere meiner Ebene einen Schlagschatten.
Schritt 16:
Die nächsten zwei Puzzle-Teile wähle ich mit dem Polygon-Lasso-Werkzeug aus und optimiere sie mit Kante verbessern. Um ein weiteren optionalen Effekt zu erstellen, füge ich auf meinem Foto zunächst eine Ebenenmaske hinzu.
Schritt 17:
Danach wähle ich mit dem Lasso-Werkzeug am Rand von oben nach unten die Puzzleteile aus.
Schritt 18:
Jetzt fülle ich meine Auswahl mit Schwarz, damit dieser Teil ausgeblendet wird. Und schon sieht es so aus, als ob am Rand noch Puzzleteile fehlen.
Schritt 19:
Am Rand entferne ich über die Maske noch ein weiteres Puzzleteil. Mit einem Pinsel kann ich schlecht ausgewählte Bereiche innerhalb der Maske noch feintunen. Ich füge außerdem beim oberen linken Puzzle-Teil einen Schatten nach innen per Fülloption ein.
Schritt 20:
Bei der zweiten Methode, ein Puzzle zu erstellen, gehe ich davon aus, dass die Puzzle.psd-Datei nicht verfügbar ist und man sich darum etwas anderes einfallen lassen muss. Ich besorge mir auf www.sxc.hu ein Puzzle-Foto. Leider gibt es kein Puzzle ohne störende Bildinhalte. Ich habe mich darum für dieses Foto entschieden, weil hier nur in der Mitte etwas entfernt werden muss.
Schritt 21:
Dieses Foto lade ich dann in voller Auflösung (dazu muss man bei sxc.hu kostenlos registriert sein) in Photoshop rein und wähle die Hälfte aus.
Schritt 22:
Jetzt den Inhalt der Auswahl kopieren und mit Strg+V einfügen. Danach drücke ich Strg+T, um die Ebene zu transformieren, danach rechte Maustaste und dann Horizontal spiegeln.
Schritt 23:
Als Nächstes vergrößere ich die Arbeitsfläche weiter und schmelze meine Ebenen zu einer zusammen (Ebenen im Ebenenbedienfeld mit der Shift-Taste auswählen und Strg+E drücken). Dann dupliziere ich sie mit Strg+J, spiegele sie jeweils wieder mit Strg+T und setze die leeren Flächen Stück für Stück zusammen, bis eine große Puzzle-Textur entsteht (mehr Details gibt es dazu im Video).
Schritt 24:
Die große Puzzle-Textur speichere ich als PSD-Datei ab (die Ansicht zeigt gerade mal 8,33%, also wie man sieht, ist diese Textur wirklich sehr groß).
Schritt 25:
Jetzt öffne ich ein Foto meiner Wahl, gehe danach ins Filtermenü und klicke wieder auf Mit Struktur versehen. Danach lade ich im Optionsmenü meine neue Puzzle-PSD-Datei, und schon sieht das Ergebnis wie folgt aus bei einem Foto mit über 4000 Pixel Breite.
Schritt 26:
Als Nächstes wandele ich die Hintergrundebene durch einen Doppelklick in eine normale Ebene um und erstelle unter ihr eine Ebene mit weißer Farbe.
Schritt 27:
Auch hier kann ich wieder ein Puzzleteil z. B. mit dem Lasso entnehmen und in beiden Ebenen einen Schlagschatten hinzufügen.
Schritt 28:
Bei 25%-Zoom sieht das Bild so aus:
Ich hoffe, ich konnte mit den zwei Varianten zeigen, dass es gar nicht so schwer ist, ein Puzzle aus einem Foto zu erstellen.
