In diesem Tutorial zu Photoshop Effects erfahren Sie, wie Sie ein einfaches Fotorahmen-Layout im Galeriestil erstellen, das eine Textbeschriftung enthält, als wäre das Foto in einer Kunstgalerie zu sehen. Dies kann eine sehr elegante und elegante Art sein, Ihre Arbeit zu präsentieren, und das Erstellen des Layouts ist einfach.
So sieht das Endergebnis aus (natürlich unterscheiden sich Ihre Bild- und Textunterschriften):
Das endgültige Fotorahmen-Layout im Galeriestil.
So erstellen Sie einen Fotorahmen im Galeriestil
Schritt 1: Erstellen Sie ein neues Dokument
Beginnen wir mit der Erstellung eines neuen 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. Ich möchte, dass mein endgültiges Layout im Querformat im Format 8 x 10 gedruckt wird. Geben Sie daher für die Breite einen Wert von 10 Zoll und für die Höhe einen Wert von 8 Zoll ein (stellen Sie sicher, dass Sie den Maßtyp auf Zoll und nicht auf Pixel festlegen ). Die Abmessungen, die Sie für Ihr Layout benötigen, können unterschiedlich sein. Da ich möchte, dass es in hoher Qualität gedruckt wird, gebe ich eine Auflösung von 240 Pixel / Zoll ein . Stellen Sie schließlich den Hintergrundinhalt auf Weiß ein, wodurch der Hintergrund des neuen Dokuments mit Weiß gefüllt wird, obwohl wir ihn gleich ändern werden (so bleiben wir nur auf der gleichen Seite):
Legen Sie die Breite, Höhe, Auflösung und Hintergrundfarbe im Dialogfeld "Neues Dokument" fest.
Klicken Sie auf OK, um das Dialogfeld zu schließen. Ein neues, mit Weiß gefülltes Dokument wird auf Ihrem Bildschirm angezeigt.
Schritt 2: Füllen Sie das neue Dokument mit Schwarz
Wenn unser neues Dokument erstellt ist, füllen wir es mit Schwarz, das die Hintergrundfarbe des Layouts wird. Gehen Sie zum Menü Bearbeiten am oberen Bildschirmrand und wählen Sie Ausfüllen :
Gehen Sie zu Bearbeiten> Ausfüllen.
Das Dialogfeld Füllen wird geöffnet. Setzen Sie die Option " Verwenden" oben im Dialogfeld auf " Schwarz" :
Setzen Sie die Option Verwenden auf Schwarz.
Klicken Sie auf "OK", um das Dialogfeld zu schließen. Photoshop füllt das Dokument mit schwarzer Farbe:
Schwarz ist jetzt die Hintergrundfarbe für das Layout.
Schritt 3: Fügen Sie eine neue leere Ebene hinzu und nennen Sie sie "Fotobereich"
Fügen Sie unserem Dokument eine neue leere Ebene hinzu, indem Sie unten im Ebenenbedienfeld auf das Symbol Neue Ebene klicken:
Klicken Sie auf das Symbol Neue Ebene.
Dadurch wird über der Hintergrundebene im Ebenenbedienfeld eine neue leere Ebene hinzugefügt, die von Photoshop automatisch als "Ebene 1" bezeichnet wird. Doppelklicken Sie direkt auf den Namen "Layer 1" und ändern Sie den Namen in Fotobereich . Drücken Sie die Eingabetaste (Win) / Return (Mac), wenn Sie die Namensänderung akzeptiert haben:
Doppelklicken Sie auf den Namen der neuen Ebene und ändern Sie ihn in "Fotobereich".
Schritt 4: Ziehen Sie eine Auswahl um den Hauptfotobereich
Wir müssen eine Auswahl um den Bereich ziehen, in dem das Foto angezeigt werden soll. Wählen Sie im Bedienfeld „ Werkzeuge“ das Auswahlrechteck aus:
Wählen Sie das Auswahlrechteck.
Wenn das Auswahlrechteck-Auswahlwerkzeug ausgewählt ist, ändert sich die Optionsleiste am oberen Bildschirmrand und zeigt Optionen speziell für dieses Werkzeug an. Ich werde mein Layout so gestalten, dass ein Foto mit einem Standard-Seitenverhältnis von 4x6 im Querformat angezeigt wird. Dazu ändere ich zuerst die Option Stil in der Optionsleiste auf Festes Verhältnis und gebe dann 6 für die Breite und 4 für die Höhe ein (das gewünschte Seitenverhältnis für Ihren Fotobereich kann unterschiedlich sein). :
Ändern Sie die Option Stil in Festes Verhältnis, und geben Sie 6 als Breite und 4 als Höhe ein.
Dann klicke ich ungefähr einen Zentimeter von der oberen linken Ecke des Dokuments entfernt und ziehe eine Auswahl heraus, die der Bereich wird, in dem das Foto angezeigt wird. Beim Ziehen sperrt Photoshop die Auswahl auf das in der Optionsleiste festgelegte Seitenverhältnis:
Ziehen Sie eine Auswahl um den Bereich, in dem das Foto angezeigt wird.
Schritt 5: Füllen Sie die Auswahl mit Grau
Gehen Sie mit der Auswahl in das Menü Bearbeiten und wählen Sie erneut Füllen . Wenn dieses Mal das Dialogfeld „Füllen“ angezeigt wird, setzen Sie die Option „ Verwenden “ auf 50% Grau :
Stellen Sie die Verwendung auf 50% Grau ein.
Klicken Sie auf OK, und Photoshop füllt den Fotobereich mit Grau. Drücken Sie Strg + D (Win) / Befehl + D (Mac), um die Auswahlkontur zu entfernen:
Der Fotobereich ist jetzt grau ausgefüllt.
Schritt 6: Richten Sie den Fotobereich horizontal am Dokument aus
Bevor wir fortfahren, vergewissern wir uns, dass unser Fotobereich horizontal zum Dokument ausgerichtet ist. Drücken Sie auf Ihrer Tastatur die Tastenkombination Strg + A (Windows) / Befehlstaste + A (Mac), um sofort das gesamte Dokument auszuwählen (um die Ränder des Dokumentfensters wird eine Auswahlkontur angezeigt). Drücken Sie den Buchstaben V auf Ihrer Tastatur, um schnell das Verschieben-Werkzeug von Photoshop auszuwählen. Klicken Sie dann bei ausgewähltem Verschieben-Werkzeug in der Optionsleiste auf die Option Horizontale Zentren ausrichten:
Verwenden Sie die Option Horizontale Mitten ausrichten, um den Fotobereich am Dokument auszurichten.
Wenn sich Ihr Fotobereich horizontal etwas außerhalb der Mitte befand, richtet Photoshop ihn perfekt am Dokument aus. Drücken Sie Strg + D (Windows) / Befehl + D (Mac), wenn Sie die Auswahl des Dokuments aufgehoben haben.
Schritt 7: Fügen Sie einen dünnen weißen Rand hinzu
Fügen wir einen dünnen weißen Rand um den Fotobereich hinzu. Dazu verwenden wir einen der Ebenenstile von Photoshop. Klicken Sie unten im Ebenenbedienfeld auf das Symbol „Ebenenstile“:
Klicken Sie auf das Symbol Ebenenstile.
Wählen Sie dann unten in der Liste die Option Strich :
Wählen Sie Strich aus der Liste.
Dadurch wird das Dialogfeld „Ebenenstil“ von Photoshop geöffnet, das auf die Konturoptionen in der mittleren Spalte eingestellt ist. Klicken Sie zunächst auf das Farbfeld rechts neben dem Wort Farbe, um den Farbwähler zu öffnen, und wählen Sie Weiß als Farbe für den Strich aus. Klicken Sie auf OK, um den Farbwähler zu schließen, wenn Sie fertig sind. Ändern Sie dann die Position des Strichs in Innen . Passen Sie abschließend die Größe des Strichs an, indem Sie den Größenregler nach rechts ziehen. Während Sie den Schieberegler ziehen, wird im Dokumentfenster eine Live-Vorschau der Strichgröße angezeigt. Da wir einen dünnen Rand wünschen, setze ich die Größe meines Strichs auf 4 px :
Ändern Sie die Farbe des Strichs in Weiß und die Position in Innen. Passen Sie dann die Strichgröße mit dem Schieberegler an.
Klicken Sie auf OK, um das Dialogfeld Ebenenstil zu schließen. Ein dünner weißer Strich wird jetzt um den Fotobereich im Dokumentfenster angezeigt (der Grund, warum wir den Fotobereich zuvor mit Grau und nicht Weiß gefüllt haben, war, dass wir den weißen Rand sehen können):
Der erste von zwei weißen Rändern wird angezeigt. Wir werden gleich eine zweite hinzufügen.
Schritt 8: Erstellen Sie eine Kopie der Fotobereichsebene
Drücken Sie bei ausgewählter Fotobereichsebene im Ebenenbedienfeld (ausgewählte Ebenen werden blau hervorgehoben) Strg + J (Windows) / Befehlstaste + J (Mac) auf Ihrer Tastatur, um eine Kopie der Ebene zu erstellen, die Photoshop über der Ebene platziert Original. Beachten Sie, dass der Konturenlayerstil auch kopiert wird:
Photoshop nennt die neue Ebene automatisch "Fotobereichskopie".
Schritt 9: Benennen Sie die Ebene um und ziehen Sie sie zwischen die beiden ursprünglichen Ebenen
Doppelklicken Sie direkt auf den Namen "Fotobereichskopie" und ändern Sie den Ebenennamen in " Rand", da wir in Kürze einen äußeren Rand zum Fotobereich hinzufügen werden. Drücken Sie die Eingabetaste (Win) / Return (Mac), um die Namensänderung zu akzeptieren. Klicken Sie dann im Ebenenbedienfeld auf die Randebene und ziehen Sie sie bei gedrückter Maustaste zwischen die Hintergrundebene und die Fotobereichsebene. Lassen Sie die Maustaste los, um sie einzufügen, wenn eine Markierungsleiste zwischen den beiden Ebenen angezeigt wird:
Ziehen Sie die neue Ebene zwischen die ursprünglichen beiden.
Schritt 10: Senken Sie die Füllung der Randebene auf 0%
Wir werden den grau gefüllten Bereich auf der Randebene verwenden, um dem Foto einen zweiten, dickeren Strich hinzuzufügen. Das Problem ist, dass wir nicht möchten, dass der graue Bereich auf dieser Ebene sichtbar ist. Wir wollen nur den weißen Strich sehen können. Um das Grau auszublenden und nur den Strich sichtbar zu halten, senken Sie einfach die Füllung für die Randebene auf 0% . Füllen verbirgt den Inhalt einer Ebene, lässt jedoch alle Ebenenstile sichtbar. Die Option „Füllen“ befindet sich direkt unter der Option „Deckkraft“ oben im Ebenenbedienfeld. Im Dokumentfenster scheint sich jedoch noch nichts geändert zu haben, da die Fotobereichsebene die Ansicht der Rahmenebene blockiert:
Setzen Sie die Füllung auf 0%, um das Grau auszublenden, ohne den Strich zu verbergen.
Schritt 11: Verwenden Sie Free Transform, um Platz um den Fotobereich hinzuzufügen
Wenn die Füllrate auf 0% festgelegt ist, drücken Sie Strg + T (Win) / Befehl + T (Mac), um das Feld „ Kostenlose Transformation “ von Photoshop aufzurufen und den grauen Bereich auf der Randebene zu umrahmen. Halten Sie die Alt (Win) / Wahltaste (Mac) gedrückt, klicken Sie auf den linken oder rechten Ziehpunkt (das kleine Quadrat) und ziehen Sie es bei gedrückter Maustaste nach außen, um auf beiden Seiten etwas Platz dazwischen zu schaffen der zweite Strich und der graue Fotobereich. Beachten Sie, dass nur der weiße Strich selbst sichtbar ist. Das Grau auf der Randebene ist nicht sichtbar, sodass zwischen diesem zweiten weißen Strich und dem Original ein schwarzer Bereich (der von der Hintergrundebene durchscheint) verbleibt.
Halten Sie die Alt- / Wahltaste gedrückt, und ziehen Sie den oberen oder unteren Griff nach außen, um zwischen dem zweiten Strich und dem oberen und unteren Rand des grauen Fotobereichs den gleichen Abstand zu schaffen:
Verwenden Sie die Option „Frei transformieren“, um zwischen dem zweiten Strich und dem Fotobereich einen Abstand hinzuzufügen.
Drücken Sie die Eingabetaste (Win) / Return (Mac), wenn Sie die Umwandlung akzeptiert haben.
Schritt 12: Erhöhen Sie die Dicke des äußeren Randes
Doppelklicken Sie im Ebenenbedienfeld auf das Wort „ Kontur“ unter der Randebene:
Alle auf einer Ebene verwendeten Ebenenstile werden direkt darunter aufgelistet.
Dadurch wird das Dialogfeld „Ebenenstil“ erneut geöffnet, und in der mittleren Spalte befinden sich wieder die Konturoptionen. Lassen Sie uns den äußeren Rand etwas dicker machen als den ursprünglichen, indem Sie den Größenregler weiter nach rechts ziehen. Auch hier können Sie eine Live-Vorschau des Strichs im Dokumentfenster sehen, während Sie den Schieberegler ziehen. Ich werde meine äußere Strichgröße auf 12 px erhöhen. Lassen Sie alle anderen Optionen gleich:
Erhöhen Sie die Größe des zweiten Strichs, um einen dickeren äußeren Rand zu erhalten.
Klicken Sie auf OK, um das Dialogfeld Ebenenstil wieder zu schließen. Wir haben jetzt einen dünnen Rand direkt um den Fotobereich und einen dickeren Rand außen, der unseren Grundrahmen vervollständigt:
Der Fotobereich und der einfache doppelte Rahmen sind jetzt vorhanden.
Schritt 13: Öffnen Sie das Foto, das Sie anzeigen möchten
Es ist Zeit, unser Foto zum Fotobereich hinzuzufügen! Öffnen Sie das Foto, das Sie anzeigen möchten. Es wird in einem separaten Dokumentfenster angezeigt. Hier ist das Bild, das ich verwenden werde:
Öffnen Sie das Bild, das im Fotobereich angezeigt wird.
Schritt 14: Wählen und kopieren Sie das Bild
Drücken Sie Strg + A (Windows) / Befehlstaste + A (Mac), um schnell das gesamte Foto auszuwählen. Drücken Sie dann Strg + C (Win) / Befehl + C (Mac), um es in die Zwischenablage zu kopieren.
Schritt 15: Wählen Sie die Fotobereichsebene aus
Wechseln Sie nach dem Kopieren des Fotos in die Zwischenablage wieder in das ursprüngliche Dokumentfenster (das Galerie-Fotorahmen-Layout) und klicken Sie im Ebenenbedienfeld auf die Fotobereichsebene, um sie auszuwählen:
Wählen Sie die Fotoflächenebene aus.
Schritt 16: Fügen Sie das Foto in das Dokument ein
Drücken Sie Strg + V (Win) / Befehl + V (Mac), um das Foto, das wir vor kurzem in die Zwischenablage kopiert haben, in das Dokument einzufügen. Photoshop platziert das Foto automatisch auf einer eigenen Ebene direkt über der jeweils ausgewählten Ebene (weshalb wir zuerst die Ebene für den Fotobereich ausgewählt haben), wie im Ebenenbedienfeld zu sehen ist. Photoshop nannte die Fotoebene "Ebene 1", was in Ordnung ist. Keine Notwendigkeit, es umzubenennen:
Das Foto wird auf einer eigenen Ebene direkt über der Fotoflächenebene angezeigt.
Wenn wir jedoch in das Dokumentfenster schauen, sehen wir, dass das Bild derzeit zu groß ist, um in den Fotobereich zu passen, und es für die Ansicht blockiert:
Das Foto ist derzeit zu groß, um in den Bereich zu passen, in dem es angezeigt wird.
Schritt 17: Erstellen Sie eine Schnittmaske
Wir brauchen eine Möglichkeit, um das Bild in den Fotobereich einzupassen, und wir können dies mit einer Schnittmaske tun. Klicken Sie zunächst im Ebenenbedienfeld auf die Ebene, die das Foto enthält („Ebene 1“), um es auszuwählen. Gehen Sie dann zum Menü Ebene oben auf dem Bildschirm und wählen Sie Schnittmaske erstellen :
Wählen Sie die Fotoebene im Ebenenbedienfeld aus und gehen Sie zu Ebene> Schnittmaske erstellen.
Die Fotoebene wird im Ebenenbedienfeld nach rechts eingerückt, sodass wir wissen, dass sie jetzt auf der darunter liegenden Ebene "abgeschnitten" ist:
Die Fotoflächenebene wird jetzt als Maske für das Bild verwendet.
Dank der Schnittmaske ist im Dokumentfenster nur noch der Bereich des Bildes sichtbar, der direkt über dem grauen Fotobereich darunter liegt. Bereiche außerhalb der Grenzen des Fotobereichs werden ausgeblendet:
Nur der Bereich des Fotos direkt über dem Fotobereich darunter bleibt sichtbar.
Schritt 18: Ändern Sie die Größe und positionieren Sie das Foto mit Free Transform neu
Soweit so gut, aber mein Bild ist immer noch zu groß, um vollständig in die kleineren Grenzen des Fotobereichs zu passen, und es muss neu positioniert werden. Mit Free Transform können wir beides tun. Drücken Sie erneut Strg + T (Win) / Befehl + T (Mac), um das Feld und die Ziehpunkte für die freie Transformation anzuzeigen, diesmal um das Foto herum. Halten Sie die Umschalttaste gedrückt und ziehen Sie einen der Eckpunkte, um die Größe des Fotos nach Bedarf zu ändern, bis es in den Fotobereich passt. Um das Foto zu verschieben, klicken Sie auf eine beliebige Stelle im Feld „Frei transformieren“ und ziehen Sie das Bild an die gewünschte Position. Wenn Ihr Bild dasselbe Seitenverhältnis wie Ihr Fotobereich verwendet (wie meins), sollten Sie in der Lage sein, das gesamte Bild darin einzupassen. Wenn nicht, ändern Sie einfach die Größe des Bildes, bis so viel wie möglich sichtbar ist. Drücken Sie die Eingabetaste (Win) / Return (Mac), wenn Sie die Umwandlung akzeptiert haben:
Verwenden Sie "Frei transformieren", um das Foto zu verschieben und seine Größe zu ändern, bis es in den Fotobereich passt.
Schritt 19: Fügen Sie Ihren Text unter dem Bild hinzu
An dieser Stelle müssen Sie lediglich eine Textbeschriftung unter dem Bild einfügen. Wählen Sie im Bedienfeld „Werkzeuge“ das horizontale Textwerkzeug aus:
Wählen Sie das Textwerkzeug.
Wählen Sie bei ausgewähltem Textwerkzeug Ihre Schriftart und Schriftgröße in der Optionsleiste aus. Ich werde Trajan Pro bei 24 pt verwenden:
Wählen Sie Ihre Schriftart und Schriftgröße in der Optionsleiste.
Klicken Sie in der Optionsleiste auf das Farbfeld und wählen Sie in der Farbauswahl Weiß als Textfarbe aus. Klicken Sie abschließend links neben dem Farbfeld auf die Option Text zentrieren, um das Zentrieren des Texts im Dokument während der Eingabe zu vereinfachen:
Wählen Sie Weiß als Textfarbe und wählen Sie die Option Textausrichtung zentrieren.
Klicken Sie dann einfach mit dem Textwerkzeug in den schwarzen Bereich unterhalb der Bildmitte und fügen Sie Ihren Text hinzu. Ich werde "Steve Patterson Photography" eingeben. Sie werden wahrscheinlich etwas anderes hinzufügen wollen, es sei denn, Sie möchten mir natürlich Anerkennung für Ihre Arbeit zollen. Beachten Sie, dass die Stelle, auf die Sie mit dem Textwerkzeug geklickt haben, dank der in der Optionsleiste ausgewählten Option "Text zentrieren" zum Mittelpunkt für den Text wird, den Sie während der Eingabe eingeben:
Wenn die Option Text zentrieren ausgewählt ist, erstreckt sich der Text von der Stelle, auf die Sie geklickt haben, in beide Richtungen.
Wenn Sie fertig sind, klicken Sie auf das Häkchen in der Optionsleiste, um den Text zu akzeptieren:
Klicken Sie auf das Häkchen, um den Textbearbeitungsmodus zu beenden.
Schritt 20: Richten Sie den Text bei Bedarf horizontal aus
Gehen Sie wie in Schritt 6 beschrieben vor, um sicherzustellen, dass der Text horizontal zum Dokument ausgerichtet ist. Drücken Sie bei ausgewählter Textebene im Ebenenbedienfeld Strg + A (Windows) / Befehl + A (Mac), um die gesamte Ebene auszuwählen dokumentieren. Drücken Sie den Buchstaben V, um schnell das Verschieben-Werkzeug auszuwählen, und klicken Sie dann in der Optionsleiste auf die Option Horizontale Zentren ausrichten. Photoshop richtet den Text perfekt in der horizontalen Mitte des Dokuments aus. Drücken Sie Strg + D (Windows) / Befehl + D (Mac), wenn Sie die Auswahl des Dokuments aufgehoben haben. Wenn Sie die Auswahl aufgehoben haben, können Sie die Aufwärts- und Abwärtspfeiltaste auf Ihrer Tastatur drücken, wenn Sie den Text etwas höher oder niedriger verschieben möchten:
Verwenden Sie die Option Horizontal zentrieren erneut, um den Text am Dokument auszurichten.
Und damit sind wir fertig! Hier ist mein endgültiges Layout für einen Fotorahmen im Galeriestil:
Das Endergebnis.