In diesem Tutorial zu Photoshop Effects erfahren Sie, wie Sie ein Foto in eine Collage aus Quadraten verwandeln. Es ist ein lustiger Effekt, und es ist wirklich einfach zu machen, zumal die meiste Arbeit, wie wir sehen werden, eine einfache Wiederholung ist.
Hier ist das Originalfoto, mit dem ich anfangen werde:
Und hier ist das Bild mit dem fertigen "Collage of Squares" -Effekt:
Wie gesagt, der größte Teil der Arbeit besteht nur aus Wiederholungen. Wenn Sie also erst einmal mit dem, was Sie tun, "in den Groove" geraten, brauchen Sie nicht einmal darüber nachzudenken. Sie können einfach Spaß daran haben, den Effekt zu erstellen.
Dieses Tutorial stammt aus unserer Photo Effects-Serie. Lass uns anfangen!
Schritt 1: Duplizieren Sie die Hintergrundebene
Wenn mein Bild in Photoshop geöffnet ist, habe ich derzeit nur eine Ebene, die Hintergrundebene, die mein Originalbild enthält:
Die Ebenen-Palette von Photoshop zeigt das Originalbild auf der Hintergrundebene.
Ich muss die Hintergrundebene duplizieren, daher verwende ich die Tastenkombination Strg + J (Win) / Befehl + J (Mac), mit der eine Kopie der Hintergrundebene in der Ebenen-Palette hinzugefügt wird. Photoshop benennt die Kopie automatisch mit "Ebene 1":
Drücken Sie "Strg + J" (Win) / "Befehl + J" (Mac), um die Hintergrundebene zu duplizieren.
Schritt 2: Fügen Sie eine neue Ebene zwischen den beiden Ebenen hinzu und füllen Sie sie mit Weiß
Wir müssen eine neue leere Ebene zwischen den beiden Ebenen einfügen, die wir derzeit in der Ebenen-Palette haben. Halten Sie dazu bei Auswahl von "Ebene 1" die Strg- (Win) / Befehlstaste (Mac) auf Ihrer Tastatur gedrückt und klicken Sie auf das Symbol " Neue Ebene" unten in der Ebenen-Palette. Normalerweise fügt Photoshop die neue Ebene über der aktuell ausgewählten Ebene hinzu. Wenn Sie jedoch Strg / Befehl gedrückt halten, wird Photoshop angewiesen, stattdessen die neue Ebene darunter hinzuzufügen:
Halten Sie "Strg" (Win) / "Befehl" (Mac) gedrückt und klicken Sie auf das Symbol "Neue Ebene", um eine neue Ebene zwischen den beiden vorhandenen Ebenen in der Ebenen-Palette hinzuzufügen.
Ich habe jetzt meine neue leere Ebene "Ebene 2" zwischen den beiden anderen Ebenen:
Die neue leere Ebene befindet sich jetzt zwischen der Hintergrundebene und "Ebene 1".
Nur eine kurze Notiz, bevor wir weitermachen … Wenn dieser Effekt abgeschlossen ist, werden wir am Ende viele Ebenen haben. Normalerweise würde dies bedeuten, dass wir auf jeden Fall sicherstellen möchten, dass wir unsere Ebenen als benennen wir gehen. In diesem Fall würden Sie sich wahrscheinlich verrückt machen, wenn Sie versuchen, beschreibende Namen für jede Ebene zu finden. Wenn Sie also nicht auf diese Weise angesprochen werden, würde ich mir beim Erstellen dieses Effekts keine Gedanken über die Benennung Ihrer Ebenen machen. Im Allgemeinen ist es jedoch eine Angewohnheit, Ebenen zu benennen.
Nachdem das gesagt ist, machen wir weiter. Wir müssen diese neue Ebene mit Weiß füllen, da wir Weiß als Hintergrundfarbe für den Effekt verwenden werden. Drücken Sie daher den Buchstaben D auf Ihrer Tastatur, um die Vordergrund- und Hintergrundfarben zurückzusetzen. Dadurch wird Weiß zu Ihrer Hintergrundfarbe Wenn Sie die neue leere Ebene in der Ebenen-Palette ausgewählt haben, verwenden Sie die Tastenkombination Strg + Rücktaste (Windows) / Befehlstaste + Entf (Mac), um die Ebene mit Weiß zu füllen.
In Ihrem Dokumentfenster wird nichts angezeigt, da die Kopie der Hintergrundebene "Ebene 2" für die Ansicht blockiert. Wenn Sie jedoch in der Ebenen-Palette nachsehen, wird die Miniaturvorschau für die Ebene jetzt angezeigt gefüllt mit weiß:
Die Miniaturvorschau für "Ebene 2" wird jetzt in der Ebenen-Palette mit Weiß gefüllt, obwohl "Ebene 1" derzeit die Ansicht im Dokumentfenster blockiert.
Schritt 3: Ziehen Sie eine quadratische Auswahl um einen Teil des Bildes
Ich werde auf die Kopie meiner Hintergrundebene "Ebene 1" in der Ebenen-Palette klicken, um sie auszuwählen. Dann nehme ich mein Auswahlrechteck- Werkzeug aus der Werkzeugpalette:
Wählen Sie das Auswahlrechteck-Werkzeug in der Werkzeugpalette aus.
Ich könnte auch M auf meiner Tastatur drücken, um es schnell auszuwählen. Dann ziehe ich mit dem Auswahlrechteck in der Hand und "Ebene 1" in der Ebenen-Palette eine quadratische Auswahl in das Bild. Ich werde auf der rechten Seite ein Quadrat um das Gesicht des Jungen ziehen:
Verwenden Sie das Auswahlrechteck, um eine quadratische Auswahl im Bild zu zeichnen.
Um die Auswahl auf ein perfektes Quadrat zu beschränken, halten Sie beim Ziehen die Umschalttaste gedrückt.
Schritt 4: Fügen Sie eine Ebenenmaske hinzu
Sobald Sie Ihre quadratische Auswahl getroffen haben und erneut sicherstellen, dass in der Ebenen-Palette "Ebene 1" ausgewählt ist, klicken Sie unten in der Ebenen-Palette auf das Symbol "Ebenenmaske hinzufügen":
Klicken Sie unten in der Ebenen-Palette auf das Symbol "Ebenenmaske hinzufügen".
Dadurch wird "Ebene 1" eine Ebenenmaske hinzugefügt. Da beim Klicken auf das Symbol "Ebenenmaske hinzufügen" ein Bereich des Bildes ausgewählt war, wird diese Auswahl von Photoshop zum Erstellen der Maske verwendet, dh nur der Bereich von Das Bild in der Auswahl - das Gesicht des Jungen - bleibt im Dokumentfenster sichtbar. Der Rest des Bildes wird ausgeblendet und die weiß gefüllte Ebene darunter angezeigt:
Der quadratische Bereich um das Gesicht des Jungen ist jetzt alles, was auf dem Bild zu sehen ist. Der weiße Hintergrund ist nun dahinter sichtbar.
Schritt 5: Lösen Sie die Verknüpfung der Ebenenmaske mit dem Ebeneninhalt
Wenn wir noch einmal auf unsere Ebenen-Palette schauen, sehen wir die Ebenenmaske, die zu "Ebene 1" hinzugefügt wurde. Die Maske ist schwarz ausgefüllt, mit Ausnahme des kleinen quadratischen Bereichs, der weiß ist. Dies ist der Bereich um das Gesicht des Jungen, der im Dokumentfenster angezeigt wird. Wenn Sie genau hinsehen, sehen Sie auch ein kleines Verknüpfungssymbol zwischen der Ebenenminiatur und der Maskenminiatur:
Das Symbol "Ebenenverknüpfung" zwischen der Ebenenminiatur und der Ebenenmaskenminiatur für "Ebene 1".
Wenn dieses Verknüpfungssymbol sichtbar ist, bedeutet dies, dass der Inhalt der Ebene (das Bild) und die Ebenenmaske miteinander verknüpft sind. Wenn Sie einen verschieben, verschieben Sie beide. Das wollen wir nicht. Wir wollen die Maske bewegen können, ohne das Bild zu bewegen. Dazu müssen wir nur auf dieses Verknüpfungssymbol klicken, wodurch es verschwindet. An diesem Punkt kann die Ebenenmaske unabhängig vom Ebeneninhalt verschoben werden. Ich werde auf das Link-Symbol klicken, um es zu entfernen:
Das Verknüpfungssymbol zwischen der Ebenenminiatur und der Ebenenmaske ist jetzt verschwunden. Jetzt können wir die Maske verschieben, ohne das Bild zu verschieben.
Schritt 6: Fügen Sie der Maske einen weißen "Outer Glow" -Layer-Stil hinzu
Um die Kanten der Quadrate beim Erstellen des Effekts sehen zu können, füge ich der Maske einen Ebenenstil "Äußeres Leuchten" hinzu. Zuerst klicke ich direkt auf die Miniaturansicht der Ebenenmaske, um sie auszuwählen. Ich kann sagen, dass es ausgewählt ist, wenn es ein Markierungsfeld umgibt. Wenn die Maske ausgewählt ist, klicke ich unten in der Ebenen-Palette auf das Symbol " Neue Einstellungsebene" :
Klicken Sie bei ausgewählter Ebenenmaske auf das Symbol "Neue Einstellungsebene".
Dann wähle ich Outer Glow aus der angezeigten Liste aus:
Wählen Sie den Ebenenstil "Äußeres Leuchten".
Daraufhin wird das Dialogfeld „Ebenenstil“ von Photoshop mit den Optionen „Äußeres Leuchten“ in der mittleren Spalte angezeigt. Standardmäßig verwendet der Ebenenstil "Äußeres Leuchten" eine gelbliche Farbe. Ich möchte es in Weiß ändern. Dazu klicke ich direkt auf das Farbfeld des äußeren Lichts :
Klicken Sie in den Optionen für das äußere Leuchten auf das Farbfeld, um die Farbe des Leuchten zu ändern.
Wenn ich auf das Farbfeld klicke, wird die Farbauswahl von Photoshop angezeigt. Ich werde weiß in der oberen linken Ecke wählen:
Klicken Sie in die linke obere Ecke des Farbwählers, um Weiß als Farbe für das äußere Leuchten auszuwählen.
Dann klicke ich auf OK, um den Farbwähler zu verlassen. Meine äußere Leuchtfarbe ist jetzt weiß.
Ich lasse alle anderen Optionen für das äußere Leuchten in Ruhe und klicke an dieser Stelle einfach auf OK, um das Dialogfeld Ebenenstil zu schließen. Das weiße äußere Leuchten wird der Ebenenmaske hinzugefügt. Wir werden es im Bild noch nicht sehen können, weil es ein weißes Leuchten vor einem weißen Hintergrund ist, aber wir werden es sehen, sobald wir anfangen, dem Bild mehr quadratische Abschnitte hinzuzufügen, wie wir im Begriff sind, dies zu tun.
Schritt 7: Duplizieren Sie die Ebene
Erinnern Sie sich an den Anfang dieses Tutorials, als ich sagte, dass der größte Teil der Arbeit einfache Wiederholung ist? Nun, hier fängt es an. Diese nächsten Schritte werden immer wieder wiederholt, aber keine Sorge, sie sind einfach. Zuerst, wenn "Layer 1" in der Ebenen-Palette ausgewählt ist, dupliziere ich es mit der Tastenkombination Strg + J (Win) / Befehl + J (Mac). Ich habe jetzt eine genaue Kopie davon oben in der Ebenen-Palette:
Die Ebenen-Palette zeigt nun das Duplikat von "Ebene 1" oben an.
Wenn ich "genaue Kopie" sage, meine ich genaue Kopie. Die Kopie enthält nicht nur das Bild, sondern auch eine Kopie der Maske und des Ebenenstils "Äußeres Leuchten", sodass wir selbst keine weitere Maske oder ein anderes äußeres Leuchten hinzufügen müssen. Alles ist schon für uns da. Da der Ebeneninhalt und die Ebenenmaske auf "Ebene 1" nicht verknüpft waren, sind sie auch nicht auf der Kopie verknüpft, was genau das ist, was wir wollen.
Schritt 8: Verschieben Sie die Ebenenmaske an eine neue Position, um das zweite Quadrat zu erstellen
Ich nehme mein Verschieben-Werkzeug aus der Werkzeuge-Palette:
Wählen Sie das Verschieben-Werkzeug aus der Werkzeuge-Palette.
Ich könnte auch V auf meiner Tastatur drücken, um es auszuwählen. Dann klicke ich in der Ebenen-Palette auf die Miniaturansicht der Maske der duplizierten Ebene, um sie auszuwählen, und stelle sicher, dass die Maske ausgewählt ist und nicht die Ebene selbst. Das Miniaturbild der Maske ist mit einem Markierungsfeld versehen, um anzuzeigen, dass es ausgewählt ist:
Klicken Sie in der Ebenen-Palette auf die Miniatur der Ebenenmaske, um sie auszuwählen. Es wird ein Markierungsfeld angezeigt, um anzuzeigen, dass es ausgewählt ist.
Wenn die Ebenenmaske ausgewählt ist, klicke ich einfach in das Dokumentfenster und ziehe die Maske an eine neue Position, um das zweite Quadrat zu erstellen. Ich ziehe es nach links unten, sodass die obere rechte Ecke die untere linke Ecke des ursprünglichen Quadrats überlappt:
Ziehen Sie die Maske an eine neue Stelle im Bild, um das zweite Quadrat zu erstellen.
Ich habe jetzt zwei Quadrate, und wenn Sie in die obere rechte Ecke des gerade erstellten Quadrats schauen, können Sie das weiße äußere Leuchten sehen, das die Kanten des Quadrats definiert.
Schritt 9: Fahren Sie mit dem Duplizieren der Ebene fort und ziehen Sie die Maske, um weitere Quadrate zu erstellen
An dieser Stelle müssen nur die letzten beiden Schritte wiederholt werden, bis die Hauptbereiche des Bildes innerhalb der Quadrate sichtbar sind. Drücken Sie also zuerst Strg + J (Win) / Befehl + J (Mac), um die Ebene zu duplizieren. Dann, und dieser Teil ist sehr wichtig, klicken Sie auf die Ebenenmasken-Miniaturansicht der neu erstellten Ebene, um sicherzustellen, dass Sie die Maske ausgewählt haben und nicht den Ebeneninhalt. Wenn Sie versuchen, die Maske zu ziehen, um ein neues Quadrat zu erstellen, und stattdessen das Bild innerhalb des Quadrats bewegt wird, haben Sie die Ebene selbst versehentlich ausgewählt. In diesem Fall drücken Sie Strg + Z (Win) / Befehl + Z (Mac), um den Vorgang rückgängig zu machen. Klicken Sie dann auf die Ebenenmasken-Miniaturansicht und versuchen Sie es erneut.
Fahren Sie mit dem Duplizieren der Ebene fort, wählen Sie die Maske aus und ziehen Sie sie an eine neue Stelle im Bild, bis alle wichtigen Bereiche des Bildes angezeigt werden. Es ist in Ordnung, die Quadrate zu überlappen, und haben Sie auch keine Angst, gelegentlich einen leeren Raum zwischen ihnen zu lassen. Es trägt nur zum Effekt bei.
Ich werde fortfahren, die Ebene zu duplizieren und die Maske zu verschieben, bis alle vier Personen auf dem Foto innerhalb der Quadrate angezeigt werden. Hier ist mein Bild, nachdem ich genug Quadrate erstellt habe, um den Rest des Jungen in das Bild zu bringen:
Das Bild nach dem Hinzufügen von genügend Quadraten, um den Jungen auf der linken Seite in Sicht zu bringen.
Nachdem ich mehr Ebenen dupliziert und die Masken verschoben habe, um mehr Quadrate zu erstellen, habe ich die Mutter und den jüngeren Bruder des Jungen in den Effekt gebracht:
Nachdem Sie weitere Felder hinzugefügt haben, sind die Mutter und der jüngere Bruder des Jungen jetzt sichtbar.
Schließlich habe ich genügend Quadrate hinzugefügt, um alle Hauptbereiche des Fotos sichtbar zu machen. Ich habe auch dafür gesorgt, dass die Gesichter aller vier Personen auf dem Foto gut sichtbar sind und nicht von den Rändern von Quadraten in Scheiben geschnitten werden. Das wäre einfach falsch:
Es wurden jetzt genügend Quadrate hinzugefügt, um die Hauptbereiche des Fotos sichtbar zu machen.
Schritt 10: Eine weitere Ebene duplizieren und die Größe des Quadrats auf 50% reduzieren
Der Hauptteil des Effekts ist jetzt abgeschlossen, und für die Aufzeichnung habe ich jetzt insgesamt 36 Quadrate im Bild. Sie haben vielleicht mehr, Sie haben vielleicht weniger. Es hängt wirklich davon ab, welches Bild Sie verwenden und wie viele Quadrate Sie für nötig halten, bevor der Effekt "richtig" aussieht. Ich werde den Effekt beenden, indem ich ein paar kleinere Quadrate in die Ecken und um die Außenkanten füge.
Dazu dupliziere ich eine weitere Ebene mit Strg + J (Windows / Befehl + J (Mac)) und klicke dann auf die Ebenenmaske, um sie auszuwählen, so wie ich es bereits 36 Mal getan habe. Anstatt nur die Maske zu bewegen, um ein weiteres Quadrat zu erstellen, drücke ich diesmal Strg + T (Win) / Befehl + T (Mac), um das Feld „ Free Transform “ und die Griffe von Photoshop aufzurufen, und dann I Ich ziehe einen der Eckpunkte nach innen, um die Größe des Quadrats um etwa 50% zu verringern. Wenn ich den Punkt nach innen ziehe, halte ich Umschalt + Alt (Win) / Umschalt + Wahltaste (Mac) gedrückt., wodurch die Maske auf ein perfektes Quadrat beschränkt wird und Photoshop angewiesen wird, die Größe des Quadrats von seiner Mitte aus zu ändern:
Verwenden Sie "Freie Transformation", um die Größe der quadratischen Maske um ca. 50% zu reduzieren.
Sobald ich die Größe des Quadrats auf ungefähr die Hälfte seiner ursprünglichen Größe geändert habe, drücke ich die Eingabetaste (Win) / die Eingabetaste (Mac), um die Transformation zu akzeptieren, und verwende dann wie bei den anderen Quadraten die Verschieben Sie das Werkzeug, um es an eine neue Position zu ziehen, diesmal um den äußeren Rand der Collage herum:
Verwenden Sie das Verschieben-Werkzeug, um das kleinere Quadrat an eine beliebige Stelle entlang der Außenkante der Collage zu ziehen.
Schritt 11: Fügen Sie weitere kleinere Quadrate um die äußeren Ränder der Collage hinzu
Duplizieren Sie die Ebene weiterhin mit der kleineren quadratischen Maske und verschieben Sie die kleineren Quadrate an die Außenkanten der Collage. Fügen Sie so viele hinzu, wie Sie benötigen, damit der Effekt für Sie "richtig" aussieht. Ist hier meins, nachdem Sie einige kleinere Quadrate um die Ränder hinzugefügt haben. Ich habe auch einige hier und da im Hauptteil des Bildes hinzugefügt, um ein wenig Abwechslung hinzuzufügen:
Das Bild nach dem Hinzufügen von genügend Quadraten, um den Jungen auf der linken Seite in Sicht zu bringen.
Schritt 12: Alle quadratischen Maskenebenen zu einer zusammenführen
Nachdem ich alle meine kleineren Quadrate zum Bild hinzugefügt habe, habe ich jetzt insgesamt 56 Quadrate, was bedeutet, dass ich 56 Ebenen habe, die eine quadratische Maske enthalten. Ich möchte den Effekt vervollständigen, indem ich der Collage einen Schlagschatten hinzufüge, aber das kann ich nicht so einfach, wenn die Collage aus 56 separaten Ebenen besteht. Ich muss sie alle auf einer Ebene zusammenführen. Dazu klicke ich in meiner Ebenen-Palette auf die oberste Ebene, um sie auszuwählen. Dann scrolle ich ganz nach unten und drücke bei gedrückter Umschalttaste auf "Ebene 1". Dies ist die Ebene, mit der die gesamte Collage begonnen hat. Dadurch werden alle quadratischen Maskenebenen gleichzeitig ausgewählt (alle werden in der Ebenen-Palette ausgewählt).
Wenn Sie alle ausgewählt haben, drücken Sie Strg + E (Win) / Befehlstaste + E (Mac), um alle auf einer einzigen Ebene über der weiß gefüllten Ebene zusammenzuführen. Sie haben jetzt nur drei Ebenen in der Ebenen-Palette - die Hintergrundebene, die weiß gefüllte Ebene und die zusammengeführte Ebene:
In der Ebenen-Palette werden jetzt nur noch drei Ebenen angezeigt, einschließlich der neu zusammengeführten Ebene oben.
Schritt 13: Fügen Sie einen Schlagschatten hinzu, um den Effekt abzuschließen
Klicken Sie bei ausgewählter zusammengeführter Ebene erneut auf das Symbol Neue Anpassungsebene am unteren Rand der Ebenen-Palette, und wählen Sie diesmal Schlagschatten aus der Liste aus:
Klicken Sie bei ausgewählter zusammengeführter Ebene auf das Symbol "Neue Anpassungsebene" und wählen Sie "Schlagschatten".
Dadurch wird das Dialogfeld „Ebenenstil“ von Photoshop wiederhergestellt. Dieses Mal sind die Optionen für „Schlagschatten“ aktiviert. Die einzige Option, die ich ändern werde, ist die Deckkraft . Ich möchte nur einen subtilen Schlagschatten, nichts, was die Aufmerksamkeit von der Collage selbst ablenkt, also werde ich den Opazitätswert bis auf 25% senken:
Verringern Sie den Opazitätswert des Schlagschattens, damit er subtiler ist.
Klicken Sie auf OK, um das Dialogfeld Ebenenstil zu schließen. Fertig! Hier ist mein letzter "Collage of Squares" -Effekt:
Der endgültige Effekt.
Und da haben wir es! Mit Photoshop können Sie ein Foto in eine Collage aus Quadraten verwandeln! Weitere Tutorials zu Photoshop-Effekten finden Sie in unserem Abschnitt zu Fotoeffekten.