In diesem Tutorial zu Photoshop-Grundlagen erfahren Sie, wie Sie interessante Textlayouts mit benutzerdefinierten Formen als Textrahmen erstellen. Mit anderen Worten, wir werden eine Form mit einer der in Photoshop enthaltenen benutzerdefinierten Formen zeichnen, aber anstatt die Form wie gewohnt mit Farbe zu füllen, füllen wir sie mit Text!
Hier ist ein Beispiel für den Effekt, den wir erstellen lernen. Das Hintergrundbild (ohne Text) ist in der Fotolia- Bilddatenbank verfügbar. Natürlich können Sie auch ein anderes Bild verwenden oder einfach ein neues Photoshop-Dokument mit weißem Hintergrund erstellen.
Eine Herzform, leicht gedreht und mit Text gefüllt.
Lass uns anfangen!
Schritt 1: Wählen Sie das benutzerdefinierte Formwerkzeug aus
Wählen Sie im Bedienfeld „Werkzeuge“ das benutzerdefinierte Formwerkzeug von Photoshop aus. Standardmäßig versteckt es sich hinter dem Rechteck-Werkzeug. Klicken Sie also auf das Symbol des Rechteck-Werkzeugs und halten Sie die Maustaste ein oder zwei Sekunden lang gedrückt, bis ein Flyout-Menü mit einer Liste der anderen an dieser Stelle verfügbaren Werkzeuge angezeigt wird. Wählen Sie dann das aus Benutzerdefiniertes Formwerkzeug aus der Liste:
Klicken Sie auf das Rechteck-Werkzeug und halten Sie die Maustaste gedrückt. Wählen Sie dann das benutzerdefinierte Form-Werkzeug aus dem Menü.
Schritt 2: Wählen Sie eine Form
Klicken Sie bei ausgewähltem benutzerdefinierten Formwerkzeug in der Optionsleiste am oberen Bildschirmrand auf die Miniaturansicht der Formvorschau:
Das Vorschaubild zeigt die aktuell ausgewählte Form an.
Dadurch wird die Formauswahl von Photoshop geöffnet, in der kleine Miniaturansichten aller benutzerdefinierten Formen angezeigt werden, aus denen wir auswählen können. Um eine Form auszuwählen, klicken Sie einfach auf die Miniaturansicht. Ich werde die Herzform wählen. Sobald Sie eine Form ausgewählt haben, drücken Sie die Eingabetaste (Windows) / Eingabetaste (Mac), um die Formauswahl zu schließen:
Auswahl der Herzform durch Klicken auf die Miniaturansicht.
Schritt 3: Wählen Sie die Option "Pfade"
Ganz links in der Optionsleiste befindet sich eine Reihe von drei Symbolen, die jeweils eine andere Art von Form darstellen, die wir zeichnen können. In Photoshop können wir normale Formen, Pfade oder pixelbasierte Formen zeichnen. Um eine Form als Container für unseren Text zu verwenden, möchten wir einen Pfad zeichnen, der im Wesentlichen ein Umriss der Form ist. Wir werden unseren Text innerhalb der Gliederung platzieren. Klicken Sie auf die Mitte der drei Symbole, um die Option Pfade auszuwählen:
Klicken Sie auf die Option Pfade (das mittlere der drei Symbole).
Schritt 4: Zeichnen Sie Ihre Form
Klicken Sie mit der Option Pfade in der Optionsleiste in Ihr Dokument und ziehen Sie Ihre Form heraus. Beim Ziehen wird Ihre Form als dünner Umriss angezeigt. Sie können beim Ziehen die Umschalttaste gedrückt halten, um die ursprüngliche Form beim Zeichnen beizubehalten. Wenn Sie die Form beim Zeichnen neu positionieren müssen, halten Sie die Leertaste gedrückt, ziehen Sie die Form an die gewünschte Stelle im Dokument, lassen Sie die Leertaste los und ziehen Sie weiter. Hier habe ich meine Herzform in den oberen rechten Bereich des Bildes gezeichnet:
Klicken und ziehen Sie Ihre Form in das Dokument. Es wird als Umriss angezeigt.
Schritt 5: Den Pfad umformen, drehen oder verschieben (optional)
Wenn Sie den Pfad (die Formkontur) umformen oder drehen oder an eine andere Stelle verschieben müssen, rufen Sie am einfachsten das Menü Bearbeiten in der Menüleiste oben auf dem Bildschirm auf und wählen Sie Frei Pfad transformieren . Sie können auch Strg + T (Win) / Befehl + T (Mac) drücken, um denselben Befehl schnell über die Tastenkombination auszuwählen:
Gehen Sie zu Bearbeiten> Pfad für freie Transformation.
Dadurch werden die Ziehpunkte und der Begrenzungsrahmen des freien Transformationspfads um die Form gelegt. Klicken Sie zum Umformen einfach auf einen der Ziehpunkte (die kleinen Quadrate) um den Begrenzungsrahmen und ziehen Sie sie. Um die Größe der Form zu ändern, halten Sie die Umschalttaste gedrückt und ziehen Sie einen der vier Eckpunkte . Bewegen Sie zum Drehen den Cursor an eine beliebige Stelle außerhalb des Begrenzungsrahmens und klicken und ziehen Sie ihn mit der Maus. Klicken Sie zum Verschieben der Form auf eine beliebige Stelle innerhalb des Begrenzungsrahmens und ziehen Sie sie.
Ich drehe meine Herzform ein wenig, damit die Kurve auf der linken Seite besser mit dem Layout der Blumen übereinstimmt:
Drehen der Form mit "Pfad frei transformieren".
Drücken Sie die Eingabetaste (Win) / Return (Mac), wenn Sie fertig sind, um die Änderungen zu akzeptieren und den Befehl "Free Transform Path" zu beenden:
Die Kontur wird jetzt gedreht angezeigt.
Schritt 6: Wählen Sie das Textwerkzeug
Jetzt, da wir unseren Weg gefunden haben, können wir unseren Text hinzufügen! Wählen Sie im Bedienfeld „ Werkzeuge“ das Textwerkzeug aus:
Wählen Sie das Textwerkzeug.
Schritt 7: Wählen Sie Ihre Schriftart
Wählen Sie in der Optionsleiste die Schriftart aus, die Sie für Ihren Text verwenden möchten. Für mein Design verwende ich Palatino Italic (12 Punkte):
Wählen Sie Ihre Schriftart in der Optionsleiste.
Um eine Farbe für meinen Text auszuwählen, klicke ich in der Optionsleiste auf das Farbfeld :
Klicken Sie auf das Farbfeld, um eine Farbe für Ihren Text auszuwählen.
Dadurch wird Photoshops Farbwähler geöffnet. In der Farbauswahl wähle ich ein dunkles Grün, das der Farbe der Blumen in meinem Bild entspricht. Wenn Sie eine Farbe ausgewählt haben, klicken Sie auf OK, um die Farbauswahl zu schließen:
Wählen Sie in der Farbauswahl eine Farbe für Ihren Text.
Schritt 8: Öffnen Sie das Absatzfenster
Klicken Sie in der Optionsleiste rechts neben dem Farbfeld auf das Umschalt- Symbol für das Zeichen- / Absatzbedienfeld:
Das Umschalt-Symbol öffnet und schließt das Zeichen- und Absatzfenster.
Dadurch werden die standardmäßig ausgeblendeten Zeichen- und Absatzfenster von Photoshop geöffnet. Wählen Sie das Absatzbedienfeld aus, indem Sie oben in der Bedienfeldgruppe auf die Registerkarte mit dem Namen klicken:
Klicken Sie auf die Registerkarte des Absatzbedienfelds.
Schritt 9: Wählen Sie die Option "Zentriert ausrichten"
Klicken Sie im nun geöffneten Absatzbedienfeld auf die Option „ Zentriert ausrichten“, um sie auszuwählen. Dies erleichtert es dem hinzuzufügenden Text, die gesamte Breite der Form auszufüllen. Wenn Sie fertig sind, klicken Sie erneut auf das Umschalt-Symbol in der Optionsleiste, um die Zeichen- und Absatzfelder auszublenden, da wir sie nicht mehr benötigen:
Wählen Sie die Option "Zentriert ausrichten".
Schritt 10: Fügen Sie Ihren Text hinzu
Jetzt müssen wir nur noch unseren Text hinzufügen. Bewegen Sie den Cursor des Textwerkzeugs an eine beliebige Stelle innerhalb der Form. Um das Cursorsymbol wird eine gepunktete Ellipse angezeigt. Auf diese Weise teilt Photoshop uns mit, dass wir unseren Text in den Pfad einfügen werden:
Um das Cursorsymbol wird eine gepunktete Ellipse angezeigt, wenn Sie es innerhalb der Form bewegen.
Klicken Sie auf eine beliebige Stelle in der Form und geben Sie Ihren Text ein. Während der Eingabe sehen Sie, dass der Text auf den Bereich innerhalb des Pfads beschränkt ist:
Während der Eingabe bleibt der Text innerhalb der Grenzen der Form.
Fügen Sie weiteren Text hinzu, bis Sie den Formbereich ausgefüllt haben:
Die Form ist jetzt mit Text gefüllt.
Schritt 11: Klicken Sie auf das Häkchen, um Ihren Text zu akzeptieren
Wenn Sie mit dem Hinzufügen Ihres Texts fertig sind, klicken Sie auf das Häkchen in der Optionsleiste, um ihn zu akzeptieren und den Textbearbeitungsmodus von Photoshop zu beenden:
Klicken Sie auf das Häkchen, um den Text zu akzeptieren.
Der Text wurde nun hinzugefügt und füllt den Formbereich gut aus, aber wir können immer noch den Pfadumriss sehen:
Der Pfad um den Text bleibt sichtbar.
Klicken Sie zum Ausblenden des Pfadumrisses im Ebenenbedienfeld einfach auf eine andere Ebene. In meinem Fall enthält mein Dokument nur zwei Ebenen - die Textebene, in der sich mein Text befindet (der gerade ausgewählt ist), und die Hintergrundebene darunter, in der sich mein Hintergrundbild befindet. Klicken Sie also auf die Hintergrundebene, um sie auszuwählen:
Der Pfad ist sichtbar, wenn die Textebene aktiv ist. Wählen Sie eine andere Ebene aus, um sie auszublenden.
Und damit sind wir fertig! Der von mir hinzugefügte Text hat mir vielleicht keine literarischen Auszeichnungen eingebracht, aber wir haben jetzt gesehen, wie einfach es ist, die benutzerdefinierten Formen von Photoshop als Container für Text zu verwenden:
Das Endergebnis.