Designer Editor Basics – Wie funktioniert der Editor?

1. Dateien speichern

Ein Designer/Shopbetreiber kann Karten auf seine eigene gewünschte Weise entwerfen und erstellen. Ob dies in Adobe InDesign, Photoshop oder Illustrator geschieht, entscheidet der Designer selbst.

Sobald die Kollektion fertig ist, legst du diese dem Shopbetreiber des entsprechenden Shops vor. Nach Freigabe durch den Shopbetreiber können die Karten für das Layout im Editor verarbeitet werden. Zuvor müssen jedoch Dateien erstellt werden, die nach bestimmten Spezifikationen aufbereitet sein müssen. Diese werden unten erläutert.

Hintergründe und Objekte

Quadratisch	500 x 500 pt (im Editor 480 x 480 pt). Der Beschnitt beträgt 10 pt an jeder Seite.
Rechteckig	750 x 510 pt oder 510 x 750 pt (im Editor 720 x 480 pt oder 480 x 720 pt). Der Beschnitt beträgt 15 pt an jeder Seite.
Abweichendes Format	Zum Beispiel Panorama oder länglich. Der Hintergrund darf im Format des Produkts angelegt werden, zum Beispiel 1020 x 2120 pt. Der Beschnitt beträgt 10 pt an jeder Seite.
Auflösung	Immer 300 dpi in der Größe, in der du das Bild platzieren möchtest.
Dateityp Photoshop	Als JPG oder PNG speichern. Für Fotos oder Hintergründe verwendest du JPG. Für freigestellte Objekte wie ein Label oder eine Kordel verwendest du PNG.
Dateityp Illustrator	Als SVG speichern. Nur Vektoren verwenden. Diese können im Editor einfach farblich angepasst werden, auch in Folienfarben. Lies hier, wie du eine SVG erstellst. Eine Online-Konvertierung von PNG zu SVG reicht nicht aus. Die hieraus resultierende SVG enthält Pixel und keine Vektoren
Farbeinstellung	Verwende immer das Farbprofil sRGB, kein RGB.
Farbiger Hintergrund	Wenn du eine Vollfläche ohne Design verwendest, kannst du dies im Editor als Hintergrundfarbe einstellen. Eine separate Datei ist dann nicht erforderlich.
Hintergrund mit Muster	Enthält der Hintergrund ein Layout wie eine Struktur oder ein Muster, speichere diesen gemäß den oben genannten Spezifikationen, zum Beispiel 500 x 500 pt.
Elemente / Clip-Arts	Alle Illustrationen und Objekte müssen einzeln gemäß den oben genannten Formaten gespeichert werden, maximal 500 x 500 pt oder maximal 750 x 510 pt. Gib den Dateien logische Namen wie pfeil_1, pfeil_2 usw.
Bleed	Um die Leinwand herum befindet sich eine Sicherheitsmarge. Bleed (Beschnitt) ist zusätzlicher Raum um dein Design, der außerhalb des Endformats liegt und nach dem Druck weggeschnitten wird. Bilder haften automatisch an der Innen- oder Außenseite der Sicherheitsmarge, niemals am Rand der Karte. Dies stellt sicher, dass keine Blitzer entstehen.

Hintergrundeinstellungen

2. Karte im Editor aufbauen

Um eine Karte im Editor aufzubauen, musst du dich zuerst auf der entsprechenden Website einloggen, für die du die Karten entwerfen wirst, zum Beispiel www.madeformoments.nl oder www.prettyorange.nl. Klicke oben rechts, um dich mit den Daten einzuloggen, die du vom Shopbetreiber erhalten hast.

Klicke auf die Schaltfläche, um eine Karte zu erstellen. Dies variiert je nach Shop.

Beispiele für „Selbst gestalten“-Seiten

Wähle den gewünschten Kartentyp, zum Beispiel quadratisch, Hochformat oder Querformat. Der Editor wird nun gestartet. Entferne eventuell das vorhandene Layout, das bereits im Editor steht.

Kartentyp wählen

2.1 Hintergrund hochladen

Klicke rechts im Menü auf „Hintergrund“ und danach auf „Eigenes Foto hochladen“. Der Hintergrund wird inklusive Beschnitt vollständig ausgefüllt. Achte bei Mustern darauf, dass diese sauber über mehrere Seiten verlaufen, damit keine Versprünge entstehen.

Karte im Editor designen

Es ist auch möglich, dem Hintergrund eine gleichmäßige Volltonfarbe zuzuweisen. Alternativ kann der Karte ein voreingestellter Kraftpapier-Hintergrund zugewiesen werden. Dies ist nur möglich, wenn die betreffende Karte im System als Kraftpapierkarte definiert wurde. Kraftpapier

2.2 Objekte hochladen

Klicke rechts im Menü auf „Bilder und Verzierungen“ und danach auf Eigenes Foto hochladen. Wähle das Objekt aus, das du verwenden möchtest, zum Beispiel einen Stern. Skaliere das Objekt, indem du die Ecken nach innen oder außen ziehst.

Karte im Editor designen

Wenn du ein schwarzes SVG-Clipart-Objekt verwendest, kannst du die Farbe einfach über die Farbeinstellungen im Editor anpassen.

Standard-Editor-Farben

Füge hier den Farbcode ein, den du beispielsweise in Photoshop oder mit einem Colorpicker messen kannst, wie #5b7587.

Gestalte auf diese Weise die gesamte Karte, bis alle Objekte korrekt platziert sind.

2.3 Texte platzieren

Klicke im Editor auf „Text“ und danach auf „Neues Textfeld hinzufügen“. Du kannst hier ganz einfach Texte hinzufügen und bearbeiten.

Texte zu einer Karte hinzufügen

Innerhalb des Editors kannst du die Schriftart, Schriftgröße, Farbe, Ausrichtung und andere Formatierungen anpassen.

Im rechten Menü stehen die folgenden Funktionen zur Textbearbeitung zur Verfügung:

• Schriftart – aus der voreingestellten Auswahl.
• Farbe – die feste Farpalette

• Größe – diese Punktgröße ist nur im Editor relevant. Bei der Bestellung im Kartenformat wird diese Punktgröße proportional vergrößert oder verkleinert. Wähle daher eine durchschnittliche Größe im Editor.
• Stil – Fett / Kursiv / Unterstrichen.
• Ausrichtung – Links / Zentriert / Rechts / Blocksatz.
• Zeilenhöhe – Abstand zwischen den Zeilen: 0,85 / 1 / 1,15 / 1,5 / 2 / 3.
• Spiegeln – über die vertikale oder horizontale Achse.
• Transparenz – hiermit gibst du über einen Wert oder den Schieberegler an, wie viel Prozent der Text durchscheinen soll.
• Drehen – steht standardmäßig auf Null und kann über einen Wert oder den Schieberegler in den Minus- oder Plusbereich gedreht werden.
• Position – dies ist die linke obere Ecke des Rahmens auf der Leinwand des Editors. Die X- und Y-Werte können eingegeben werden.
• Größe – des Rahmens, die B- und H-Werte können eingegeben werden.

Wenn alle Texte platziert sind und das Layout fertig ist, kann die Karte in der „Eigenen Kollektion“ über die Schaltfläche „Speichern“ gespeichert werden. Gib der Karte im Popup einen Namen.

3. Dem Shop vorstellen

Klicke auf die drei Punkte und wähle „Neues Design“. Passe den Titel und die Beschreibung an und halte die Beschreibung kurz und deutlich. Klicke auf „Zur Prüfung speichern“. Die Karte ist nun beim entsprechenden Shop bereit und bleibt in deiner eigenen Kollektion sichtbar.

Karte zur Prüfung speichern