1. Design & Illustration
  2. Graphic Design

Wie man eine Grußkartenvorlage in Affinity Designer erstellt

Sie suchen nach einem guten Affinity Designer-Tutorial zur Erstellung Ihrer eigenen Grußkartenvorlage? Wir schauen uns heute genau dieses Thema genauer an, sowie auch ein paar vorgefertigten Birthday Card Templates.
Scroll to top

German (Deutsch) translation by Rebecca Priscilla (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Sie suchen nach einem guten Affinity Designer-Tutorial zur Erstellung Ihrer eigenen Grußkartenvorlage? Dann suchen Sie nicht weiter!

In diesem Affinity Designer Tutorial werden wir eine Grußkartenvorlage erstellen und diese dann verwenden, um eine Karte fürs chinesische Neujahrsfest (Lunar New Year) zu erstellen. Sie können diese Vorlage natürlich für verschiedene Anlässe wie Weihnachten, Muttertag, oder als Geburtstagskarte (Birthday Card Template) verwenden, und mehr!

Affinity Designer Lunar New Year TemplateAffinity Designer Lunar New Year TemplateAffinity Designer Lunar New Year Template

Was Sie brauchen

Um die Vorlage zu erstellen, brauchen Sie nur Affinity Designer für dieses Tutorial. Wenn Sie die Vorlage fürs chinesische Neujahrsfest erstellen möchten, benötigen Sie die folgenden Ressourcen:

Sie können auch diesem Tutorial folgen und später Ihre eigenen Assets erstellen! Affinity Designer ist eine beeindruckende Software, die drei intelligente Arbeitsumgebungen (Personas) für Vektorgrafiken, Pixelverarbeitungen und Dokument-Exporte vereint.

1. Wie erstelle ich eine Affinity Designer-Vorlage?

Schritt 1

Öffnen Sie zunächst Affinity Designer und erstellen Sie ein neues Dokument. Gehen Sie zu Datei > Neu.

Affinity Designer Template CreateAffinity Designer Template CreateAffinity Designer Template Create

Schritt 2

Wir werden eine Grußkartenvorlage im Format 5 x 7 Zoll erstellen. (127 x 178 mm)

Tipp: Sie können die Abmessungen mit dem Dropdown-Menü unter der DPI-Einheit ändern, wenn Sie möchten.

Wir müssen eine Leinwand erstellen, die beide Seiten unserer Grußkarte aufnehmen kann. Das bedeutet, dass die Größe dieses Dokuments doppelt so groß sein muss wie die Breite der Karte, also 10 x 7 Zoll. (254 mm x 178 mm)

Geben Sie eine Seitenbreite von 10 Zoll und eine Seitenhöhe von 7 Zoll ein.

Affinity Designer Template CreateAffinity Designer Template CreateAffinity Designer Template Create

Schritt 3

Halten Sie die DPI auf 300, damit das Dokument für den Druck geeignet ist. Bei einem Wert unter 300 können die Ausdrucke von schlechter Qualität sein.

Affinity Designer Create TemplateAffinity Designer Create TemplateAffinity Designer Create Template

Schritt 4

Die übrigen Standardeinstellungen sollten in Ordnung sein, aber für den Fall, dass Ihre Einstellungen davon abweichen, sollten Sie sich vergewissern, dass Sie diese Einstellungen haben:

  • DPI: 300 (oder höher)
  • ArtBoard erstellen: Unmarkiert
  • Farbformat: CMYK/8
  • Farbprofil: U.S. Web Coated (SWOP) v2
  • Transparenter Hintergrund: Unmarkiert
  • Seitenränder: Keine
  • Anschnitte: Alle 3 Zoll

Nachdem Sie Ihre Einstellungen überprüft haben, klicken Sie auf Erstellen, um Ihr neues Dokument anzulegen.

Affinity Designer Template Create DocumentAffinity Designer Template Create DocumentAffinity Designer Template Create Document

Schritt 5

Jetzt sollten Sie ein Dokument im Querformat haben. Wir müssen einige Hilfslinien hinzufügen, damit wir erkennen können, wo sich die einzelnen Seiten der Karte befinden.

Gehen Sie zu Ansicht > Hilfslinien-Manager.

Affinity Designer Template GuideAffinity Designer Template GuideAffinity Designer Template Guide

Schritt 6

Daraufhin wird das Dialogfenster Hilfslinien-Manager angezeigt. Klicken Sie auf die Schaltfläche Neue Hilfslinien. Sie finden diese Schaltfläche in der rechten Spalte. Klicken Sie darauf, um eine vertikale Hilfslinie zu erstellen.

Affinity Designer Template Add GuideAffinity Designer Template Add GuideAffinity Designer Template Add Guide

Schritt 7

Beachten Sie, dass die Hilfslinie standardmäßig in der Mitte des Dokuments platziert wurde. Dies ist für unsere Zwecke ideal, da das Dokument so in zwei Teile geteilt wird. Klicken Sie jetzt auf Schließen!

Affinity Designer Template Add GuideAffinity Designer Template Add GuideAffinity Designer Template Add Guide

Schritt 8

Sie erhalten nun ein Dokument wie folgt: eine Leinwand, die in der Mitte geteilt ist. Die rechte Seite des Canvas ist die Vorderseite unserer Karte, die linke Seite die Rückseite der Karte.

Affinity Designer Template Guide AddedAffinity Designer Template Guide AddedAffinity Designer Template Guide Added

Schritt 9

Jetzt ist unser Dokument bereit, um mit der Gestaltung zu beginnen. Aber zuerst müssen wir dieses Dokument in eine Grußkartenvorlage umwandeln. Auf diese Weise können wir diese Vorlage jedes Mal verwenden, wenn wir eine Grußkarte mit diesen Spezifikationen erstellen möchten.

Gehen Sie zu Datei > Als Vorlage exportieren...

Affinity Designer Export As TemplateAffinity Designer Export As TemplateAffinity Designer Export As Template

Schritt 10

Suchen Sie nun einen geeigneten Ordner auf Ihrem Desktop und speichern Sie Ihre Affinity Designer-Grußkartenvorlage.

Das war's dann auch schon! Sie haben gerade eine Affinity Designer-Grußkartenvorlage erstellt. Wir können diese Datei nun jederzeit verwenden, wenn wir eine 5 x 7 Grußkarte erstellen möchten.

Möchten Sie erfahren, wie Sie mit dieser Vorlage eine Karte fürs chinesische Neujahrsfest erstellen können? Einfach weiterlesen!

Affinity Designer Template SaveAffinity Designer Template SaveAffinity Designer Template Save

2. Wie gestalte ich eine Karte aus einer Affinity Designer-Vorlage?

Schritt 1

Beginnen wir mit unserem Design, indem wir uns zuerst auf die Vorderseite konzentrieren!

Wir werden eine Karte fürs chinesische Neujahrsfest gestalten. Das Konzept ist ein dunkler Nachthimmel zusammen mit einem Feuerwerk. Erstellen wir eine einfache Hintergrundfarbe für die Vorderseite unserer Karte.

Wählen Sie das Rechteckwerkzeug aus der Werkzeugleiste.

Affinity Designer Greeting Card Template Select RectangleAffinity Designer Greeting Card Template Select RectangleAffinity Designer Greeting Card Template Select Rectangle

Schritt2

Klicken und ziehen Sie nun, um die Form zu erstellen.

Bewegen Sie die Form mit dem Verschieben-Werkzeug und den Transformationsankern auf dem Rechteck auf die rechte Seite Ihres Dokuments und füllen Sie den Bereich bis zur Hilfslinie.

Affinity Designer Greeting Card Template Fill RectangleAffinity Designer Greeting Card Template Fill RectangleAffinity Designer Greeting Card Template Fill Rectangle

Schritt3

Dies wird die Basis unseres Hintergrunds sein! Ändern wir nun die Farben, damit sie zu unserem Nachthimmel passen.

Wählen Sie oben links auf dem Bildschirm den Füllbereich aus.

Affinity Designer Greeting Card Template Select ColorAffinity Designer Greeting Card Template Select ColorAffinity Designer Greeting Card Template Select Color

Schritt4

Verwenden Sie die Farbauswahl, um ein dunkles Blau auszuwählen. Sie können hier jede beliebige Farbe wählen—experimentieren Sie mit verschiedenen Schattierungen. Vielleicht könnte auch ein dunkles Violett funktionieren!

Affinity Designer Greeting Card Template Pick ColorAffinity Designer Greeting Card Template Pick ColorAffinity Designer Greeting Card Template Pick Color

Schritt 5

Jetzt haben wir die Hintergrundbasis fertig!

Vergewissern Sie sich, dass um Ihre Form herum kein Rand vorhanden ist. Das können Sie überprüfen, indem Sie sich den Konturbereich ansehen und sicherstellen, dass er auf "Keine" eingestellt ist.

Affinity Designer Template Greeting Card StrokeAffinity Designer Template Greeting Card StrokeAffinity Designer Template Greeting Card Stroke

Schritt 6

Als Nächstes fügen wir unserem Nachthimmel ein Feuerwerk hinzu, um die richtige Stimmung zu erzeugen. Wir könnten dies tun, indem wir die Formen selbst erstellen. Wir werden jedoch ein Vektorfeuerwerk aus Envato Elements verwenden:

Um diese Feuerwerke auf unserem Projekt hinzuzufügen, laden Sie sie zunächst herunter und entpacken Sie die Dateien auf Ihrem Desktop. Gehen Sie dann auf Datei > Platzieren.

Affinity Designer Template Greeting Card PlaceAffinity Designer Template Greeting Card PlaceAffinity Designer Template Greeting Card Place

Schritt 7

Navigieren Sie zu dem Ordner, in den Sie die Dateien entpackt haben. Wählen Sie dann eine der SVG-Feuerwerksdateien aus und klicken Sie auf Öffnen.

Affinity Designer Template Greeting Card SelectAffinity Designer Template Greeting Card SelectAffinity Designer Template Greeting Card Select

Schritt 8

Der Mauszeiger verwandelt sich nun in ein neues Symbol. Klicken Sie auf eine beliebige Stelle auf der Leinwand, um das Feuerwerkselement zu platzieren.

Affinity Designer Template Greeting Card FireworkAffinity Designer Template Greeting Card FireworkAffinity Designer Template Greeting Card Firework

Schritt 9

Dieses Element wurde nun als eingebettetes Dokument in der Leinwand platziert. Das Tolle daran ist, dass alles auf einer Ebene gruppiert ist. Außerdem handelt es sich um ein Vektorgrafikbild, das wir nach Belieben verschieben und skalieren können.

Verschieben und skalieren Sie es einfach!

Affinity Designer Template Greeting Card FireworkAffinity Designer Template Greeting Card FireworkAffinity Designer Template Greeting Card Firework

Schritt 10

Wiederholen Sie nun den Vorgang, indem Sie verschiedene Feuerwerke auswählen und diese nach dem Zufallsprinzip auf der Leinwand platzieren. Um neues Feuerwerk hinzuzufügen, wählen Sie erneut Datei > Platzieren.

Affinity Designer Template Greeting Card Add More FireworksAffinity Designer Template Greeting Card Add More FireworksAffinity Designer Template Greeting Card Add More Fireworks

Schritt 11

Experimentieren Sie und verschieben Sie die Feuerwerke, bis sie sich ausgewogen anfühlen. Achten Sie darauf, dass Sie etwas Platz für den Grußtext lassen! Machen Sie sich nicht zu viel Mühe—Sie können unpassende Feuerwerke einfach entfernen.

Am Ende sollten Sie etwas haben, das ähnlich aussieht wie dieses!

Affinity Designer Template Greeting Card FireworksAffinity Designer Template Greeting Card FireworksAffinity Designer Template Greeting Card Fireworks

Schritt 12

So weit so gut! Aber ohne einen Gruß ist es keine richtige Grußkarte, oder?

Jetzt fügen wir unserem Dokument etwas Text hinzu. Klicken Sie auf das Textwerkzeug in der Werkzeugleiste.

Affinity Designer Template Greeting Card Select TextAffinity Designer Template Greeting Card Select TextAffinity Designer Template Greeting Card Select Text

Schritt 13

Klicken Sie nun irgendwo auf die Leinwand und geben Sie den gewünschten Text ein. In unserem Fall wollen wir "Frohes neues Jahr" schreiben—ganz einfach, oder?

Affinity Designer Template Greeting Card Type TextAffinity Designer Template Greeting Card Type TextAffinity Designer Template Greeting Card Type Text

Schritt 14

Als Nächstes werden wir unseren Text formatieren. Verwenden Sie bei ausgewähltem Textfeld die Optionen in der oberen Leiste, um die Schrifteinstellungen zu ändern.

Wir verwenden die Schrift Beauty Salon Script mit 64 pt und einer weißen Farbe.

Tipp: Sie können Schriftarten installieren, während Affinity Designer läuft. Wenn sie jedoch nicht angezeigt werden, speichern Sie Ihre Arbeit und starten Sie das Programm neu.

Affinity Designer Template Greeting Card Font SettingsAffinity Designer Template Greeting Card Font SettingsAffinity Designer Template Greeting Card Font Settings

Schritt 15

Wählen Sie nun das Verschieben-Werkzeug und drehen Sie den Text so, dass er mit der Bewegung des Bildes übereinstimmt. Verwenden Sie zum Drehen des Textes die Ecken des Transformationsfeldes.

Affinity Designer Template Greeting Card Rotate TextAffinity Designer Template Greeting Card Rotate TextAffinity Designer Template Greeting Card Rotate Text

Schritt 16

Super! Jetzt wollen wir die Vorderseite unseres Entwurfs noch ein wenig aufpeppen. Es ist das Jahr des Ochsen, also sollten wir hier etwas einfügen, um das zu betonen.

Wir werden ein Grafikobjekt fürs chinesisches Neujahrsfest von Envato Elements verwenden. Es liegt sowohl im EPS- als auch im SVG-Dateiformat vor, was für dieses Projekt perfekt ist.

Nachdem Sie die Datei heruntergeladen und entzippt haben, können Sie sie in Affinity Designer einfügen.

Öffnen Sie die SVG-Datei, indem Sie auf Datei > Platzieren gehen.

Affinity Designer Template Greeting Card Place OxAffinity Designer Template Greeting Card Place OxAffinity Designer Template Greeting Card Place Ox

Schritt 17

Suchen Sie die SVG-Datei in Ihren Dateien und öffnen Sie sie. Nun platzieren Sie es auf die gleiche Weise wie das Feuerwerk unten rechts!

Möglicherweise müssen Sie es je nach Größe Ihrer Leinwand skalieren. Wir wollen, dass es unserem Design ein bisschen mehr Flair verleiht.

Affinity Designer Template Greeting Card Scale OxAffinity Designer Template Greeting Card Scale OxAffinity Designer Template Greeting Card Scale Ox

Schritt 18

Dieses Element soll nicht zu sehr im Vordergrund stehen, so dass es von dem eigentlichen Gruß ablenkt. Wir brauchen eine Möglichkeit, seine Präsenz ein wenig zurückhaltender zu gestalten.

Fügen wir ihm einen Effekt hinzu! Wählen Sie das Objekt im Ebenen-Panel aus und klicken Sie auf das Dropdown-Menü Ebeneneffekt.

Affinity Designer Template Greeting Card Layer EffectAffinity Designer Template Greeting Card Layer EffectAffinity Designer Template Greeting Card Layer Effect

Schritt 19

Wählen Sie nun Negation aus dem Dropdown-Menü. Dadurch erhält das Objekt einen dunklen Ton und verschmilzt mit dem Hintergrund.

Affinity Designer Template Greeting Card NegationAffinity Designer Template Greeting Card NegationAffinity Designer Template Greeting Card Negation

Schritt 20

So, damit ist der Hauptteil unserer Grußkarte fertig. Das Titelblatt unserer Grußkarte fürs chinesische Neujahrsfest ist fertig! Sie können sie noch beliebig anpassen und verändern.

Affinity Designer Template Greeting Card Front FinishedAffinity Designer Template Greeting Card Front FinishedAffinity Designer Template Greeting Card Front Finished

Schritt 21

Ich möchte die Rückseite größtenteils leer lassen, aber es fühlt sich ein bisschen kahl an, wenn da nichts ist. Fügen wir der Rückseite der Karte eine Kleinigkeit hinzu, um sie vollständiger zu machen.

Klicke mit der rechten Maustaste auf die Objektebene und dupliziere sie.

Affinity Designer Template Greeting CardAffinity Designer Template Greeting CardAffinity Designer Template Greeting Card

Schritt 22

Wählen Sie Ihre duplizierte Ochsengrafik aus. Jetzt platzieren wir diese auf dem linken Bereich der Leinwand. Dies wird die Rückseite der Karte sein, wenn sie gefaltet ist.

Platzieren Sie es in der Nähe des unteren Randes und skalieren Sie es nach Bedarf, wie wir es mit den vorherigen Grafiken gemacht haben.

Affinity Designer Greeting Card Place OxAffinity Designer Greeting Card Place OxAffinity Designer Greeting Card Place Ox

Schritt 23

Wir brauchen den Effekt Negation hier nicht, also stellen wir die Füllmethode auf normal.

Affinity Designer Greeting Card NormalAffinity Designer Greeting Card NormalAffinity Designer Greeting Card Normal

Schritt 24

Jetzt hebt es sich ein bisschen zu sehr ab!

Jetzt stellen wir die Deckkraft auf 50% ein. Das verleiht der Rückseite unserer Karte ein wenig mehr Flair, ist aber immer noch sehr dezent.

Affinity Designer Greeting Card OpacityAffinity Designer Greeting Card OpacityAffinity Designer Greeting Card Opacity

Schritt 25

Ich denke, wir könnten noch ein bisschen verfeinern, um die Karte offizieller zu machen! Um das Ganze abzurunden, fügen wir ein wenig Text unter unserem Emblem hinzu.

Wählen Sie das Textwerkzeug und platzieren Sie etwas Text unter der Ochsengrafik. Möglicherweise müssen Sie sowohl den Ochsen als auch die Textebene verschieben und anpassen, bis es genau richtig ist.

Affinity Designer Greeting Card Font BackAffinity Designer Greeting Card Font BackAffinity Designer Greeting Card Font Back

Schritt 26

Für die Schriftart verwenden wir wieder dieselbe, die wir auf dem Cover verwendet haben. Das sorgt für eine schöne Einheitlichkeit zwischen Vorder- und Rückseite der Grußkarte.

Wir verwenden die Schrift Beauty Salon Script in 24 pt mit schwarzer Farbe.

Affinity Designer Greeting Card FinishedAffinity Designer Greeting Card FinishedAffinity Designer Greeting Card Finished

Das war's auch schon! Diese chinesische Neujahrskarte ist fertig zum Ausdrucken. Wenn du sie ausdruckst, schneidest du einfach den überschüssigen Teil der Karte ab und faltest sie in der Mitte. Wenn du deine Arbeit an eine Druckerei schickst, wird diese wahrscheinlich entweder eine EPS- oder eine PDF-Datei verlangen. Um in diese Formate zu exportieren, gehen Sie zu Datei > Exportieren und wählen Sie je nach Bedarf die Registerkarten PDF oder EPS.

Weitere Ressourcen für Affinity Designer Template und Vorlagen

Wir hoffen, dass Ihnen dieses Affinity Designer-Tutorial gefallen hat! Suchen Sie nach Ideen oder Inspiration für Affinity Designer-Grußkarten, vielleicht ein Birthday Card Template? Dann schauen Sie sich diese Grußkarten und Vektorgrafik-Pakete von Envato Elements an! Sie können jede Vorlage mit Affinity Designer verwenden, wenn sie im EPS-Format gespeichert ist.

1. Christmas Colorful Greeting Cards (AI, EPS, JPG, PDF)

Affinity Designer Template ElementsAffinity Designer Template ElementsAffinity Designer Template Elements

Sehen Sie diese farbige Weihnachtskarte-Vorlagen mal an! Die schlichten Blautöne und der dunkle Hintergrund geben der Karte ein wirklich edles, aber kühles Gefühl. Sie liegt im EPS-Format vor, so dass Sie sie sofort in Affinity Designer öffnen können!

2. Valentine’s Day Greeting Cards und Elemente (AI, EPS, SVG, and More)

Affinity Designer Template ElementsAffinity Designer Template ElementsAffinity Designer Template Elements

Dieses robuste Set enthält viele verschiedene Valentinstagkarten und jede Menge Grafiken. Diese werden in einer Vielzahl von Formaten bereitgestellt, die sicherlich auch Ihren Projektanforderungen entsprechen werden! Die EPS- und SVG-Dateiformate lassen sich besonders gut mit Affinity Designer verwenden!

3. Halloween Greeting Cards (JPG, EPS)

Envato Elements Affinity Designer ElementsEnvato Elements Affinity Designer ElementsEnvato Elements Affinity Designer Elements

Sehen Sie sich diese gruseligen, von Halloween inspirierten Grußkarten an. Es gibt sie in mehreren verschiedenen Farbvarianten! Alle Karten sind als EPS-Dateien enthalten, so dass Sie diese in Affinity Designer öffnen und Ihre eigenen Anpassungen zu diesen gruseligen Designs hinzufügen können.

4. Mother's Day - Muttertagssprüche und Karten (AI, EPS, SVG, PNG)

Affinity Designer Elements ItemAffinity Designer Elements ItemAffinity Designer Elements Item

Diese Sammlung von Grafikelementen und Grußkarten bietet Ihnen alles, was Sie brauchen, um individuelle Grußkarten zum Muttertag zu erstellen. Sie enthält handgeschriebene Schrift, dekorative Elemente und natürlich Grußkartenvorlagen. Das EPS-Dateiformat eignet sich perfekt zum Öffnen in Affinity Designer.

5. Space Birthday Card Template Geburtstagskarte & Einladung (AI, EPS, JPG, PNG)

Envato Elements Greeting Card Envato Elements Greeting Card Envato Elements Greeting Card

Sehen Sie doch wie süß diese Geburtstagskarte-Vorlage ist! Öffnen Sie sie mit dem EPS-Dateiformat in Affinity Designer. Diese niedlichen Grafiken eignen sich perfekt, wenn Sie Birthday Card Template für Möchtegern-Astronauten und Raumfahrtbegeisterten suchen.

Möchten Sie mehr über Affinity Designer und Vektorgrafiken erfahren? Sehen Sie sich diese tollen Affinity Designer Tutorials von Envato Tuts+ an!