Erfahren Sie, wie Sie mit Photoshop auf einfache Weise ein einzelnes Bild in eine lustige, quadratische Fotocollage verwandeln können!
Um den Fotocollage-Effekt zu erstellen, schneiden wir das Bild zunächst in ein Quadrat und unterteilen es dann in kleinere Quadrate. Wir werden einen Rand um jedes einzelne Foto einfügen, damit es wie ein separates Foto aussieht. Anschließend verschieben und drehen wir es. Zum Schluss ändern wir die Hintergrundfarbe und fügen dem Effekt einen Schlagschatten hinzu.
Hier ist das Bild, das ich verwenden werde. Ich habe dieses von Adobe Stock heruntergeladen:
Das Originalbild. Bildnachweis: Adobe Stock.
Und so sieht die Fotocollage aus, wenn wir fertig sind:
Der endgültige Fotocollage-Effekt.
Lass uns anfangen!
So erstellen Sie eine quadratische Fotocollage
In diesem Tutorial verwende ich Photoshop CC, aber alles ist mit Photoshop CS6 kompatibel. Sie können auch mein Video zu diesem Tutorial auf unserem YouTube-Kanal verfolgen. Oder laden Sie dieses Tutorial als druckfertiges PDF herunter!
Schritt 1: Schneiden Sie das Bild in ein Quadrat
Das erste, was wir tun müssen, ist, unser Bild in ein Quadrat zu schneiden. Wählen Sie das Zuschneidewerkzeug aus der Symbolleiste:
Auswahl des Zuschneidewerkzeugs.
Stellen Sie in der Optionsleiste das Seitenverhältnis auf Quadrat :
Einstellen des Seitenverhältnisses auf Quadrat.
Photoshop fügt dem Bild einen anfänglichen quadratischen Beschneidungsrahmen hinzu:
Die anfängliche quadratische Erntegrenze.
Vergewissern Sie sich, dass in der Optionsleiste das Kontrollkästchen " Ausgeschnittene Pixel löschen" aktiviert ist:
Ausgeschnittene Pixel löschen sollte aktiviert sein.
Ziehen Sie dann die Zuschneidegriffe, um die Größe des Rahmens um Ihr Motiv zu ändern. Wenn Sie mit einem Porträt arbeiten, versuchen Sie, die Hauptgesichtsmerkmale der Person (Augen, Nase und Mund) innerhalb des mittleren Quadrats zu halten:
Ändern der Größe des Beschneidungsrahmens um das Motiv.
Drücken Sie die Eingabetaste (Windows) / die Eingabetaste (Mac), um das Bild zuzuschneiden :
Das Ergebnis nach dem Zuschneiden des Bildes in ein Quadrat.
Schritt 2: Fügen Sie einige Anleitungen hinzu
Um das Bild in kleinere Quadrate zu unterteilen, fügen wir einige Hilfslinien hinzu.
Hinzufügen der ersten horizontalen Hilfslinie
Gehen Sie zum Menü Ansicht in der Menüleiste und wählen Sie Neuer Guide :
Gehen Sie zu Ansicht> Neuer Leitfaden.
Legen Sie im Dialogfeld Neue Hilfslinie die Ausrichtung auf Horizontal fest und geben Sie dann 33% für die Position ein . Klicken Sie auf OK, um das Dialogfeld zu schließen:
Hinzufügen der ersten Anleitung.
Photoshop fügt die erste horizontale Hilfslinie ein Drittel von oben nach unten hinzu:
Die erste horizontale Hilfslinie wird hinzugefügt.
Hinzufügen einer zweiten horizontalen Führung
Um eine zweite Anleitung hinzuzufügen, kehren Sie zum Menü Ansicht zurück und wählen Sie erneut Neue Anleitung :
Gehen Sie zurück zu Ansicht> Neue Anleitung.
Belassen Sie die Ausrichtung auf Horizontal, aber geben Sie diesmal 66% für die Position ein . Klicken Sie auf OK, um das Dialogfeld zu schließen:
Hinzufügen der zweiten Anleitung.
Und Photoshop fügt eine zweite Anleitung hinzu, diesmal zwei Drittel von oben nach unten:
Die zweite horizontale Führung wird hinzugefügt.
Hinzufügen einer vertikalen Hilfslinie
Gehen Sie zurück zum Menü " Ansicht" und wählen Sie erneut " Neue Anleitung" :
Gehen Sie zurück zu Ansicht> Neue Anleitung.
Ändern Sie in dieser dritten Anleitung die Ausrichtung in Vertikal und geben Sie 33% als Position ein . Klicken Sie dann auf OK:
Hinzufügen der dritten Anleitung.
Dies fügt eine vertikale Führung ein Drittel von links hinzu:
Die erste vertikale Führung wird hinzugefügt.
Hinzufügen einer zweiten vertikalen Führung
Kehren Sie ein letztes Mal zum Menü " Ansicht" zurück und wählen Sie " Neue Anleitung" :
Gehen Sie zurück zu Ansicht> Neue Anleitung.
Belassen Sie die Ausrichtung auf Vertikal, aber ändern Sie die Position auf 66% . Klicken Sie auf OK, wenn Sie fertig sind:
Hinzufügen der vierten Anleitung.
Photoshop fügt eine zweite vertikale Hilfslinie hinzu, zwei Drittel des Weges von links, und wir haben unser Bild jetzt in kleinere Quadrate unterteilt:
Die vier Hilfslinien unterteilen das Bild in Quadrate.
Schritt 3: Wählen Sie jedes Quadrat aus und kopieren Sie es in eine neue Ebene
Wir müssen jedes Quadrat auswählen und in eine eigene Ebene kopieren. Wählen Sie das Auswahlrechteck-Werkzeug in der Symbolleiste aus:
Auswählen des Auswahlrechteckwerkzeugs.
Einrasten der Auswahl in den Hilfslinien
Um sicherzustellen, dass unsere Auswahl an den Hilfslinien ausgerichtet wird, rufen Sie das Menü Ansicht auf, wählen Sie Ausrichten an und stellen Sie sicher, dass die Hilfslinien ein Häkchen haben. Wenn nicht, klicken Sie darauf, um es auszuwählen:
Achten Sie auf das Häkchen neben Guides.
Auswahl des ersten Quadrats
Wir beginnen mit dem Quadrat oben links. Klicken Sie auf einen Auswahlrahmen und ziehen Sie ihn herum. Wenn Sie den letzten Schritt ausgeführt haben, sollte die Auswahlkontur an den Hilfslinien ausgerichtet sein:
Zeichnen Sie einen Auswahlrahmen um das Quadrat in der oberen linken Ecke.
Kopieren Sie das Quadrat auf eine neue Ebene
Um das Quadrat auf eine eigene Ebene zu kopieren, gehen Sie zum Menü Ebene, wählen Sie Neu und dann Ebene über Kopieren . Eine schnellere Möglichkeit besteht darin, die Tastenkombination Strg + J (Win) / Befehl + J (Mac) zu drücken:
Gehen Sie zu Ebene> Neu> Ebene über Kopieren.
Im Ebenenbedienfeld sehen wir, dass Photoshop eine Kopie des Quadrats auf einer neuen Ebene über dem Bild platziert hat:
Das Quadrat wurde in eine eigene Ebene kopiert.
Auswahl der Hintergrundebene
Bevor wir ein zweites Quadrat auswählen können, müssen wir zuerst das Bild neu auswählen. Klicken Sie auf die Hintergrundebene, um sie auszuwählen. Jedes Mal, wenn Sie ein neues Quadrat auswählen und kopieren, müssen Sie die Hintergrundebene erneut auswählen:
Auswahl der Hintergrundebene.
Ein zweites Quadrat auswählen und kopieren
Dann ziehen Sie eine Auswahl um das Quadrat in der oberen Mitte:
Auswahl des zweiten Quadrats.
Um es schnell in eine neue Ebene zu kopieren, drücken Sie Strg + J (Win) / Befehl + J (Mac). Zurück im Ebenenbedienfeld befinden sich nun zwei Quadrate über dem Bild:
Ein zweites Quadrat wurde kopiert.
Auswahl und Kopieren der verbleibenden Quadrate
Wiederholen Sie die gleichen Schritte, um die verbleibenden Quadrate auszuwählen und zu kopieren. Klicken Sie zunächst auf die Hintergrundebene, um das Bild auszuwählen:
Wählen Sie die Hintergrundebene immer erneut aus, bevor Sie ein neues Quadrat auswählen.
Zeichnen Sie einen Auswahlrahmen um ein neues Quadrat:
Wählen Sie ein anderes Quadrat.
Und drücken Sie dann Strg + J (Win) / Befehl + J (Mac), um das Quadrat auf eine neue Ebene zu kopieren:
Das Quadrat wird in eine neue Ebene kopiert.
Ich werde fortfahren, die Quadrate auszuwählen und zu kopieren, bis ich sie alle ausgewählt habe. Im Ebenenbedienfeld werden nun alle neun Quadrate auf einer separaten Ebene über dem Bild angezeigt:
Alle 9 Felder wurden kopiert.
Schritt 4: Blenden Sie die Hilfslinien aus
Wir brauchen unsere Hilfslinien nicht mehr. Lassen Sie uns sie also ausblenden, indem Sie im Menü Ansicht auf Anzeigen und dann auf Hilfslinien klicken :
Die Führungen ausschalten.
Schritt 5: Fügen Sie mehr Zeichenfläche hinzu
Um Platz zum Verschieben und Drehen der Quadrate zu schaffen, fügen wir dem Bild mehr Zeichenfläche hinzu. Und das können wir mit dem Crop Tool machen. Wählen Sie das Zuschneidewerkzeug aus der Symbolleiste:
Erneute Auswahl des Zuschneidewerkzeugs.
Drücken und halten Sie die Alt (Win) / Wahltaste (Mac) auf Ihrer Tastatur und klicken und ziehen Sie dann einen der Zuschneidegriffe nach außen und vom Bild weg. Mit der Alt- / Wahltaste können Sie die Größe des Beschneidungsrahmens von der Mitte aus ändern:
Hinzufügen von mehr Arbeitsfläche mit dem Zuschneidewerkzeug.
Drücken Sie die Eingabetaste (Win) / Return (Mac), um die Eingabe zu akzeptieren, und Photoshop fügt den zusätzlichen Zeichenbereich hinzu:
Um das Foto herum wurde mehr Platz hinzugefügt.
Schritt 6: Füllen Sie den Hintergrund mit Schwarz
Standardmäßig füllt Photoshop den neuen Bereich mit Weiß, aber wir füllen unseren Hintergrund mit Schwarz. Wählen Sie im Ebenenbedienfeld die Hintergrundebene aus :
Auswahl der Hintergrundebene.
Gehen Sie dann in das Menü Bearbeiten und wählen Sie Ausfüllen :
Gehen Sie zu Bearbeiten> Ausfüllen.
Setzen Sie im Dialogfeld "Ausfüllen" die Option " Inhalt " auf " Schwarz" und klicken Sie dann auf "OK":
Inhalte auf Schwarz einstellen.
Das Bild erscheint jetzt vor einem schwarzen Hintergrund:
Das Ergebnis nach dem Füllen des Hintergrunds mit Schwarz.
Schritt 7: Fügen Sie einen Strich um das erste Quadrat hinzu
Im Moment können wir unsere Quadrate nicht wirklich sehen, machen wir sie also offensichtlicher. Und damit sie wie separate Fotos aussehen, werden sie mit einem Strich versehen. Wir beginnen damit, einem der Quadrate einen Strich hinzuzufügen, und kopieren ihn dann und fügen ihn in die anderen ein.
Einen Strich hinzufügen
Wählen Sie im Ebenenbedienfeld die oberste Ebene aus (diejenige, die das Quadrat oben links enthält):
Auswahl der obersten Ebene.
Klicken Sie dann unten im Ebenenbedienfeld auf das Symbol „ Ebenenstile“ (das FX- Symbol):
Klicken Sie auf das Symbol "FX".
Und wähle Strich aus der Liste:
Hinzufügen eines Strich-Ebenen-Effekts.
Ändern der Konturfarbe
Klicken Sie im Dialogfeld Ebenenstil auf das Farbfeld :
Klicken Sie in den Konturoptionen auf das Farbfeld.
Ändern Sie dann in der Farbauswahl die Farbe des Strichs in Weiß und klicken Sie auf OK:
Wählen Sie Weiß für die neue Konturfarbe.
Größe und Position einstellen
Setzen Sie im Dialogfeld Ebenenstil die Position des Strichs auf Innen . Behalten Sie dann das Quadrat oben links im Bild im Auge, während Sie den Wert für die Größe durch Ziehen des Schiebereglers erhöhen. Ich werde mit einem Wert von ungefähr 32 px gehen, aber das hängt von der Größe Ihres Bildes ab:
Position und Größe des Strichs einstellen.
Klicken Sie auf OK, um das Dialogfeld zu schließen, und wir haben jetzt einen Rahmen um eines der Quadrate:
Der Rand erscheint links oben um das Quadrat.
Schritt 8: Fügen Sie den Strich zu den anderen Quadraten hinzu
Zurück im Ebenenbedienfeld sehen wir unseren Strich als Effekt unterhalb der Ebene aufgelistet:
Die Effekte werden unterhalb der Ebene aufgelistet.
Um den gleichen Strich schnell auf die anderen Quadrate anzuwenden, kopieren Sie ihn und fügen ihn ein. Klicken Sie mit der rechten Maustaste (Windows) bzw. bei gedrückter Ctrl-Taste (Mac) auf die oberste Ebene und wählen Sie im Menü die Option Ebenenstil kopieren :
Wählen Sie "Ebenenstil kopieren".
Klicken Sie auf die zweite Ebene von oben (Ebene 2), um sie auszuwählen:
Auswahl der zweiten Ebene von oben.
Halten Sie die Umschalttaste gedrückt und klicken Sie dann auf die Ebene direkt über der Hintergrundebene (Ebene 9). Dadurch werden alle anderen Quadrate gleichzeitig ausgewählt:
Halten Sie die Umschalttaste gedrückt und wählen Sie das untere Quadrat aus.
Klicken Sie mit der rechten Maustaste (Windows) bzw. bei gedrückter Ctrl-Taste (Mac) auf eine der ausgewählten Ebenen und wählen Sie dann Ebenenstil einfügen :
Wählen Sie "Ebenenstil einfügen".
Und einfach so fügt Photoshop den Strich auf den anderen Feldern ein:
Alle 9 Felder sind jetzt mit einem Strich versehen.
Schritt 9: Verschieben und drehen Sie die Quadrate
Um einen stärkeren Collage-Effekt zu erzielen, verschieben und drehen wir die Quadrate mithilfe des Photoshop-Befehls „Freie Transformation“.
Auswahl des Verschiebungswerkzeugs
Wählen Sie das Verschieben-Werkzeug aus der Werkzeugleiste :
Auswahl des Verschiebungswerkzeugs.
Auto-Select einschalten
Stellen Sie in der Optionsleiste sicher, dass die automatische Auswahl aktiviert und auf Ebene eingestellt ist . So können wir jedes Quadrat einfach auswählen, indem wir darauf klicken:
Stellen Sie sicher, dass die automatische Auswahl aktiviert und auf Ebene eingestellt ist.
Klicken Sie, um ein Quadrat auszuwählen
Klicken Sie auf das Quadrat oben links, um es auszuwählen:
Auswahl des oberen linken Quadrats.
Verschieben und drehen Sie das Quadrat mit Free Transform
Gehen Sie dann zum Menü Bearbeiten und wählen Sie Frei transformieren. Oder verwenden Sie die Tastenkombination Strg + T (Win) / Befehl + T (Mac):
Gehen Sie zu Bearbeiten> Freie Transformation.
In Photoshop werden das Feld "Free Transform" und die Ziehpunkte um das Quadrat herum platziert:
Die Ziehpunkte für die freie Transformation werden angezeigt.
Um das Quadrat zu verschieben, klicken und ziehen Sie es an eine beliebige Stelle im Feld "Freie Transformation". Sie können es auch mit den Pfeiltasten auf Ihrer Tastatur verschieben. Bewegen Sie zum Drehen den Mauszeiger außerhalb des Feldes und klicken und ziehen Sie:
Platz verschieben und drehen.
Um dies zu akzeptieren, drücken Sie die Eingabetaste (Win) / Return (Mac), und unser erstes Quadrat wurde verschoben und gedreht:
Das Ergebnis nach dem Verschieben und Drehen des ersten Quadrats.
Wiederholen Sie die Schritte für die anderen Quadrate
Wiederholen Sie die gleichen Schritte, um die anderen Quadrate zu verschieben und zu drehen. Klicken Sie zunächst auf ein Quadrat, um es auszuwählen, und drücken Sie dann Strg + T (Win) / Befehl + T (Mac), um schnell Free Transform auszuwählen. Bewegen Sie das Quadrat an seinen Platz und drehen Sie es dann in seine Position. Drücken Sie die Eingabetaste (Win) / Return (Mac), um die Eingabe zu akzeptieren.
In meinem Fall lasse ich das mittlere Quadrat an seiner ursprünglichen Stelle, aber ich bewege und drehe die äußeren Quadrate weiter, bis ich mit dem Ergebnis zufrieden bin. Wenn Sie ein Quadrat nur verschieben möchten, ohne es zu drehen, müssen Sie Free Transform nicht öffnen. Sie können es einfach mit dem Verschieben-Werkzeug anklicken und ziehen oder mit den Pfeiltasten auf Ihrer Tastatur verschieben:
Das Ergebnis nach dem Anpassen aller äußeren Quadrate.
Schritt 10: Ändern Sie die Hintergrundfarbe
Zu diesem Zeitpunkt haben wir den Haupteffekt erstellt, aber es gibt noch ein paar Dinge, die wir tun können. Eine davon ist, dass wir die Hintergrundfarbe ändern können. Zu diesem Zweck verwenden wir eine einfarbige Füllebene.
Klicken Sie im Ebenenbedienfeld auf die Hintergrundebene, um sie auszuwählen:
Auswahl der Hintergrundebene.
Klicken Sie dann auf das Symbol Neue Füllung oder Anpassungsebene :
Klicken Sie auf das Symbol Neue Füllung oder Anpassungsebene.
Und wählen Sie Einfarbig aus der Liste:
Feste Farbfüllungsebene auswählen.
Abtastung einer Hintergrundfarbe aus dem Bild
Wählen Sie im Farbwähler eine neue Farbe für Ihren Hintergrund. Oder wählen Sie eine Farbe direkt aus Ihrem Bild aus, indem Sie den Cursor in das Bild bewegen und auf eine Farbe klicken, um sie auszuwählen:
Abtastung einer neuen Hintergrundfarbe aus dem Bild.
Wenn Sie eine Farbe gefunden haben, die Ihnen gefällt, klicken Sie auf OK, um die Farbauswahl zu schließen:
Die Fotocollage mit der neuen Hintergrundfarbe aus dem Bild.
Im Ebenenbedienfeld sehen wir unsere neue Einfarbige Füllebene über der Hintergrundebene:
Die Füllebene befindet sich zwischen der Hintergrundebene und den Quadraten.
Schritt 11: Fügen Sie einen Schlagschatten hinzu
Lassen Sie uns abschließend den Effekt beenden, indem Sie einen Schlagschatten hinter die Quadrate einfügen. Um den Schatten allen Quadraten gleichzeitig hinzuzufügen, platzieren wir sie zunächst in einer Ebenengruppe.
Gruppieren Sie die Quadrate
Klicken Sie auf die oberste Ebene (Ebene 1), um sie auszuwählen. Halten Sie dann die Umschalttaste gedrückt und klicken Sie auf die Ebene direkt über der Füllebene (Ebene 9). Dadurch werden alle Quadrate gleichzeitig ausgewählt:
Klicken Sie auf Ebene 1 und dann bei gedrückter Umschalttaste auf Ebene 9.
Gehen Sie zum Menü Ebene und wählen Sie Ebenen gruppieren :
Gehen Sie zu Ebene> Ebenen gruppieren.
Und zurück im Ebenenbedienfeld wurden alle unsere Quadrate in eine neue Gruppe eingeordnet. Sie können die Gruppe öffnen oder schließen, indem Sie auf den Pfeil neben dem Gruppennamen klicken:
Die Quadrate befinden sich jetzt in einer Ebenengruppe.
Schlagschatten hinzufügen
Um einen Schlagschatten auf die Gruppe anzuwenden, klicken Sie auf das Symbol Ebenenstile:
Klicken Sie bei ausgewählter Layergruppe auf das Symbol "fx".
Und dann wähle Schlagschatten aus der Liste:
Schlagschatten auswählen.
Dadurch wird das Dialogfeld Ebenenstil geöffnet, in dem die Optionen für Schlagschatten festgelegt sind:
Die Schlagschattenoptionen im Dialogfeld Ebenenstil.
Sie können den Winkel und den Abstand des Schattens von hier aus anpassen, aber es ist einfacher, einfach in das Dokument zu klicken und es zu ziehen. Während Sie ziehen, werden die Werte für Winkel und Abstand im Dialogfeld aktualisiert:
Klicken und ziehen Sie innerhalb des Dokuments, um den Winkel und den Abstand des Schattens anzupassen.
Nachdem Sie den Winkel und den Abstand festgelegt haben, kehren Sie zum Dialogfeld zurück und passen Sie den Wert für die Größe an, um die Kanten weicher zu machen. Sie können auch die Deckkraft anpassen, um den Schatten heller oder dunkler erscheinen zu lassen. Ich werde meine auf 30% senken:
Anpassen der Größe (Weichheit) und Deckkraft des Schlagschattens.
Wenn Sie mit den Ergebnissen zufrieden sind, klicken Sie auf OK, um das Dialogfeld zu schließen. Und mit dem angewendeten Schlagschatten ist hier mein letzter Effekt:
Der endgültige Fotocollage-Effekt.
Und da haben wir es! So verwandeln Sie ein einzelnes Bild in eine einfache, quadratische Fotocollage in Photoshop! Weitere Collageneffekte erhalten Sie, wenn Sie lernen, wie Sie Polaroid-Collagen, Filmstreifen-Collagen oder Collagen aus verzerrten Fotos erstellen! Weitere Tutorials finden Sie in unserem Abschnitt zu Fotoeffekten. Und vergessen Sie nicht, alle unsere Photoshop-Tutorials können jetzt als PDF heruntergeladen werden!