Kurzanleitung: Vorlagen aus Grundelementen

Vorlagen aus Grundelementen sind dynamisch erstellte und adressierbare Bilddateien mit mehreren Ebenen, z. B. in Bildbearbeitungsanwendungen wie Adobe Photoshop. Im Unterschied zu einer statischen Datei mit Ebenen, z. B. einer PSD-Datei, kann eine Vorlage auch Parameter enthalten. Mithilfe von Parametern können die verschiedenen Aspekte eines Bilds adressiert und angepasst werden.

Eine Vorlage kann eine beliebige Anzahl von Bildebenen und Textebenen enthalten. Sie können eine statische Datei, die Ebenen enthält, z. B. eine PSD-Datei mit Ebenen, in eine Vorlage konvertieren und in Dynamic Media Classic Vorlagen erstellen. Sie können Textebenen in Vorlagen mit Schriftarten erstellen, die Sie in Dynamic Media Classic hochgeladen haben. Nachdem Sie einer Vorlage Text hinzugefügt haben, können Sie ihn formatieren, indem Sie Ausrichtung, Schriftart, Schriftgröße und Schriftfarbe ändern.

Auf der Seite "Parameter"können Sie jeden Aspekt einer Vorlage in einen adressierbaren Parameter konvertieren. Auf diese Weise können Sie angeben, welches Bild mit Ebenen bzw. welcher Textwert in der Vorlage verwendet werden soll. Parameter werden mit der URL-Zeichenfolge übergeben, damit Sie das auf dem Image-Server generierte Antwortbild durch dynamisches Ändern eines beliebigen Parameters entsprechend anpassen können.

Diese Kurzanleitung hilft Ihnen, sich schnell mit Vorlagen aus Grundelementen vertraut zu machen.

1. Hochladen der Dateien

Laden Sie zunächst die PSD-Datei oder die Bilddatei für Ihre Vorlage hoch. Dynamic Media Classic unterstützt neben PSD viele Bilddateiformate, aber verlustfreie TIFF- und PNG-Bilder werden für Vorlagen empfohlen, da sie Transparenz ermöglichen.

Wenn Sie eine Vorlage mithilfe einer PSD-Datei erstellen, wählen Sie im Dialogfeld Upload-Auftragsoptionen die Option Vorlage erstellen, wenn Sie die PSD-Datei hochladen. Wählen Sie außerdem die Option Ebenenname, damit Dynamic Media Classic weiß, wie PSD-Ebenen benannt werden, wenn sie in Dynamic Media Classic hochgeladen werden.

Wenn Sie Bilddateien verwenden, können Sie die Bilder beim Hochladen beschneiden oder eine Maske aus deren Beschneidungspfaden erstellen.

Klicken Sie in der Symbolleiste für globale Navigation auf Hochladen, um eine PSD-Datei oder andere Bilddateien von Ihrem Computer in einen Ordner in Dynamic Media Classic hochzuladen. Siehe Hochladen von Vorlagendateien.

2. Erstellen einer Vorlage

Um eine Vorlage aus einer PSD-Datei zu erstellen, wählen Sie beim Hochladen der Datei Vorlage erstellen. Um eine Vorlage aus Bildern zu erstellen, klicken Sie in der Symbolleiste für globale Navigation auf Erstellen > Vorlagen aus Grundelementen und geben Sie eine Messung der Breite und Höhe für die Arbeitsfläche ein. Wählen Sie rechts oben auf der Seite entweder Designer oder Entwickler aus und ziehen Sie die Bilder auf die Seite "Vorlage". Sie können auch die Bilder vor auswählen und auf Erstellen > Vorlagen aus Grundelementen klicken. Die Vorlagenseite bietet Angebote für:

  • Bildebenen hinzufügen. Um eine Ebene hinzuzufügen, ziehen Sie ein Bild auf die Seite "Vorlage".
  • Textebenen hinzufügen. Klicken Sie auf das Symbol Text tool. Ziehen Sie den Zeiger, um ein Feld für die Textebene zu erstellen. Formatieren Sie dann den Text mit Werkzeugen auf der Seite Text.
  • Größe und Position von Ebenen ändern.
  • Anordnung von Ebenen ändern.
  • Schatten- und Schein-Effekte auf Bild- und Textebenen anwenden.

Siehe Erstellen einer Vorlage.

3. Erstellen von Vorlagenparametern

Im nächsten Schritt werden die Eigenschaften von Ebenen in Parameter umgewandelt, d. h. parametrisiert, um festzulegen, welche Ebeneneigenschaften in die URL-Zeichenfolge aufgenommen werden. Parameter bieten Ihnen bei der Verwendung von Vorlagen größtmögliche Flexibilität. Nachdem Sie eine Ebeneneigenschaft parametrisiert haben, können Sie den Parameter dynamisch ändern.

Um eine Ebene zu parametrisieren, öffnen Sie die Vorlage auf der Seite "Vorlage"und klicken Sie dann auf Parameter neben dem Namen einer Ebene. Wählen Sie auf der Seite "Parameter"die Option neben jedem Parameter, den Sie hinzufügen möchten. Siehe Erstellen von Vorlagenparametern.

4. Veröffentlichen von Vorlagen

Beim Veröffentlichen der Vorlage wird diese auf Dynamic Media-Image-Servern gespeichert, damit sie dynamisch an Ihre Website oder Anwendung übertragen werden kann. Bei der Veröffentlichung wird auch die URL aktiviert, mit der die Vorlage von den Dynamic Media-Image-Servern für Ihre Website oder Anwendung aufgerufen werden kann.

Achten Sie darauf, alle Bilder zu veröffentlichen, die der Vorlage zugeordnet sind.

Um eine Vorlage zu veröffentlichen, markieren Sie sie zur Veröffentlichung und klicken Sie in der Symbolleiste für globale Navigation auf Veröffentlichen. Klicken Sie dann auf Veröffentlichung senden. Siehe Veröffentlichen von Vorlagen.

5. Verknüpfen einer Vorlage mit einer Webseite

Dynamic Media Classic erstellt URLs für Vorlagen und aktiviert die URLs, wenn Sie Vorlagen auf Dynamic Media-Image-Servern veröffentlichen. Sie können diese URL-Zeichenfolgen von der Seite "Vorschau der Vorlage"kopieren.

Wählen Sie die Vorlage im Durchsuchenbedienfeld aus und klicken Sie dann auf Vorschau, um die Seite "Vorschau der Vorlage"zu öffnen. Wählen Sie eine Bildvorgabe für die Bereitstellung der Vorlage aus und klicken Sie dann auf URL kopieren. Nachdem Sie die URL von der Seite "Vorschau"kopiert haben, können Sie sie auf Ihrer Website oder in Ihrer Anwendung verwenden. Siehe Verknüpfen einer Vorlage mit einer Website.

Auf dieser Seite

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now