In diesem Photoshop-Lernprogramm erfahren Sie, wie Sie ein einzelnes Foto als Formcluster anzeigen, ähnlich wie bei größeren "Wandcluster" -Displays, bei denen mehrere Fotos, in der Regel in verschiedenen Rahmenformen und -größen, zusammen an einer Wand angeordnet werden, um eine zu bilden größeres Design. In diesem Fall verwenden wir Photoshop, um etwas Ähnliches zu erstellen, aber in kleinerem Maßstab mit nur einem einzigen Bild.

So sieht das Endergebnis aus:

Das Endergebnis.

So erstellen Sie einen Shape Cluster Photo Display-Effekt

Schritt 1: Erstellen Sie ein neues Dokument

Beginnen wir mit der Erstellung eines neuen Photoshop-Dokuments. Gehen Sie zum Menü Datei in der Menüleiste am oberen Bildschirmrand und wählen Sie Neu :

Gehen Sie zu Datei> Neu.

Dadurch wird das Dialogfeld "Neues Dokument" von Photoshop geöffnet. Ein quadratisches Dokument eignet sich am besten für diesen Effekt. Daher setze ich sowohl die Breite als auch die Höhe meines Dokuments auf 1000 Pixel . Da ich dies nicht drucken möchte, belasse ich die Auflösung auf 72 Pixel / inch . Die Abmessungen und die Auflösung, die Sie benötigen, können unterschiedlich sein, insbesondere wenn Sie diese für den Druck erstellen. Stellen Sie den Hintergrundinhalt auf Weiß ein und klicken Sie auf OK, um das Dialogfeld zu schließen. Ein neues Dokument, gefüllt mit Weiß, wird auf Ihrem Bildschirm angezeigt:

Stellen Sie die Breite und Höhe auf 1000 Pixel, die Auflösung auf 72 Pixel / Zoll und den Hintergrundinhalt auf Weiß ein.

Schritt 2: Ändern Sie die Rastergröße in den Voreinstellungen von Photoshop

Wir werden das Photoshop-Raster verwenden, um unser Formdesign zu erstellen, aber zuerst müssen wir die Größe des Rasters ändern, und das tun wir in den Voreinstellungen. Gehen Sie auf einem PC zum Menü Bearbeiten am oberen Bildschirmrand, wählen Sie Einstellungen und dann Hilfslinien, Raster und Schnitte . Rufen Sie auf einem Mac das Photoshop- Menü auf, wählen Sie „ Voreinstellungen“ und dann „ Hilfslinien, Raster und Schnitte“ :

Auf einem PC finden Sie die Einstellungen im Menü Bearbeiten. Auf einem Mac befinden sie sich im Photoshop-Menü.

Dadurch wird das Dialogfeld "Einstellungen" geöffnet, in dem die Optionen "Hilfslinien", "Raster" und "Schnitte" festgelegt sind. Legen Sie im Abschnitt Raster die Option Rasterlinie alle auf 2, 5 Prozent fest . Belassen Sie die anderen Optionen auf ihren Standardwerten. Klicken Sie auf OK, wenn Sie fertig sind, um das Dialogfeld zu schließen:

Legen Sie im Abschnitt "Raster" die Option "Rasterlinie alle" auf 2, 5 Prozent fest.

Schritt 3: Schalten Sie das Gitter ein

Wir haben die Größe des Rasters geändert, aber wir müssen das Raster in unserem Dokument immer noch aktivieren. Gehen Sie dazu zum Menü Ansicht oben auf dem Bildschirm, wählen Sie Anzeigen und dann Raster :

Gehen Sie zu Ansicht> Anzeigen> Raster.

Das Raster ist jetzt im Dokument sichtbar. Obwohl wir es sehen können, ist das Raster nicht Teil des Designs. Es dient nur als visuelle Referenz, um uns zu helfen:

Das Dokument mit dem aktivierten Raster.

Schritt 4: Fügen Sie eine neue Ebene hinzu

Klicken Sie unten im Ebenenbedienfeld auf das Symbol „ Neue Ebene“ :

Klicken Sie auf das Symbol Neue Ebene.

Dies fügt eine neue leere Ebene mit dem Namen "Ebene 1" über der Hintergrundebene hinzu:

Photoshop fügt eine neue Ebene hinzu und nennt sie "Ebene 1".

Schritt 5: Wählen Sie das Auswahlrechteck

Wählen Sie im Bedienfeld „Werkzeuge“ das Auswahlrechteck-Werkzeug aus:

Auswählen des Auswahlrechteckwerkzeugs.

Schritt 6: Zeichnen Sie eine erste Auswahl um das Gitter

Zeichnen Sie mit dem Rechteckigen Auswahlrechteck einen anfänglichen Auswahlumriss um das Raster, lassen Sie jedoch einen Rand in der Breite von zwei Quadraten zwischen dem Auswahlumriss und den Rändern des Dokuments. Der Auswahlumriss kann in einem Screenshot etwas schwer zu erkennen sein, daher habe ich meinen in Rot hervorgehoben, um zu verdeutlichen, dass ich einen zwei Quadrate dicken Rand hinterlassen habe:

Zeichnen Sie einen Auswahlumriss um das Raster und lassen Sie an den Rändern einen Rand mit einer Dicke von zwei Quadraten.

Schritt 7: Füllen Sie die Auswahl mit Schwarz

Gehen Sie mit der Auswahl in das Menü Bearbeiten oben auf dem Bildschirm und wählen Sie Ausfüllen :

Gehen Sie zu Bearbeiten> Ausfüllen.

Dadurch wird das Dialogfeld „Füllen“ von Photoshop geöffnet. Ändern Sie die Option " Verwenden" oben im Dialogfeld in " Schwarz" :

Ändern Sie die Option Verwenden in Schwarz.

Klicken Sie auf OK, um das Dialogfeld zu schließen. Photoshop füllt die Auswahl im Dokument mit Schwarz. Wir brauchen den Auswahlumriss nicht mehr. Um ihn zu entfernen, gehen Sie zum Menü " Auswählen" oben im Bildschirm und wählen Sie "Auswahl aufheben" . Sie können auch Strg + D (Win) / Befehl + D (Mac) drücken, um die Auswahl mithilfe der schnelleren Tastenkombination schnell aufzuheben:

Gehen Sie zu Auswahl> Auswahl aufheben, um die Auswahlkontur um den schwarz gefüllten Bereich zu entfernen.

Sie sollten jetzt eine anfängliche schwarz gefüllte quadratische Form im Dokument haben. Es spielt wirklich keine Rolle, mit welcher Farbe wir die Auswahl gefüllt haben, da das Foto möglicherweise darüber angezeigt wird. Ich habe mich für Schwarz entschieden, weil es vor dem weißen Hintergrund gut zu erkennen ist und die Gitterlinien auch gut zu erkennen sind:

Die anfängliche schwarz gefüllte Form.

Schritt 8: Zeichnen Sie eine Reihe von schmalen rechteckigen Auswahlen

Wir werden unsere ursprüngliche Form in mehrere kleinere Formen aufteilen und dies tun, indem wir Teile davon löschen. Zuerst müssen wir die Bereiche auswählen, die wir löschen wollen. Beginnen Sie mit dem Auswahlrechteckwerkzeug von der linken Seite der Form und zählen Sie 10 vertikale Spalten von Quadraten nach rechts, beginnen Sie dann am oberen Rand der Form und zeichnen Sie eine Auswahl um die 11. Spalte nach unten, lassen Sie jedoch 10 Spalten Quadrate zwischen dem unteren Rand Ihrer Auswahl und dem unteren Rand der Form. Mir ist klar, dass das verwirrend klingen kann, und so habe ich versucht, es im Screenshot klarer zu machen, indem ich meine Auswahlkontur erneut rot hervorhob. Beachten Sie, dass meine Auswahl nur eine Spalte breit ist und sich zwischen meiner Auswahl und der linken Seite der Form 10 Quadrate sowie zwischen dem unteren Rand meiner Auswahl und dem unteren Rand der Form 10 Quadrate befinden:

Zeichnen Sie eine Auswahl um die 11. Spalte von Quadraten von links, wobei 10 Quadrate am unteren Rand nicht ausgewählt sind.

Wenn Sie die erste Auswahl gezeichnet haben, halten Sie die Umschalttaste gedrückt, um vorübergehend in den Modus " Zur Auswahl hinzufügen" von Photoshop zu wechseln. Zählen Sie dann 10 horizontale Quadratreihen vom unteren Rand der Form nach oben und zeichnen Sie um den 11. eine ähnliche Auswahl Quadratreihe von links beginnend, wobei 10 Quadrate zwischen dem rechten Rand Ihrer Auswahl und der rechten Seite der Form verbleiben. Der Screenshot macht es hoffentlich wieder einfacher zu sehen. Wenn Sie die Umschalttaste gedrückt halten, wird diese zweite Auswahl der ersten hinzugefügt. Nun sind Teile einer Spalte und einer Reihe von Quadraten ausgewählt:

Halten Sie die Umschalttaste gedrückt und ziehen Sie eine Auswahl um die 11. Reihe von Quadraten von unten, wobei 10 Quadrate rechts nicht ausgewählt bleiben.

Noch zwei Auswahlen, noch zwei. Halten Sie weiterhin die Umschalttaste gedrückt, zählen Sie 10 Spalten mit Quadraten von der rechten Seite der Form aus und zeichnen Sie eine Auswahl um die 11. Spalte nach oben, wobei 10 Quadrate zwischen dem oberen Rand Ihrer Auswahl und dem oberen Rand der Form verbleiben. Diese dritte Auswahl wird zu den ersten beiden hinzugefügt:

Halten Sie erneut die Umschalttaste gedrückt und zeichnen Sie eine Auswahl um die 11. Spalte von Quadraten von rechts, wobei 10 Quadrate von oben nicht ausgewählt bleiben.

Zählen Sie abschließend mit gedrückter Umschalttaste 10 Reihen von Quadraten vom oberen Rand der Form aus und zeichnen Sie eine Auswahl um die 11. Reihe, beginnend rechts von der Form. Lassen Sie dabei 10 Quadrate zwischen dem linken Rand Ihrer Auswahl und der linke Rand der Form. Wenn Sie fertig sind, sollten Sie Teile von zwei Zeilen und zwei Spalten mit Quadraten ausgewählt haben:

Halten Sie die Umschalttaste gedrückt und zeichnen Sie eine Auswahl um die 11. Reihe von Quadraten von oben, wobei 10 Quadrate links nicht ausgewählt bleiben.

Schritt 9: Löschen Sie die ausgewählten Bereiche

Drücken Sie die Rücktaste (Windows) / Entf (Mac) auf Ihrer Tastatur, um die ausgewählten Bereiche der Form zu löschen. Dadurch wird die größere Form sofort in fünf kleinere Formen unterteilt. Drücken Sie Strg + D (Win) / Befehl + D (Mac), um die Auswahlkonturen um die Formen herum schnell zu entfernen. Das Raster muss nicht mehr im Dokument angezeigt werden. Gehen Sie zurück zum Menü Ansicht, wählen Sie Anzeigen und dann Raster, um das Raster zu deaktivieren. Sie können auch Strg + ' (Win) / Befehl +' (Mac) drücken, um es mit der schnelleren Tastenkombination auszuschalten. So sieht das Dokument jetzt aus, nachdem die Auswahlkonturen entfernt und das Raster deaktiviert wurden:

Die ursprüngliche größere Form wurde in fünf kleinere Formen unterteilt.

Schritt 10: Fügen Sie einen Schlagschatten hinzu

Klicken Sie unten im Ebenenbedienfeld auf das Symbol „Ebenenstile“:

Klicken Sie auf das Symbol Ebenenstile.

Wählen Sie Schlagschatten aus der Liste der angezeigten Ebenenstile:

Wählen Sie Schlagschatten.

Dadurch wird das Dialogfeld „Ebenenstil“ von Photoshop geöffnet, in dem in der mittleren Spalte die Option „Schlagschatten“ festgelegt ist. Ich setze den Winkel des Schattens auf 120 ° und den Abstand und die Größe auf 12 px . Möglicherweise müssen Sie für die Optionen Abstand und Größe andere Werte verwenden, wenn Sie ein größeres Dokument erstellt haben als die Größe, die ich für dieses Lernprogramm verwende. Um die Intensität des Schattens zu verringern, verringern Sie den Wert für die Deckkraft auf 60% :

Die Schlagschattenoptionen im Dialogfeld Ebenenstil.

Klicken Sie auf OK, um das Dialogfeld Ebenenstil zu schließen. Ein Schlagschatten wird nun zu den Formen hinzugefügt:

Das Bild nach dem Hinzufügen des Schlagschattens.

Schritt 11: Öffnen Sie Ihr Foto

Öffnen Sie das Foto, das Sie in die Formen einfügen möchten. Es wird in einem separaten Dokumentfenster geöffnet. Hier ist das Bild, das ich verwenden werde:

Das Originalbild.

Schritt 12: Kopieren Sie das Foto und fügen Sie es in das Shapes-Dokument ein

Drücken Sie Strg + A (Windows) / Befehlstaste + A (Mac), um schnell das gesamte Foto auszuwählen, und drücken Sie dann Strg + C (Windows) / Befehlstaste + C (Mac), um es in die Zwischenablage zu kopieren. Wechseln Sie zu Ihrem Shapes-Dokument und drücken Sie Strg + V (Win) / Befehl + V (Mac), um das Foto in das Dokument einzufügen. Es wird auf einer eigenen Ebene (Ebene 2) über der Formebene (Ebene 1) im Ebenenbedienfeld angezeigt:

Photoshop platziert das Bild auf einer eigenen Ebene über der Formebene.

Schritt 13: Erstellen Sie eine Schnittmaske

Gehen Sie zum Menü Ebene oben auf dem Bildschirm und wählen Sie Schnittmaske erstellen :

Gehe zu Ebene> Schnittmaske erstellen.

Das Foto wird auf die Formen auf der Ebene direkt darunter "geklippt", wodurch die Illusion entsteht, dass das Foto aufgeteilt und auf den Formen angezeigt wird:

Der Effekt nach dem Zuschneiden des Fotos auf die Formen.

Wenn wir uns das Ebenenbedienfeld ansehen, sehen wir, dass die Ebene 2 jetzt nach rechts eingerückt ist und ein kleiner Pfeil links von der Vorschauminiatur auf Ebene 1 darunter zeigt. Auf diese Weise lässt Photoshop uns wissen, dass Layer 2 jetzt auf den Inhalt von Layer 1 beschränkt ist:

Photoshop rückt Ebenen ein, die auf die darunter liegende Ebene zugeschnitten sind.

Schritt 14: Verschieben Sie das Foto und ändern Sie die Größe mit Free Transform

Um die Größe des Fotos innerhalb der Formen zu ändern und es neu zu positionieren, gehen Sie zum Menü Bearbeiten am oberen Bildschirmrand und wählen Sie " Frei transformieren", oder drücken Sie Strg + T (Win) / Befehl + T (Mac), um den Befehl "Frei transformieren" mit auszuwählen Tastaturkürzel:

Gehen Sie zu Bearbeiten> Freie Transformation.

Hiermit werden das Feld „Free Transform“ von Photoshop und die Griffe um das Foto herum platziert. Obwohl wir nur den Bereich des Fotos sehen können, der sich über den Formen befindet, werden das Feld und die Ziehpunkte für die freie Transformation um die tatsächliche Größe des Fotos herum angezeigt. Wenn Sie die Ziehpunkte nicht sehen können, weil das Foto zu groß ist und sich über den aktuell sichtbaren Bereich des Dokuments hinaus erstreckt, gehen Sie zum Menü Ansicht oben auf dem Bildschirm und wählen Sie An Bildschirm anpassen . Sie können auch Strg + 0 (Win) / Befehl + 0 (Mac) drücken, um den Befehl An Bildschirmgröße anpassen mit der Tastenkombination auszuwählen:

Gehen Sie zu Ansicht> An Bildschirm anpassen.

Photoshop zoomt sofort so weit heraus, dass das gesamte Foto in den sichtbaren Bereich des Dokuments passt, sodass Sie auf die Griffe für die freie Transformation zugreifen können. Um die Größe des Fotos zu ändern, halten Sie die Umschalttaste gedrückt, wodurch das Seitenverhältnis des Fotos beim Ändern der Größe eingeschränkt wird. Ziehen Sie dann einen der vier Eckpunkte (die kleinen Quadrate). Um das Foto zu verschieben, klicken Sie einfach auf eine beliebige Stelle innerhalb des Begrenzungsrahmens für die freie Transformation und ziehen Sie das Bild mit der Maus. Wenn Sie die Größe des Bildes ändern und es neu positionieren, sehen Sie, wie es sich innerhalb der Formen bewegt:

Ändern Sie die Größe und positionieren Sie das Bild innerhalb der Formen nach Bedarf neu.

Wenn Sie mit dem Aussehen zufrieden sind, drücken Sie die Eingabetaste (Win) / Eingabetaste (Mac), um die Änderungen zu akzeptieren und Free Transform zu beenden. Und damit sind wir fertig! Hier ist mein endgültiges Ergebnis für die "Formcluster-Fotoanzeige":

Das Endergebnis.