Kostenloser Online-Designer

A – Wichtige Hinweise zur Druckdatei-Gestaltung per Online-Designer

A.1 Maße festlegen

Der Online-Designer erstellt die Fläche, auf der Sie Ihr Layout anlegen, automatisch in der Größe des zu bestellenden Produkts. Beachten Sie allerdings, dass die Maße mit dem ersten Abspeichern Ihres Designs festgelegt sind. Tragen Sie auf der Produktseite die endgültige Breite und Höhe ein, die Sie bestellen möchten, und rufen Sie erst dann den Online-Designer auf.

Wenn Sie während oder nach der Gestaltung Ihrer Druckvorlage die Größe des Produkts doch noch ändern möchten, müssen Sie die Produktseite in Ihrem Browserfenster neu laden, die neuen Maße eingeben und dann Ihre Druckvorlage im Designer erneut erstellen. Nur so kann die neue Produktgröße korrekt übernommen werden.

A.2 Funktionen des Online-Designers nutzen

Unser Online-Designer ist, verglichen mit professioneller Grafikdesign-Software wie Photoshop, natürlich etwas simpler gehalten. Diverse grundlegende Aktionen funktionieren allerdings recht ähnlich. So können Sie nach Belieben Schriftzüge platzieren und umformatieren, weitere grafische Elemente einfügen, eigene Fotos hochladen und skalieren sowie mehrere Ebenen einrichten. Eine ausführlichere Erläuterung aller Funktionen finden Sie in Teil B weiter unten auf dieser Seite.

A.3 Nur Bilder mit ausreichender Auflösung hochladen

Dies ist womöglich der wichtigste Punkt, den es für ein zufriedenstellendes Druckergebnis zu beachten gilt: Grafiken, die Sie selbst hochladen, müssen eine ausreichende Pixelauflösung haben. Die empfohlene Auflösung richtet sich nach der Größe des Produkts, das Sie bestellen möchten. Auch wenn ein hochgeladenes Bild in unserem Online-Designer auf Ihrem Monitor hervorragend aussieht, kann die Qualität bei Vergrößerung auf das tatsächliche Produktmaß erheblich leiden.

Unter www.bannerkoenig.de/aufloesung-von-bilddateien haben wir für Sie einen Leitfaden mit theoretischen Infos und praktischen Tipps rund um das Thema Druckauflösung verfasst. Falls Sie sich bezüglich der Qualität Ihrer Bilddatei(en) unsicher sind, empfehlen wir, den Leitfaden und ggf. die darin verlinkten Blog-Beiträge zu lesen.

A.4 Nicht zu viele/große Bilddateien hochladen

Unser System hat eine Obergrenze von ca. 250 MB Bilddatengröße pro Druckvorlage. Allerdings ist es in unserem Online-Designer technisch nicht möglich, ein entsprechendes Limit für die Upload-Funktion einzurichten. Achten Sie daher bitte selbst darauf, dass die Grafiken, die Sie hochladen, eine Gesamt-Datenmenge von 250 MB nicht überschreiten (Hierbei gilt stets die Größe der unkomprimierten Bilddaten). Ansonsten könnte es passieren, dass die Vorlage von unserem System nicht akzeptiert wird und Sie Ihr Design neu erstellen müssen.

A.5 Sicherheitsabstände einhalten

Viele unserer Produkte werden mit einer von Ihnen festgelegten Konfektion produziert – beispielsweise mit einem Flachsaum und Ösen oder mit einem Hohlsaum. Zwar bedrucken wir das Produkt auf seiner gesamten Fläche mit Ihrem Layout, aber die Konfektionsmerkmale werden auf den Rändern dieses bedruckten Bereichs angelegt. Deshalb empfehlen wir, wichtige Design-Elemente wie Schrift und Grafiken nicht am äußersten Rand zu platzieren. Unser Online-Designer zeigt mit einer grünen gestrichelten Linie den Sicherheitsbereich an, außerhalb dessen sich nichts außer Hintergrundfarben, -mustern oder -bildern befinden sollte.

A.6 Farbmodus-Konvertierung beachten

Computermonitore und andere digitale Displays arbeiten im lichtbasierten Farbmodus RGB. Dies trifft auch auf unseren kostenlosen Online-Designer zu. Drucker hingegen verwenden den Farbmodus CMYK (plus etwaige Sonderfarben). Für den Druck müssen daher sämtliche Farbwerte automatisiert vom einen in den anderen Farbmodus umgerechnet werden.

Das bedeutet für Sie, dass im fertigen Druck vor allem grelle, strahlende Farbtöne etwas gedämpfter ausfallen können, als sie an Ihrem Bildschirm aussehen. Insgesamt erreichen wir in unserer Produktion aber eine sehr hohe Farbtreue.

Mehr Infos zu diesem Thema finden Sie in unserem Blog-Beitrag “RGB in CMYK umwandeln“.

B – Die Funktionen unseres Online-Designers

B.1 Allgemein

1

2

3

4

5

1. Dies ist die Grundansicht unseres Online-Designers.
2. Per Klick auf den “Speichern”-Button sichern Sie den aktuellen Fortschritt Ihres Designs.
   Hinweis: Wenn Sie Ihr Design während des Bestellprozesses abspeichern, können Sie es im Warenkorb erneut öffnen und Änderungen vornehmen.
   Falls Sie Ihr Design hingegen nach Bestellabschluss über Ihr Kundenkonto erstellen oder bearbeiten, übermitteln Sie mit dem Klick auf “Speichern” die finale Version an uns. In diesem Fall gibt es keine Möglichkeit, Ihr Design zwischenzuspeichern und später weiterzubearbeiten.
3. Die magentafarbene Außenlinie markiert das Endformat, also die Ränder Ihres Druckprodukts. Die grüne, gestrichelte Sicherheitslinie kennzeichnet den Sicherheitsbereich: Außerhalb dieser Linie sollten Sie keine wichtigen Informationen platzieren, da diese durch die Konfektion (Saum, Ösen etc.) verdeckt werden könnten.
4. Ausnahme Beachflags: Im Gegensatz zu unseren anderen Druckprodukten haben Beachflags keine rechteckige Fläche. Daher bildet der Online-Designer die Flaggenkonturen ab, innerhalb derer Sie Ihr Motiv gestalten sollten. Sie können auch die übrige Fläche außerhalb der Beachflag-Konturen mit Inhalten füllen, diese erscheinen aber nicht auf dem fertigen Produkt.
5. Mit den Minus- und Plus-Schaltflächen können Sie die Ansicht Ihres Designs verkleinern oder vergrößern.

B.2 Text

1

2

3

4

5

6

7

1. Der 1. Punkt in der linken Menüleiste ist der Textbereich. Hier fügen Sie jegliche Arten von Schriftzügen ein.
2. Mit dem Button “Text hinzufügen” (oder “gebogenen Text hinzufügen”) platzieren Sie ein Textfeld auf der Gestaltungsfläche.
3. Nun können Sie sofort (oder später, indem Sie auf das Textfeld doppelklicken) Ihren Text eintragen.
4. Klicken Sie nun auf eine beliebige Stelle der Gestaltungsfläche und anschließend wieder auf den Text, dann ist das Textfeld ausgewählt, sodass Sie es auf verschiedene Weise anpassen können (mehr dazu siehe Abschnitt “Sonstiges”).
5. In der oberen Werkzeugleiste links können Sie die Schriftart, -größe und -farbe festlegen; die Textausrichtung bestimmen; den Text in Großbuchstaben umwandeln, fett oder kursiv setzen; den horizontalen Abstand zwischen den Zeichen sowie den Zeilenabstand ändern; den Schriftzeichen eine farbige Kontur geben und eine Hintergrundfarbe für das Textfeld definieren.
6. In der oberen Werkzeugleiste rechts haben Sie die Möglichkeit, das Textfeld zu kopieren oder zu löschen (Tastaturkürzel: ENTF); den Schriftzug zu drehen und seine Deckkraft/Transparenz zu modifizieren; die Textfeld-Ebene nach hinten oder vorne zu verschieben und die Position des Feldes auf der Gestaltungsfläche (an den Rändern oder zentriert) festzulegen.
7. Bei einem gebogenen Text enthält die obere Werkzeugleiste links einen zusätzlichen Eintrag, über den Sie den Radius der Krümmung und den Abstand zwischen den Zeichen anpassen, die Richtung der Krümmung invertieren oder die Reihenfolge der Zeichen umkehren können.

B.3 Cliparts

1

2

3

4

5

1. Der 2. Punkt in der linken Menüleiste sind Cliparts. Dies sind vorgefertigte Icons zu diversen Themen wie Liebe, Ostern, Tiere und Architektur.
2. Über das Drop-down-Menü wählen Sie ein Thema aus.
3. Klicken Sie auf eins der Motive, um es auf der Gestaltungsfläche einzufügen.
4. In der oberen Werkzeugleiste links sind die Farbtöne jedes einzelnen Elementes aufgeführt, aus dem das Clipart besteht. Diese Farben können Sie nach Belieben ändern. Außerdem haben Sie die Option, die Gruppierung aufzuheben, sodass Sie die einzelnen Elemente auswählen, verschieben und anderweitig modifizieren können.
5. In der oberen Werkzeugleiste rechts haben Sie die Möglichkeit, das Clipart zu kopieren oder zu löschen (Tastaturkürzel: ENTF); es zu drehen und seine Deckkraft/Transparenz zu modifizieren; die Clipart-Ebene nach hinten oder vorne zu verschieben und die Position des Cliparts auf der Gestaltungsfläche (an den Rändern oder zentriert) festzulegen.

B.4 Fotos

1

2

3

4

5

6

7

8

9

1. Der 3. Punkt in der linken Menüleiste ermöglicht das Einfügen von Fotos. Sie können eigene Bilddateien hochladen oder Fotos aus zwei kostenlosen Bilddatenbanken verwenden.
2. Klicken Sie auf “Eigenes Foto hochladen”, um eine Bilddatei von Ihrem Endgerät in den Online-Designer zu laden.
3. Bitte beachten Sie die Hinweise auf der linken Seite – insbesondere, dass Sie als Kunde selbst sicherstellen müssen, dass Ihre Bilddatei eine geeignete Auflösung für die Größe Ihres Druckprodukts hat. Mehr hierzu siehe “Auflösung von Bilddateien für den Großformatdruck“.
4. Um zum Upload-Button zu gelangen, müssen Sie je nach Auflösung Ihres Monitors im linken Bereich ein wenig nach unten scrollen.
5. Klicken Sie dann auf das Upload-Feld und wählen Sie die Datei auf Ihrem Gerät aus, um sie hochzuladen.
6. Das Bild wird automatisch auf der Gestaltungsfläche eingefügt.
7. In der oberen Werkzeugleiste links lässt sich das Bild auf einen begrenzten Ausschnitt zuschneiden, mit Masken in diversen Formen überlagern und auf verschiedene Weisen strecken, damit es die gesamte Breite/Höhe der Gestaltungsfläche einnimmt.
8. In der oberen Werkzeugleiste rechts haben Sie die Möglichkeit, das Bild zu kopieren oder zu löschen (Tastaturkürzel: ENTF); es zu drehen und seine Deckkraft/Transparenz zu modifizieren; die Bild-Ebene nach hinten oder vorne zu verschieben und die Position des Bildes auf der Gestaltungsfläche (an den Rändern oder zentriert) festzulegen.
9. Klicken Sie im linken Bereich auf “Pixabay Fotodatenbank” oder “Unsplash Fotodatenbank”, um eine Übersicht der verfügbaren Fotos zu erhalten, die Sie allesamt lizenzfrei in Ihren Online-Designs verwenden dürfen. In der Suchleiste darüber können Sie mit Schlagwörtern nach bestimmten Themengebieten suchen.

B.5 Elemente

1

2

3

4

5

6

7

8

9

1. Der 4. Punkt in der linken Menüleiste sind Elemente. Damit fügen Sie eine Reihe von geometrischen Formen oder Icons in Ihr Design ein.
2. Klicken Sie auf eine der Schaltflächen, um sich die dazugehörigen Optionen anzeigen zu lassen.
3. Unter “Formen” finden Sie eine Vielzahl von Illustrationen in Formen wie Kreisen, Vielecken oder Sternen.
4. Klicken Sie auf ein Element, damit es auf der Gestaltungsfläche erscheint.
5. In der oberen Werkzeugleiste links sind die Farbtöne jedes Einzelteils aufgeführt, aus dem das eingefügte Element besteht. Diese Farben können Sie nach Belieben ändern. Außerdem haben Sie die Option, die Gruppierung aufzuheben, sodass Sie die Einzelteile auswählen, verschieben und anderweitig modifizieren können.
6. In der oberen Werkzeugleiste rechts haben Sie die Möglichkeit, das Element zu kopieren oder zu löschen (Tastaturkürzel: ENTF); es zu drehen und seine Deckkraft/Transparenz zu modifizieren; die Element-Ebene nach hinten oder vorne zu verschieben und die Position des Elements auf der Gestaltungsfläche (an den Rändern oder zentriert) festzulegen.
7. Unter “Icons” können Sie via Drop-down-Menü ein Thema wie Clothing, Logos, Programming oder Travel auswählen, um nach dazu passenden Icons zu filtern. Darüber hinaus können Sie auch in der oberen Suchleiste Schlagwörter eingeben.
8. Der Punkt “Frame” enthält Platzhalter-Bilder, mit denen Sie Ihre Gestaltungsfläche in mehrere Kacheln aufteilen können, um z.B. eine Collage zu erstellen. Bitte beachten Sie den Hinweis, dass das Platzhaltermotiv (Wiese und Wolken) bei der Produktion nicht mitgedruckt wird.
9. Klicken Sie auf eine Frame-Konfiguration, um Kacheln in der entsprechenden Anordnung auf Ihrer Gestaltungsfläche zu platzieren. Ordnen Sie dann nach Belieben Ihre gewünschten Elemente (z.B. Fotos) auf der Fläche an. Der Übersichtlichkeit halber empfiehlt es sich, die Platzhalter-Grafiken anschließend wieder zu löschen.

B.6 Hintergrund

1

2

3

1. Der 5. Punkt in der linken Menüleiste ist der Hintergrund. Hier legen Sie eine flächendeckende Hintergrundfarbe für Ihr Design fest.
2. Zur Auswahl stehen mehrere gängige Standardfarben. Um die Hintergrundfarbe wieder zu entfernen, klicken Sie auf das weiße Kästchen.
3. Alternativ zu den Standardfarben können Sie über das Kästchen mit dem Plus-Symbol einen eigenen Farbwert festlegen – entweder per Auswahl über Farbfeld und -slider oder mittels Eingabe eines RGB-Hexadezimalcodes.

B.7 Ebenen

1

2

3

1. Der 6. Punkt in der linken Menüleiste ist die Ebenenübersicht. Hier können Sie die einzelnen Elemente Ihres Designs vor- respektive hintereinander anordnen.
2. Wenn Sie ein Element Ihres Designs auswählen – entweder per Klick auf das Element auf der Gestaltungsfläche oder auf die entsprechende Ebene im linken Bereich –, wird der Ebeneneintrag mit einem blauen Rahmen markiert.
3. Indem Sie mit der Maus auf einen Ebeneneintrag klicken, halten und nach oben oder unten ziehen, ändern Sie die Anordnung dieser Ebene in Ihrem Design. Eine Ebene wird von anderen Ebenen, die weiter oben in der Liste stehen, verdeckt, falls die Elemente der beiden Ebenen überlappen.

B.8 Sonstiges

1

2

3

4

5

6

1. Wenn Sie ein Element wie z.B. ein Textfeld oder Foto per Mausklick auswählen, können Sie die weißen Greifpunkte an den Ecken oder Rändern anklicken und halten und dann nach innen oder außen ziehen, um das Element zu skalieren, also zu verkleinern oder vergrößern.
2. Klicken Sie stattdessen auf den außen liegenden Greifpunkt, können Sie das Element mit entsprechenden Mausbewegungen drehen.
3. Klicken Sie nach Auswahl eines Elements mit der rechten Maustaste auf die Gestaltungsfläche, dann erhalten Sie eine Reihe von Kontextoptionen, um das Element zu modifizieren.
4. Über die Schaltflächen “Rückgängig” (Tastaturkürzel: STRG + Z) und “Wiederholen” können Sie die letzte getätigte Aktion widerrufen respektive eine rückgängig gemachte Aktion wiederherstellen.
5. Bei Produkten mit beidseitigem Druck bzw. mit zwei Druckteilen wechseln Sie mit den Pfeilen auf der rechten Seite zwischen dem Vorder- und Rückseitenmotiv.
6. Möchten Sie das gleiche Motiv auf beide Seiten drucken lassen, dann gestalten Sie nur ein Design für die Vorderseite und lassen die Rückseite leer (weiß).

Bei Fragen sind wir stets für Sie erreichbar

Wenn Sie über die oben beschriebenen Punkte hinaus noch Fragen zur Erstellung Ihrer Druckvorlage haben, zögern Sie nicht, uns direkt anzusprechen. Unsere Kundenberater beantworten gerne Ihre Fragen zum Online-Designer, damit Sie ein ordnungsgemäßes Layout für ein tolles Druckprodukt erstellen können. Sie erreichen uns montags bis freitags telefonisch oder mittels E-Mail.