Februar 12, 2022

Photoshop Puzzle-Effekt

 Photoshop Puzzle-Effekt
Geschrieben von Steve Patterson.

In diesem Tutorial zu Photoshop-Effekten erfahren Sie, wie Sie auf einfache Weise einen Photoshop-Puzzleeffekt erstellen, mit dem wir jedes Foto in ein Puzzle verwandeln können! Oder zumindest schaffen wir die Illusion, dass das Foto aus kleinen Puzzleteilen besteht, obwohl ich nehme an, Sie könnten das Foto danach ausdrucken, alle Teile mit einer Schere ausschneiden und daraus ein echtes Puzzle machen, aber wie ich gerne sage, warum mit der Realität herumfummeln, wenn es in Photoshop so viel einfacher ist, Dinge zu fälschen.

Wie wir sehen werden, wurde ein Großteil der Arbeit für unseren Puzzle-Effekt bereits für uns erledigt, dank des Texturizer-Filters von Photoshop und einer kostenlosen Textur, mit der Photoshop ausgeliefert wird, obwohl wir die Textur in uns selbst laden müssen, was wir lernen werden. Wir werden die Dinge ein bisschen weiter gehen und sehen, wie man es so aussehen lässt, als ob einige der Teile noch fehlen, was unserem Puzzle ein „Work in progress“ -Aussehen verleiht.

Ich sollte vorweg erwähnen, dass, während dieser Fotoeffekt sehr einfach zu machen ist, ein Teil dieses Tutorials die Verwendung des Stiftwerkzeugs beinhaltet, und da die Erklärung, wie das Stiftwerkzeug in Photoshop funktioniert, ein eigenes separates Tutorial erfordern würde, werde ich hier davon ausgehen, dass Sie bereits mit der Verwendung vertraut sind. Die gute Nachricht ist, dass das Stift-Tool ein eigenes Tutorial hat, wenn Sie also Hilfe mit dem Stift-Tool benötigen, schauen Sie sich unbedingt unser komplettes Tutorial zur Auswahl mit dem Stift-Tool an, das Sie in unserem Abschnitt Photoshop-Grundlagen finden.

Hier ist das Foto, das ich für dieses Tutorial verwenden werde, ein kleiner Kerl, der offensichtlich ziemlich aufgeregt ist, sein Foto in ein Puzzle verwandeln zu lassen:

 Ein Foto von einem Jungen, der im Wasser spielt. Bild lizenziert von Photoshop Essentials.com.

Das Originalfoto.

Und so wird es mit unserem Photoshop Puzzle-Effekt aussehen:

 Photoshop Puzzle-Effekt. Bild © 2008 Photoshop Essentials.com.

Das gleiche Bild nach dem Anwenden des Photoshop-Puzzle-Effekts.

Schritt 1: Duplizieren Sie die Hintergrundebene

Wenn unser Foto neu in Photoshop geöffnet wurde, müssen wir zunächst eine Kopie unserer Hintergrundebene erstellen, der Ebene, die unser Foto enthält und derzeit die einzige Ebene ist, die wir haben. Wenn wir eine Kopie dieser Ebene erstellen, können wir mit unserem Bild machen, was wir wollen, ohne es zu beschädigen, da wir immer das Original auf der Hintergrundebene haben, auf das wir bei Bedarf zurückgreifen können. Der einfachste Weg, eine Kopie einer Ebene zu erstellen, ist die Tastenkombination Strg + J (Win) / Befehl + J (Mac). Wenn wir nach dem Drücken der Tastenkombination in unsere Ebenenpalette schauen, können wir sehen, dass wir jetzt zwei Ebenen haben. Die ursprüngliche Hintergrundebene befindet sich unten und eine Kopie der Ebene, die Photoshop automatisch als „Ebene 1“ bezeichnet hat, befindet sich darüber:

Die Ebenenpalette in Photoshop. Bild © 2008 Photoshop Essentials.com .

Die Ebenenpalette zeigt die neu erstellte „Ebene 1“ über der Hintergrundebene.

Schritt 2: Benennen Sie die neue Ebene in „Puzzle“ um

Eine ausgezeichnete Angewohnheit bei der Arbeit in Photoshop ist es, Ihren Ebenen aussagekräftigere Namen zu geben. Dies mag nicht so wichtig erscheinen, wenn Sie nur mit wenigen Ebenen arbeiten, aber es ist nicht ungewöhnlich, dass Sie plötzlich mit 50 Ebenen, 100 Ebenen oder mehr arbeiten, und wenn alle Ihre Ebenen Namen wie „Layer 1“, „Layer 56“ und „Layer 83 Copy 4“ haben, werden Sie sich selbst treten, weil Sie sich nicht ein paar Sekunden Zeit genommen haben, um Ihren Ebenen hilfreichere und aussagekräftigere Namen zu geben. In diesem Fall verwenden wir „Ebene 1“ als Hauptpuzzleeffekt, also doppelklicke ich direkt auf den Namen der Ebene und benenne sie in „Puzzle“ um:

Umbenennen einer Ebene in Photoshop. Bild © 2008 Photoshop Essentials.com.

Ändern Sie den Namen von „Layer 1“ in „Puzzle“.

Drücken Sie die Eingabetaste (Win) / Return (Mac), wenn Sie fertig sind, um die Namensänderung zu akzeptieren.

Schritt 3: Fügen Sie eine neue leere Ebene unter der Ebene „Puzzle“ hinzu

Als nächstes müssen wir eine neue leere Ebene unter der Ebene „Puzzle“ hinzufügen, damit sie zwischen der Ebene „Puzzle“ und der Hintergrundebene angezeigt wird. Derzeit haben wir die Ebene „Puzzle“ in der Ebenenpalette ausgewählt. Wir wissen, dass es ausgewählt ist, weil es blau hervorgehoben ist. Wenn wir also jetzt unten in der Ebenenpalette auf das Symbol für Neue Ebene klicken, erhalten wir eine neue leere Ebene über der Ebene „Puzzle“. Das ist nicht das, was wir wollen, also hier ist ein praktischer Trick. Halten Sie die Strg-Taste (Win) / Befehlstaste (Mac) gedrückt und klicken Sie auf das Symbol Neue Ebene:

Klicken Sie auf das Symbol Neue Ebene in der Ebenenpalette. Bild © 2008 Photoshop Essentials.com.

Halten Sie „Strg“ (Win) / „Befehl“ (Mac) gedrückt und klicken Sie auf das Symbol Neue Ebene in der Ebenenpalette.

Durch Hinzufügen der Strg- / Befehlstaste zum Schritt weisen wir Photoshop an, eine neue Ebene hinzuzufügen und sie unter der aktuell ausgewählten Ebene zu platzieren. Wir können jetzt in der Ebenenpalette sehen, dass wir eine neue leere Ebene mit dem Namen „Ebene 1“ zwischen den Ebenen „Puzzle“ und Hintergrund haben:

Der Ebenenpalette wird eine neue Ebene hinzugefügt. Bild © 2008 Photoshop Essentials.com .

Zwischen den Ebenen „Puzzle“ und Hintergrund wird eine neue leere Ebene angezeigt.

Schritt 4: Füllen Sie die neue Ebene mit Schwarz

Diese Ebene wird als Hintergrund für unseren Effekt verwendet, und ich werde zumindest vorerst Schwarz als Hintergrundfarbe verwenden, was bedeutet, dass ich diese Ebene mit Schwarz füllen muss (Später werden wir sehen, wie Sie die Hintergrundfarbe bei Bedarf ändern können). Photoshop verfügt über einen speziell für eine solche Aufgabe erstellten Befehl, der zufällig als Füllbefehl bezeichnet wird. Sie finden es, indem Sie zum Menü Bearbeiten oben auf dem Bildschirm gehen und Fill:

auswählen des Befehls Fill in Photoshop. Bild © 2008 Photoshop Essentials.com.

Gehe zu Bearbeiten > Füllen.

Dies öffnet das Dialogfeld Füllen. Setzen Sie die Option Inhalt oben im Dialogfeld auf Schwarz und klicken Sie dann auf OK, um das Dialogfeld zu verlassen:

Das Dialogfeld Füllbefehl in Photoshop. Bild © 2008 Photoshop Essentials.com .

Setzen Sie die Option Inhalt auf Schwarz.

In unserem Dokumentfenster scheint nichts passiert zu sein, da das Foto auf der Ebene „Puzzle“ im Moment alles andere blockiert, aber wenn wir uns die Miniaturansicht der Ebenenvorschau für „Ebene 1“ in der Ebenenpalette ansehen, die uns eine kleine Vorschau dessen gibt, was sich auf der Ebene befindet, können wir sehen, dass „Ebene 1“ tatsächlich mit Schwarz gefüllt ist:

Die Miniaturansicht der Ebenenvorschau in der Ebenenpalette. Bild © 2008 Photoshop Essentials.com .

Die Ebenenvorschau-Miniaturansicht für „Ebene 1“ wird nun mit Schwarz gefüllt angezeigt.

In Übereinstimmung mit dem, was ich vorhin über das Umbenennen von Ebenen gesagt habe, doppelklicke ich direkt auf den Namen dieser Ebene („Ebene 1“) und benenne sie in „Hintergrundfarbe“ um:

Umbenennen der neuen Ebene. Bild © 2008 Photoshop Essentials.com .

Benennen Sie die neue Ebene in „Hintergrundfarbe“ um.

Schritt 5: Wählen Sie die Ebene „Puzzle“ erneut aus

Als nächstes werden wir unsere Puzzleteile erstellen, aber wir müssen die richtige Ebene ausgewählt haben und im Moment nicht. Wir haben die Ebene „Hintergrundfarbe“ ausgewählt, aber es ist die Ebene „Puzzle“, die wir benötigen, also klicken Sie auf die Ebene „Puzzle“ in der Ebenenpalette, um sie auszuwählen:

Auswahl der Ebene

Klicken Sie auf die Ebene „Puzzle“ in der Ebenenpalette, um sie auszuwählen.

Wir sind jetzt bereit, ein Foto in ein Puzzle umzuwandeln!

Schritt 6: Öffnen Sie das Filterdialogfeld „Texturizer“ von Photoshop

Wie ich zu Beginn dieses Tutorials erwähnt habe, ist der größte Teil der eigentlichen Erstellung der Puzzleteile dank einer der Texturen, die kostenlos mit Photoshop installiert werden, bereits für uns erledigt. Obwohl die Textur auf Ihrer Festplatte einsatzbereit ist, wird sie leider nicht in Photoshop geladen, zumindest nicht automatisch. Wir müssen es in uns selbst laden, aber bevor wir das tun können, müssen wir den Texturizer-Filter von Photoshop aufrufen, also gehen Sie zum Filtermenü oben auf dem Bildschirm, wählen Sie Textur und dann Texturizer:

Wählen Sie den Texturizer-Filter aus dem Filtermenü in Photoshop. Bild © 2008 Photoshop Essentials.com .

Gehe zu Filter > Textur > Texturizer.

Schritt 7: Laden Sie die Textur „Puzzle“

Dies öffnet das große Dialogfeld Texturizer-Filter mit einem Vorschaufenster links und den Optionen für den Filter rechts. Wir müssen in der „Puzzle“ Textur laden, die Photoshop auf Ihrer Festplatte installiert hat, so klicken Sie auf den kleinen Pfeil rechts neben der Texturauswahl Option auf der rechten Seite des Dialogfeldes, die ein Menü mit nur einer Option bringt, Textur laden. Klicken Sie darauf, um es auszuwählen:

Klicken Sie auf den kleinen Pfeil neben der Texturauswahl und wählen Sie dann 'Textur laden'. Bild © 2008 Photoshop Essentials.com .

Klicken Sie auf den kleinen Pfeil rechts neben der Texturauswahl und wählen Sie dann „Textur laden“.

Dies öffnet das Dialogfeld Textur laden, in dem wir zu unserer Textur navigieren können. Die gesuchte „Puzzle“ -Textur befindet sich im Photoshop-Verzeichnis auf Ihrer Festplatte, wo immer Sie Photoshop installiert haben. Navigieren Sie daher zuerst zu Ihrem Laufwerk C: und öffnen Sie dann Ihren Ordner Programme. Im Ordner Programme finden Sie einen Adobe-Ordner und im Adobe-Ordner Ihren Photoshop-Ordner. Der tatsächliche Name des Photoshop-Ordners hängt davon ab, welche Version von Photoshop Sie verwenden. Wenn Sie beispielsweise Photoshop CS3 wie hier verwenden und Photoshop am Standardspeicherort installiert haben, befindet sich Ihr Photoshop-Ordner unter C:\Program dateien \Adobe\Photoshop CS3.

Auf einem Mac sind die Dinge etwas einfacher. Sie finden Ihren Photoshop-Ordner in Ihrem Anwendungsverzeichnis auf Ihrer Festplatte. Auch hier hängt der tatsächliche Name Ihres Photoshop-Ordners davon ab, welche Version von Photoshop Sie verwenden.

Sobald Sie Ihren Photoshop-Ordner gefunden haben, doppelklicken Sie darauf, um ihn zu öffnen. Innerhalb des Ordners finden Sie einen Presets-Ordner. Doppelklicken Sie darauf, um es zu öffnen, und suchen Sie nun nach einem Texturenordner. Doppelklicken Sie darauf, um es zu öffnen, und Sie sehen alle Texturen, die Photoshop für uns installiert hat. Es gibt eine ganze Reihe von ihnen zur Auswahl, aber die, die wir für unseren Puzzle-Effekt wollen, ist die Puzzle-Textur. Klicken Sie darauf, um es auszuwählen, und klicken Sie dann auf die Schaltfläche Laden, um die Textur zu laden:

Laden der Puzzletextur in Photoshop '. Bild © 2008 Photoshop Essentials.com.

Navigieren Sie zu Ihrem Texturordner in Ihrem Photoshop-Verzeichnis und wählen Sie dann die Puzzle-Textur aus.

Schritt 8: Passen Sie die Texturoptionen an

Wenn die Puzzle-Textur geladen ist, sollten Sie sehen, dass die Texturoption im Texturizer-Dialogfeld jetzt auf Puzzle eingestellt ist. Wenn dies aus irgendeinem Grund nicht der Fall ist, wählen Sie die Puzzletextur aus der Liste aus. Passen Sie dann mithilfe des Vorschaufensters links im Dialogfeld die Optionen für die Textur an. Die Einstellungen, die Sie verwenden, hängen weitgehend von Ihrem Bild ab und davon, wie groß Ihre Puzzleteile angezeigt werden sollen. In meinem Fall möchte ich, dass die Puzzleteile so groß wie möglich erscheinen, also werde ich meine Skalierungsoption auf 200% erhöhen. Die Reliefoption darunter bestimmt, wie stark die Puzzleteile im Bild erscheinen. Ich werde meine auf 6 setzen. Auch hier können die von Ihnen verwendeten Einstellungen unterschiedlich sein. Stellen Sie abschließend die Lichtoption, die die Lichtquelle für die Puzzleteile bestimmt, oben rechts ein:

Ändern der Optionen für die Puzzletextur. Bild © 2008 Photoshop Essentials.com.

Passen Sie die Optionen für die Puzzle-Textur an, indem Sie den Vorschaubereich links im Dialogfeld als Richtlinie verwenden.

Klicken Sie auf OK, wenn Sie fertig sind, um das Dialogfeld Texturizer zu verlassen und die Textur auf Ihr Bild anzuwenden. Hier ist mein Foto mit der angewendeten Puzzletextur:

Photoshop-Puzzletextur angewendet. Bild © 2008 Photoshop Essentials.com .

Das Foto erscheint nun in Puzzleteile unterteilt.

Der grundlegende Puzzleeffekt ist jetzt abgeschlossen, aber gehen wir noch ein bisschen weiter und entfernen einige der Teile, als wäre das Puzzle noch in Arbeit. Das machen wir als nächstes!

Schritt 9: Wählen Sie das Stiftwerkzeug aus

In diesem Teil des Lernprogramms müssen Sie wissen, wie Sie das Stiftwerkzeug in Photoshop verwenden. Der Grund, warum wir das Stiftwerkzeug verwenden werden, ist, dass wir in der Lage sein müssen, Auswahlen um einzelne Puzzleteile zu zeichnen, und die Teile haben viele Kurven. Sie könnten versuchen, die Teile mit dem Lasso-Werkzeug oder dem polygonalen Lasso-Werkzeug auszuwählen, aber Sie werden höchstwahrscheinlich feststellen, dass Ihre Ergebnisse schlampig und gezackt aussehen, während das Stiftwerkzeug speziell zum Zeichnen von Kurven entwickelt wurde und Ihnen viel bessere Ergebnisse liefert.

Wenn Sie bereits mit dem Stiftwerkzeug vertraut sind, wird der Rest dieses Tutorials einfach sein, da der Stift wirklich ein sehr einfaches Werkzeug ist, sobald Sie ein Gefühl dafür bekommen, wie es funktioniert. Wenn Begriffe wie „Pfade“, „Ankerpunkte“ und „Richtungsgriffe“ für Sie neu sind oder Sie sich nicht ganz sicher sind, ob Sie sie verstehen, lesen Sie unbedingt unser vollständiges Tutorial zum Auswählen mit dem Stiftwerkzeug in unserem Abschnitt Photoshop-Grundlagen, in dem Sie alles finden, was Sie wissen müssen.

Bevor wir das Stiftwerkzeug verwenden können, müssen wir es zuerst auswählen, also entweder aus der Werkzeugpalette nehmen oder einfach den Buchstaben P auf Ihrer Tastatur drücken:

Das Stiftwerkzeug in Photoshop. Bild © 2008 Photoshop Essentials.com .

Wählen Sie das Stiftwerkzeug.

Schritt 10: Wählen Sie die Option „Pfade“ In der Optionsleiste

Suchen Sie bei ausgewähltem Stiftwerkzeug in der Optionsleiste oben auf dem Bildschirm nach und stellen Sie sicher, dass die Option Pfade ausgewählt ist, da wir einen Pfad mit dem Stift zeichnen müssen, keine Vektorform oder pixelbasierte Form:

Die Optionsleiste in Photoshop. Bild © 2008 Photoshop Essentials.com .

Wählen Sie die Option „Pfade“ in der Optionsleiste.

Schritt 11: Zeichnen Sie einen Pfad um eines der Puzzleteile

Verwenden Sie das Stiftwerkzeug, um einen Pfad um eines der Puzzleteile zu zeichnen. Wir werden dieses Stück aus dem Puzzle herausschneiden und es so aussehen lassen, als würde es direkt über dem Puzzle schweben, bereit, an Ort und Stelle geschnappt zu werden. Es spielt keine Rolle, welches Stück Sie wählen. Ich wähle ein Stück über dem rechten Auge des Jungen (sein rechtes, unser linkes). Navigieren Sie durch das Stück, indem Sie Ankerpunkte hinzufügen und Richtungsgriffe ziehen, bis Sie erfolgreich einen Pfad um die gesamte Form gezeichnet haben. Sie können das Stück bei Bedarf vergrößern, indem Sie Strg + Leertaste (Win) / Befehlstaste + Leertaste (Mac) drücken, um vorübergehend auf das Zoomwerkzeug zuzugreifen, und dann einige Male auf das Stück klicken, um es zu vergrößern. Ein Pfad kann in einem Screenshot etwas schwer zu erkennen sein, daher habe ich das von mir skizzierte Teil eingekreist:

Ein Pfad, der um eines der Puzzleteile gezeichnet wurde. Bild © 2008 Photoshop Essentials.com .

Ein Pfad wird nun um eines der Puzzleteile gezeichnet.

Schritt 12: Konvertieren Sie den Pfad in eine Auswahl

Wenn Sie Ihren Pfad um das erste Puzzleteil gezeichnet haben, drücken Sie Strg + Eingabetaste (Win) / Befehl + Eingabetaste (Mac) auf Ihrer Tastatur, um den Pfad in eine Form umzuwandeln. Sie sehen, wie Ihre solide Pfadkontur in eine Auswahlkontur umgewandelt wird:

Der Pfad wird nun in eine Auswahl umgewandelt. Bild © 2008 Photoshop Essentials.com .

Drücken Sie „Strg+Eingabetaste“ (Win) / „Befehl+Eingabetaste“ (Mac), um den Pfad in eine Auswahl umzuwandeln.

Schritt 13: Schneiden Sie die Auswahl auf eine eigene Ebene

Wir schneiden das ausgewählte Puzzleteil aus der Ebene „Puzzle“ und platzieren es auf einer eigenen Ebene, wobei ein leeres Loch in der Ebene „Puzzle“ verbleibt. Stellen Sie sicher, dass Sie immer noch die Ebene „Puzzle“ in der Ebenenpalette ausgewählt haben, gehen Sie dann zum Ebenenmenü oben auf dem Bildschirm, wählen Sie Neu und dann Ebene über Ausschneiden:

Wählen Sie Neu - Ebene über Ausschneiden aus dem Ebenenmenü in Photoshop. Bild © 2008 Photoshop Essentials.com .

Gehe zu Ebene > Neue > Ebene über Ausschneiden.

Dies schneidet das Stück aus der Ebene „Puzzle“ und platziert es auf einer eigenen Ebene über der Ebene „Puzzle“, die wir in der Ebenenpalette sehen können. Das Stück befindet sich jetzt auf der obersten Ebene, die Photoshop erneut als „Ebene 1“ bezeichnet hat. Ich werde diese Ebene in „Erstes Puzzleteil“ umbenennen:

Das Puzzleteil befindet sich jetzt auf einer eigenen Ebene. Bild © 2008 Photoshop Essentials.com.

Das Puzzleteil erscheint nun auf einer eigenen Ebene über der Ebene „Puzzle“.

Schritt 14: Bewegen und drehen Sie das Puzzleteil mit freier Transformation

Wir werden dieses Puzzleteil so aussehen lassen, als würde es einrasten. Drücke Strg + T (Win) / Befehlstaste + T (Mac) auf deiner Tastatur, um Photoshop’s Free Transform Box und Griffe um das Puzzleteil zu öffnen, dann klicke irgendwo außerhalb des Free Transform Box und ziehe deine Maus, um das Stück zu drehen. Sobald Sie es gedreht haben, klicken Sie auf eine beliebige Stelle in der freien Transformationsbox und ziehen Sie die Maus, um das Stück von seiner ursprünglichen Position weg zu bewegen. Denken Sie daran, dass wir wollen, dass es offensichtlich ist, dass dieses Stück an dieser Stelle gehört, also bewegen Sie es nicht zu weit oder drehen Sie es zu viel.

Sie werden bemerken, wenn Sie das Stück bewegen, dass die Stelle, an der das Stück vor einem Moment saß, jetzt mit Schwarz gefüllt zu sein scheint. Das liegt daran, dass wir ein Loch in die Ebene „Puzzle“ geschnitten haben und das Schwarz der darunter liegenden Ebene „Hintergrundfarbe“ durchscheint:

Bewegen und Drehen des Puzzleteils. Bild © 2008 Photoshop Essentials.com .

Verwenden Sie die freie Transformation, um das Puzzleteil zu bewegen und zu drehen.

Drücken Sie die Eingabetaste (Win) / Return (Mac), wenn Sie fertig sind, um die Transformation zu akzeptieren, und beenden Sie den Befehl Free Transform.

Schritt 15: Fügen Sie einen Schlagschatten hinzu

Um dem Puzzleteil ein 3D-Erscheinungsbild zu verleihen, das so aussieht, als würde es über dem Puzzle schweben, fügen wir einen Schlagschatten hinzu. Klicken Sie auf das Ebenenstil-Symbol unten in der Ebenenpalette und wählen Sie dann Schlagschatten aus der Liste:

Auswahl des Schlagschatten-Ebenenstils. Bild © 2008 Photoshop Essentials.com .

Wählen Sie „Schlagschatten“ aus der Liste der Ebenenstile.

Dies öffnet das Dialogfeld Ebenenstil, das auf die Schlagschattenoptionen in der mittleren Spalte eingestellt ist. Verringern Sie die Deckkraft Ihres Schlagschattens auf etwa 60%, damit er nicht ganz so intensiv ist. Deaktivieren Sie die Option Globales Licht verwenden und stellen Sie den Winkel des Schattens auf 120 ° ein. Erhöhen Sie den Abstand auf etwa 16 Pixel und dann auch die Größe auf etwa 16 Pixel. Wie üblich müssen Sie möglicherweise Anpassungen an diesen Einstellungen für Ihr Bild vornehmen:

Die Schlagschattenoptionen im Dialogfeld Ebenenstil. Bild © 2008 Photoshop Essentials.com .

Ändern Sie die rot eingekreisten Optionen.

Klicken Sie auf OK, wenn Sie fertig sind, um das Dialogfeld Ebenenstil zu verlassen. Hier ist mein Bild nach dem Anwenden des Schlagschattens auf das Puzzleteil:

Das Foto nach dem Anwenden des Schlagschattens auf das Puzzleteil. Bild © 2008 Photoshop Essentials.com .

Der Schlagschatten scheint nun leicht über dem Rest des Puzzles zu schweben.

Schritt 16: Wählen Sie die Ebene „Puzzle“ erneut aus

Wir haben eines der Puzzleteile ausgeschnitten und es über dem Puzzle schweben lassen. Lassen Sie uns dieses Mal eines der Teile vollständig entfernen. Wir müssen die Ebene „Puzzle“ ausgewählt haben, also klicken Sie in der Ebenenpalette darauf:

Auswahl der Puzzle-Ebene in der Ebenenpalette. Bild © 2008 Photoshop Essentials.com .

Wählen Sie die Ebene „Puzzle“ in der Ebenenpalette aus.

Schritt 17: Zeichnen Sie mit dem Stiftwerkzeug einen Pfad um ein anderes Puzzleteil

Wählen Sie ein anderes Puzzleteil und zeichnen Sie mit dem Stiftwerkzeug einen Pfad um es herum, genau wie zuvor:

Zeichnen Sie einen Pfad um ein anderes Puzzleteil. Bild © 2008 Photoshop Essentials.com.

Zeichne mit dem Stift-Werkzeug einen Pfad um ein anderes Puzzleteil.

Schritt 18: Konvertieren Sie den Pfad in eine Auswahl

Drücken Sie wie zuvor Strg + Eingabetaste (Win) / Befehl + Eingabetaste (Mac), um den Pfad schnell in eine Auswahl zu konvertieren:

Der Pfad wurde in eine Auswahl konvertiert. Bild © 2008 Photoshop Essentials.com .

Konvertiert den Pfad in eine Auswahl.

Schritt 19: Löschen Sie die Auswahl

Alles, was wir mit diesem Teil tun werden, ist, es vollständig aus dem Puzzle zu entfernen. Dadurch wird das Puzzleteil gelöscht, wobei ein Loch in der Ebene „Puzzle“ verbleibt, durch das die schwarze Hintergrundfarbe angezeigt werden kann:

Das Bild nach dem Löschen des zweiten Puzzleteils. Bild © 2008 Photoshop Essentials.com .

Drücken Sie Entf, um das Puzzleteil aus dem Bild zu entfernen.

Drücken Sie Strg+D (Win) / Befehlstaste+D (Mac), um die Auswahl aufzuheben und die Auswahlkontur zu entfernen. Hier ist mein Foto nach dem Löschen des zweiten Puzzleteils:

Das Bild nach dem Löschen des zweiten Puzzleteils. Bild © 2008 Photoshop Essentials.com.

Drücken Sie Entf, um das Puzzleteil aus dem Bild zu entfernen.

Entfernen Sie weiterhin ein paar weitere Teile aus dem Puzzle, indem Sie entweder ein Teil ausschneiden und über das Puzzle schweben (Schritte 11-15) oder indem Sie das Teil einfach vollständig löschen (Schritte 16-19). Stellen Sie immer sicher, dass Sie die Ebene „Puzzle“ jedes Mal in der Ebenenpalette ausgewählt haben, wenn Sie ein Stück ausschneiden oder löschen.

Hier ist mein Bild nach dem Ausschneiden und Löschen einiger weiterer Puzzleteile:

Weitere Puzzleteile wurden vom Foto entfernt. Bild © 2008 Photoshop Essentials.com.

Schneiden Sie weitere Puzzleteile aus oder entfernen Sie sie, um den Effekt zu verstärken.

Schritt 20: Zeichnen Sie einen Pfad um alle Randteile (Optional)

Diese letzten Schritte sind optional, aber ich werde meinem Foto einen interessanteren Rahmen geben, indem ich alle Puzzleteile entlang der Kanten lösche. Auch dies ist optional, aber wenn Sie folgen möchten, verwenden Sie das Stiftwerkzeug, um einen durchgehenden Pfad entlang der Innenkanten aller Teile zu zeichnen, die entlang der Kanten des Fotos verlaufen, wie ich es hier getan habe. Da es schwierig ist, einen Pfad in einem Screenshot zu sehen, habe ich meinen Pfad gelb hervorgehoben:

Zeichnen Sie einen Pfad um die Innenkanten der Teile entlang der Kanten des Fotos. Bild © 2008 Photoshop Essentials.com .

Zeichnen Sie mit dem Stiftwerkzeug einen Pfad entlang der Innenkanten aller Teile an den Rändern des Fotos.

Schritt 21: Konvertieren Sie den Pfad in eine Auswahl

Sobald Sie Ihren Pfad gezeichnet haben, drücken Sie Strg + Eingabetaste (Win) / Befehl + Eingabetaste (Mac), um den Pfad schnell in eine Auswahl zu konvertieren:

Der Pfad ist jetzt eine Auswahl. Bild © 2008 Photoshop Essentials.com.

Drücken Sie „Strg+Eingabetaste“ (Win) / „Befehl+Eingabetaste“ (Mac), um den Pfad in eine Auswahl umzuwandeln.

Schritt 22: Invertieren Sie die Auswahl

Wir möchten alle Teile löschen, die entlang der Ränder des Puzzles verlaufen. Im Moment haben wir jedoch alles außer den Randstücken ausgewählt. Wir müssen unsere Auswahl invertieren, damit alles, was derzeit ausgewählt ist, deaktiviert wird und alles, was derzeit nicht ausgewählt ist, ausgewählt wird. Gehen Sie dazu zum Menü Auswählen oben auf dem Bildschirm und wählen Sie Inverse:

Invertieren der Auswahl in Photoshop. Bild © 2008 Photoshop Essentials.com .

Gehen Sie zu Select > Inverse, um die Auswahl umzukehren.

Alle Puzzleteile an den Rändern des Fotos werden nun ausgewählt:

Die Rand-Puzzleteile sind nun ausgewählt. Bild © 2008 Photoshop Essentials.com .

Die Teile an den Rändern des Puzzles sind nun ausgewählt.

Schritt 23: Löschen Sie die Randstücke

Stellen Sie bei den jetzt ausgewählten Randstücken sicher, dass Sie die Ebene „Puzzle“ in der Ebenenpalette ausgewählt haben, und drücken Sie dann die Entf-Taste auf Ihrer Tastatur, um sie zu löschen. Drücken Sie Strg+D (Win) / Befehlstaste+D (Mac), um die Auswahlkontur zu entfernen:

Photoshop puzzle effect. Bild © 2008 Photoshop Essentials.com .

Die Kanten sind nun gelöscht.

Wenn Sie lieber Weiß als Schwarz für den Hintergrund verwenden möchten, klicken Sie einfach auf die Ebene „Hintergrundfarbe“ in der Ebenenpalette, um sie auszuwählen. Wählen Sie Weiß für die Option Inhalt anstelle von Schwarz und klicken Sie dann auf OK, um das Dialogfeld zu verlassen:

Wählen Sie Weiß für den Füllinhalt. Bild © 2008 Photoshop Essentials.com.

Um die Hintergrundfarbe in Weiß zu ändern, wählen Sie die Ebene „Hintergrundfarbe“, wählen Sie dann den Befehl Füllen aus dem Menü Bearbeiten und setzen Sie den Inhalt auf Weiß.

Dies füllt den Hintergrund mit Weiß:

Der Hintergrund für den Puzzle-Effekt ist jetzt weiß. Bild © 2008 Photoshop Essentials.com .

Der Hintergrund wurde in Weiß geändert.

Schritt 24: Fügen Sie dem Hauptpuzzle einen Schlagschatten hinzu (Optional)

Dieser letzte Schritt ist wirklich nur erforderlich, wenn Sie sich entschieden haben, Weiß anstelle von Schwarz für Ihre Hintergrundfarbe zu verwenden. Wir werden dem Hauptpuzzle einen leichten Schlagschatten hinzufügen, und wenn Ihre Hintergrundfarbe schwarz und der Schlagschatten schwarz ist, können Sie den Schlagschatten natürlich nicht sehen, sodass Sie diesen letzten Schritt überspringen können, wenn Sie immer noch Schwarz für Ihren Hintergrund verwenden.

Um den Schlagschatten zum Hauptpuzzle hinzuzufügen, wählen Sie zuerst die Ebene „Puzzle“ in der Ebenenpalette aus, klicken Sie dann auf das Ebenenstil-Symbol unten in der Ebenenpalette und wählen Sie Schlagschatten aus der Liste:

Auswahl eines Schlagschatten-Ebenenstils. Bild © 2008 Photoshop Essentials.com.

Wählen Sie die Ebene „Puzzle“ aus, klicken Sie auf das Symbol für Ebenenstile und wählen Sie „Schlagschatten“.

Dadurch wird erneut das Dialogfeld Ebenenstil von Photoshop aufgerufen, das auf die Schlagschattenoptionen in der mittleren Spalte eingestellt ist. Verringern Sie die Option Deckkraft auf 60%, um die Intensität des Schattens zu verringern, deaktivieren Sie dann die Option Globales Licht verwenden und stellen Sie den Winkel auf 120 ° ein. Sie können den Rest der Optionen auf die Standardeinstellungen setzen lassen:

Die Schlagschattenoptionen im Dialogfeld Ebenenstil. Bild © 2008 Photoshop Essentials.com.

Ändern Sie die Optionen für den Schlagschatten, der auf das Hauptpuzzle angewendet wird.

Klicken Sie auf OK, wenn Sie fertig sind, um das Dialogfeld Ebenenstil zu verlassen, und wir sind fertig! Hier ist nach dem Anwenden eines Schlagschattens auf mein Hauptpuzzle mein endgültiger Effekt:

Photoshop Puzzle effect. Bild © 2008 Photoshop Essentials.com .

Der endgültige „Photoshop Puzzle“ -Effekt.

Und da haben wir es! So erstellen Sie einen Puzzle-Effekt mit einem Bild in Photoshop! Besuchen Sie unsere Fotoeffekte Abschnitt für mehr Photoshop-Effekte Tutorials!

Holen Sie sich alle unsere Photoshop Tutorials als PDF! Laden Sie sie noch heute herunter!

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.