So passen Sie eine Photoshop-Vorlage an

• April 26, 2024

In diesem Tutorial zu Photoshop CC erfahren Sie, wie Sie eine vordefinierte Photoshop-Vorlage anpassen. Unabhängig davon, ob es sich um eine animierte Vorlage handelt oder nicht, kann das Starten mit einer Vorlage viel Zeit sparen. Wenn Sie eine Photoshop-Vorlage für Ihre Designprojekte verwenden, wird die gesamte Designarbeit für Sie erledigt, und Sie müssen nur die generischen Designelemente ersetzen, die als Vorlage bezeichnet werden Platzhaltermit Ihren benutzerdefinierten Videos, Texten, Grafiken oder Fotos.

Mit der zunehmenden Beliebtheit von animierten Gifs und Videos können Sie eine vordefinierte animierte Vorlage verwenden, um Ihrer Website und Ihren sozialen Websites Animationen hinzuzufügen. Sie können beispielsweise ein Video in Ihren Instagram-Posts oder -Geschichten veröffentlichen und ein Video als Facebook-Cover hochladen. Sie werden überrascht sein, was Sie mit der Photoshop-Timeline-Animation erstellen können.

Es gibt viele Stellen im Web, die vorgefertigte Photoshop-Vorlagen anbieten, und es ist einfach, diese Vorlagen an Ihre spezifischen Anforderungen anzupassen. Lassen Sie uns einen Blick darauf werfen, wie Sie einige der generischen Platzhalter für Vorlagen durch Ihren eigenen Inhalt ersetzen.

Schriftarten

Das erste, was Sie möglicherweise sehen, wenn Sie die Vorlage in Photoshop öffnen, ist die Meldung über fehlende Schriftarten (siehe Screenshot). Wenn Sie die in der Vorlage verwendeten Schriftarten bereits auf Ihrem Computer installiert haben, wird diese Meldung natürlich nicht angezeigt. Die meisten in Designvorlagen verwendeten Schriftarten sind kostenlos und es gibt viele Stellen mit kostenlosen Schriftarten. Wenn Sie die fehlenden Schriftarten nicht installieren möchten, wählt Photoshop automatisch die beste Ersatzschrift aus.

Adobe hat eine neue hinzugefügt kostenlos Creative Cloud-Mitgliedschaft, die die unbegrenzte Verwendung der Schriftarten in der Basisbibliothek umfasst. In meinen Vorlagen verwende ich diese Adobe-Schriftarten gerne, da sie durch Anmeldung für eine kostenlose Adobe-ID verfügbar sind, einfach zu synchronisieren sind und die Nutzungsbedingungen sowohl für den persönlichen als auch für den kommerziellen Gebrauch sehr klar sind. Sobald Sie die fehlenden Schriftarten synchronisiert haben, werden die Schriftarten Ihrer Adobe-ID zugeordnet und sind für jede Adobe-Software verfügbar.

Live-Formen

Einige Ebenen enthalten sogenannte Vektorobjekte Live-Formen in einer Photoshop-Vorlage und ist an dem kleinen Symbol in der unteren rechten Ecke der Ebenenminiatur zu erkennen (siehe Screenshot). Normalerweise haben diese Formen eine Standardfarbe, und Sie können diese Farbe an Ihre Bedürfnisse anpassen. Durch Klicken auf die Miniaturansicht wird der Farbwähler geöffnet. Verwenden Sie einfach die Steuerelemente oder geben Sie den Farbcode ein, um eine neue Farbe festzulegen.

Ebenenstile

Ebenenstile können in Photoshop auf nahezu jede Art von Ebene angewendet werden. Sie erkennen diese Ebenen am FX-Symbol rechts neben dem Ebenennamen (siehe Screenshot).

Doppelklicken Sie zum Bearbeiten der Ebenenstile auf die Ebene, um das Fenster Ebenenstile zu öffnen. Wie Sie sehen können (siehe Screenshot), können Sie die Farbe, das Muster oder die Verlaufsüberlagerung des Objekts ändern sowie inneren Schatten, äußeres Leuchten, Schlagschatten und mehr anwenden.

Intelligente Objekte

Es gibt verschiedene Verwendungsmöglichkeiten für Photoshop Smart Objects in Entwurfsvorlagen, wobei Fotos und Videos am häufigsten verwendet werden. Smart Objects können auch Platzhalter für Logos und andere Grafiken sein, die Sie für Ihre eigene Marke ersetzen möchten. Sie erkennen diese Smart-Objekte am kleinen Symbol unten rechts in der Miniaturansicht der Ebene (siehe Screenshot). An diese intelligenten Objekte können intelligente Filter oder andere Einstellungsebenen angehängt sein.

Der Vorlagendesigner gibt Ihnen normalerweise Anweisungen zum Zweck des Smart-Objekts. Wenn beispielsweise ein Foto in einem Smart-Objekt enthalten ist, befinden sich die Anweisungen möglicherweise im Ebenennamen, z [Hintergrundbild hier]. Sobald Sie auf das Miniaturbild der Ebene doppelklicken, wird das Smart-Objekt in einer neuen .psb-temporären Datei geöffnet (siehe Screenshot). Sie bearbeiten den Inhalt des Smart Object in dieser temporären Datei. Die einfachste Methode ist das Kopieren und Einfügen des neuen Inhalts in die temporäre Datei oder das Ziehen / Ablegen des Inhalts vom Desktop oder Ordner in Photoshop. Sobald Sie die temporäre Datei gespeichert und zur Vorlage zurückgekehrt sind, wird das Smart Object aktualisiert.

Die Abmessungen der temporären Datei entsprechen der Größe des Smart-Objekts in der Vorlage. Wenn Ihr Ersatzinhalt nicht die gleichen Abmessungen hat, können Sie die Größe ändern und die Position des Inhalts innerhalb der Smart Object-Ebene ändern.

Sie können das Smart Object-Platzhalterbild durch eine Farbfüllung ersetzen. Klicken Sie im oberen Menü auf Bearbeiten - Füllen und setzen Sie den Inhalt auf Farbe im Füllfenster (siehe Screenshot). Wenn der Farbwähler geöffnet wird, wählen Sie eine Farbe aus.

Einige Smart Objects sind miteinander verknüpft. Wenn Sie den Platzhalter durch Ihren eigenen Inhalt für ein Smart Object ersetzen, werden alle anderen verknüpften Smart Objects aktualisiert. Natürlich müssen Sie nur eines der verknüpften Smart Objects bearbeiten. Um Verwirrung zu vermeiden, setze ich den Ebenennamen auf [nicht bearbeiten] für alle bis auf eines der verknüpften Smart Objects.

Textebenen

Textebenen enthalten Textobjekte. Natürlich möchten Sie den Platzhaltertext mit Ihren eigenen Informationen ändern. Sie erkennen diese Ebenen am T-Symbol links neben dem Ebenennamen (siehe Screenshot).

Normalerweise gibt der Layername die Art der benötigten Informationen an, z [Firmenname hier]. Doppelklicken Sie auf das T-Symbol, um das Textfeld im Dokument auszuwählen. Klicken Sie in das Textfeld, um die Wörter im Dokument zu ändern. Sie können auch die Schriftart, den Schriftstil, die Schriftgröße und viele weitere Optionen im Zeichenfenster bearbeiten (siehe Screenshot).

Export

Wenn die Vorlage nicht animiert ist, exportieren Sie die Vorlage normalerweise als .gif, .png oder .jpg, je nach Zweck der Vorlage. Wenn die Vorlage animiert ist, möchten Sie sie als MP4-Video oder animiertes GIF für das Web exportieren.

Video exportieren

Klicken Sie auf, um die Vorlage als MP4-Video zu exportieren oder zu rendern Datei - Exportieren - Video rendern (siehe Screenshot). Geben Sie im Fenster "Video rendern" (siehe Screenshot) Ihrer Datei einen Namen und wählen Sie einen Speicherort. Stellen Sie das Format auf ein H.264, wodurch das Video automatisch im MP4-Format gerendert wird. Stellen Sie den Bereich auf ein Alle Frames und klicken Sie auf Machen. Sobald Ihre Vorlage gerendert wurde, können Sie das Video in QuickTime anzeigen.

Als animiertes Gif speichern

Klicken Sie auf, um die Vorlage als animiertes GIF zu speichern Datei - Exportieren - Für Web speichern (siehe Screenshot). Stellen Sie im Fenster Für Web speichern (siehe Screenshot) den Dateityp auf ein GIF und Looping-Optionen zu Für immer. Behalten Sie die anderen Standardeinstellungen bei und klicken Sie auf speichern. Öffnen Sie das GIF in einem Webbrowser, um es anzuzeigen.

Arbeiten mit Animation

Bei den meisten animierten Vorlagen sind einige der zu bearbeitenden Designelemente, z. B. Fotos, nur für Teile der gesamten Animation sichtbar. Um diese Objekte anzuzeigen, die Sie bearbeiten möchten, bewegen Sie den Abspielkopf einfach entlang der Zeitleiste, bis die Objekte sichtbar sind.

Die meisten animierten Objekte sind so konzipiert, dass sie sich innerhalb eines bestimmten Bereichs der Szene bewegen. Wenn Sie diese Objekte verschieben oder ihre Größe ändern, ist die Animation möglicherweise fehlerhaft. Nehmen Sie daher nur Änderungen an animierten Objekten vor, wenn Sie mit Photoshop-Animationen vertraut sind.

Wenn Sie den Platzhalterinhalt durch Ihren eigenen Inhalt für ein animiertes Smart-Objekt ersetzen, müssen Sie einen zusätzlichen Schritt ausführen. Wenn die Zeitleiste nicht geöffnet ist, klicken Sie auf Fenster - Zeitleiste. Standardmäßig endet der neue Inhalt in der Zeitleiste nach 5 Sekunden. Wir brauchen es, um bis zum Ende der Animation zu reichen. Ziehen Sie also den rechten Rand der Spur zum Erweitern über die gesamte Timeline (siehe Screenshot).

Vorteile einer kostenlosen Creative Cloud-Mitgliedschaft
//helpx.adobe.com/creative-cloud/help/benefits-creative-cloud-free-membership.html

Willkommen bei Adobe Fonts
//fonts.adobe.com/about

Copyright 2018 Adobe Systems Incorporated. Alle Rechte vorbehalten. Nachdruck der Screenshots von Adobe-Produkten mit Genehmigung von Adobe Systems Incorporated. Adobe, Photoshop ist / sind entweder eine eingetragene Marke oder eine Marke von Adobe Systems Incorporated in den USA und / oder anderen Ländern.

Video-Anleitungen: How To Make 3D Perspective in Photoshop | Adobe Photoshop CC 2020 Tutorials (April 2024).