Bestpreis-GarantieKauf auf RechnungOnline-Designer
0351 20 44 444Mo - Fr: 8 - 18 Uhr
Saxoprint
Kundenbereich
Anmelden Hallo ##Anrede## ##Nachname##

Neukunde? Registrieren.

AuftragsübersichtGespeicherte DesignsAdressbuchKundendatenNewsletterAbmelden
Warenkorb
  • Saxoprint
  • Druckprodukte
    Werbebedarf
    • Aufkleber
    • Broschüren & Kataloge 
    • Bücher
    • Etiketten
    • Flyer 
    • Folder 
    • Grußkarten
    • Haftnotizen
    • Kalender & Werbekalender
    • Karten
    • Lesezeichen
    • Multimedia
    • Plakate & Poster 
    • Postkarten
    • Prospekte
    • Schreibblöcke
    • Tragetaschen
    Geschäftsausstattung
    • Briefpapier 
    • Briefumschläge
    • Durchschreibesätze 
    • Haftnotizen
    • Kalender
    • Loseblattsammlung
    • Notizbücher
    • Ordner
    • Präsentationsmappen
    • Schreibblöcke
    • Schreibtischunterlagen
    • Stempel
    • Versandtaschen
    • Visitenkarten 
    Gastro & Event
    • Beachflags
    • Eintrittskarten
    • Faltzelte
    • Kellnerblöcke
    • Klatschpappen
    • Liegestühle
    • Pappbecher
    • Plakate & Poster 
    • Speisekarten (gebunden)
    • Speisekarten (gefalzt)
    • Tischaufsteller
    • Tischsets
    • Tragetaschen
    Overnight
    • Bonuskarten
    • Briefpapier
    • CD- & DVD-Booklets
    • CD-Cover
    • Flyer
    • Folder
    • Grußkarten
    • Speisekarten
    • Taschenkalender
    • Terminkarten
    • Tischsets
    • Visitenkarten
    Alle Produkte anzeigen Produktmuster bestellen 
  • Bestpreis-Garantie
    Briefpapier
    Broschüren
    Flyer
    Folder
    Grußkarten
    Kalender
    Plakate & Poster
    Postkarten
    Schreibblöcke
    Schreibtischunterlagen
    Gefalzte Speisekarten
    Visitenkarten
    Mehr Informationen Papiermuster bestellen 
  • Verpackungen
    Faltschachteln
    Verpackungen mit Deckel
    Geschenkverpackungen
    Schuber
    Kissen- und Taschenverpackungen
    Offene Verpackungen
    Lebensmittelechte Verpackungen
    Transport- und Versandkarton
    Alle Produkte anzeigen Verpackungsmuster bestellen 
  • Werbetechnik
    Fahnen & Flaggen
    Faltzelte
    Klebefolien
    Leuchtreklame
    Messetheken
    Messewände
    Planen
    Roll Ups
    Schilder
    Stoffbanner
    Textilspannrahmen
    X- / L- Banner
    Alle Produkte anzeigen Produktmuster bestellen 
  • Corona-Produkte
    Fußbodenfolien
    Roll Ups Transparent
    Gesichtsmasken
    Gesichtsvisiere
    Gastronomie Produkte
    Home Office Produkte
    Alle Produkte anzeigen 
  • Service und Hilfe
    Bestellinformationen
    • Bestellprozess
    • Logosponsoring
    • Reseller
    • Sicherheit
    • Vorteile
    Druckdaten
    • Datencheck
    • Druckdatenanleitung
    • Druckvorlagen
    • Online-Designer
    • SAXOPRINT® pro design
    Produktoptionen
    • Druckveredelungen
    • Papierformate
    • Produktmuster
    • Sonderfarben
    FAQÜber unsBlog
    Persönlicher KontaktPersönliche Fachberatung
    • 0351 20 44 444
    • Mo - Fr:8 - 18 Uhr
    •  
    • service@saxoprint.de
    • Kontaktformular
  • Anmelden Hallo ##Anrede## ##Nachname##

    Neukunde? Registrieren.

    AuftragsübersichtGespeicherte DesignsAdressbuchKundendatenNewsletterAbmelden
    2
  • Druckprodukte
  • Bestpreis-Garantie
  • Verpackungen
  • Werbetechnik
  • Corona-Produkte
  • Service & Hilfe
  • Blog

Freitagstutorial: Cover mit Sechseck-Muster gestalten

Freitagstutorial: Cover mit Sechseck-Muster gestalten
von Thomas Trummer | 15. Februar 2013
0 Kommentare
Tags: Illustrator, Photoshop-Tutorials, selbst gestalten, Tutorial

Einfache Formen, einige antike Papier-Texturen und eine schicke Schriftart – dies sind die Zutaten für unser heutiges Freitagstutorial. Ich möchte euch heute zeigen, wie man mit einem Sechseck-Muster und einigen Texturen ein schickes Cover im Bienenwaben-Design zaubert. Gestaltet mit Hilfe von Adobe Illustrator und Photoshop, handelt es sich hierbei um ein universell einsetzbares Design, dass in vielen verschiedenen Größen angewendet werden kann. Ich zeige euch heute die Erstellung anhand eines DIN A4-Dokumentes, welches sich zum Beispiel als Cover für eine Broschüre oder einen Werbeprospekt eignet.

Step 1

Zunächst könnt ihr euch in unserem Vorlagenbereich eine Druckvorlage in eurer gewünschten Größe herunterladen. Da wir bei der Erstellung zunächst Vektorobjekte erstellen, ist es später einfach möglich, die Sechsecke auch größer oder kleiner zu skalieren. Ihr öffnet euch also nun zunächst eure heruntergeladene Vorlage in Adobe Illustrator (Strg+O) und sperrt mit Klick auf das markierte Schlosssymbol die beiden Ebenen „Anschnitt“ und „Textbereich“. Ihr arbeitet nun nur noch in der Ebene „Meine Ebene“, welche ihr im Ebenendialog nach oben schiebt. Mit dem Polygon-Werkzeug und gedrückt gehaltener Umschalt-Taste erstellt ihr euch ein Sechseck.

Tutorial_Sechseck_Muster (1)

Step 2

Mit Hilfe des Auswahl-Werkzeuges (V) und mit gedrückter Umschalt-Taste dreht ihr das Sechseck um exakt 90°.

Tutorial_Sechseck_Muster (2)

Step 3

Mit dem aktivierten Pfad geht ihr nun auf den Menüpunkt Objekt->Pfad->Pfad verschieben und verschiebt das Sechseck hier um 3 mm.

Tutorial_Sechseck_Muster (3)

Step 4

Nun müsst ihr vom äußeren Pfad die Farbe für die Füllung und für die Kontur entfernen. Dazu aktiviert ihr das Objekte mit dem Auswahl-Werkzeug (V) und klickt jeweils separat für die Füllung und die Kontur auf die markierte Schaltfläche „Ohne“ (#) unten in der Werkzeugleiste. Mit Strg+Y wechselt ihr nun in die Pfad-Ansicht (Ansicht->Pfad-Ansicht).

Tutorial_Sechseck_Muster (4)

Step 5

Ihr setzt jetzt den Haken bei Ansicht->Intelligente Hilfslinien (Strg+U) und dann kopiert ihr die beiden aktivierten Pfade mit Strg+C und fügt sie vor dem aktuellen Objekt wieder mit Strg+F ein. Die Kopie verschiebt ihr dann mit Hilfe des Auswahl-Werkzeuges (V) nach rechts, so dass exakt folgendes Bild entsteht.

Tutorial_Sechseck_Muster (5)

Step 6

Ihr kopiert jetzt erneut die Kopie aus Step 5 und fügt sie wieder ein, verschiebt sie und wiederholt das Ganze so lange, bis ihr eine geschlossene Reihe, wie hier zu sehen, habt.

Tutorial_Sechseck_Muster (6)

Step 7

Jetzt müsst ihr diese Reihe in die Arbeitsfläche einpassen, da sie am rechten Bildrand noch etwas herausragt. Dazu markiert ihr alle Sechsecke und mit dem Auswahl-Werkzeug (V) und mit gedrückt gehaltener Umschalt-Taste verkleinert ihr nun diese Reihe und erhaltet somit die Proportionen.

Tutorial_Sechseck_Muster (7)

Step 8

Nun müsst ihr diese Reihe kopieren (Strg+C) und die Kopie davor wieder einfügen (Strg+F). Dann schiebt ihr die Kopie nach unten, so dass folgendes Bild entsteht. Dabei müsst ihr wirklich exakt vorgehen, da ihr sonst spätestens bei der nächsten und übernächsten Reihe Probleme mit dem Einpassen bekommen werdet. Zum einfacheren Rein- und Rausscrollen könnt ihr auch das Mausrad bei gedrückt gehaltener Alt-Taste bewegen. Zum Verschieben des Bildausschnittes haltet ihr einfach die Leertaste gedrückt und zieht euch den Bildausschnitt mit der Maus an die gewünschte Position.

Tutorial_Sechseck_Muster (8)

Step 9

Dann markiert ihr einfach die beiden Reihen, kopiert sie und fügt sie davor wieder ein. Dann verschiebt ihr auch diese Kopie wieder wie in Step 8 beschrieben. Das wiederholt ihr solange, bis das Bild vollständig mit den Sechsecken gefüllt ist.

Tutorial_Sechseck_Muster (9)

Step 10

Jetzt müsst ihr die rechts am Rand überstehenden Sechsecke löschen. Dazu markiert ihr die Objekte mit dem Auswahl-Werkzeug (V) und haltet die Umschalt-Taste gedrückt. Wenn ihr so alle Objekte markiert habt, könnt ihr die fünf Sechsecke ganz einfach mit der Entf-Taste löschen.

Tutorial_Sechseck_Muster (10)

Step 11

Um nun alle Elemente auch mittig im Bild zu platzieren, müsst ihr alle Objekte markieren (Strg+A) und dann gruppieren (Strg+G). Dann klickt ihr oben in der Steuerungsleiste auf die markierten Schaltflächen, um die Gruppe horizontal und vertikal im Bild zu zentrieren. Danach könnt ihr die Gruppierung mit Umschalt+Strg+G wieder aufheben.

Tutorial_Sechseck_Muster (11)

Step 12

Mit erneutem Klick auf Strg+Y könnt ihr die Pfad-Ansicht wieder verlassen. Dann zieht ihr euch ein Rechteck mit dem Rechteck-Werkzeug (M) auf. Dieses hat keine Kontur und die Füllfarbe ist ein helles Beige (#F0E9D7). Das Rechteck schiebt ihr in der Ebenenpalette ganz nach unten.

Tutorial_Sechseck_Muster (12)

Step 13

Ihr löscht nun von den weißen Sechsecken auch noch die schwarze Kontur, so dass als Farbe lediglich das Weiß der Füllung bleibt. Nun markiert ihr diese weißen Rechtecke mit dem Direktauswahl-Werkzeug und füllt sie mit einem hellen Türkis (#719991), einem Rosa (#E29696), einem hellen Rot (#788A9E), einem hellen Blau (#FE4B47) und einem eher ziemlich dunklen Blau (#051632). Diese Farben könnt ihr euch in den Farbfeldern ablegen, damit ihr leichter auf sie zurückgreifen könnt.

Tutorial_Sechseck_Muster (13)

Step 14

Ihr füllt nun auch die restlichen Rechtecke mit den in Step 13 angegebenen Farben, so dass am Ende dieses Steps das Bild in etwa so aussieht.

Tutorial_Sechseck_Muster (14)

Step 15

Mit dem Rechteckwerkzeug (M) erstellt ihr euch nun 125 x 80 mm großes Rechteck. Dieses verseht ihr mit einer 3 pt starken, weißen Kontur. Die Flächenfarbe dieses Rechteckes ist wieder das schon einmal verwendete helle Blau (#788A9E). Damit euer Rechteck auch vertikal zentriert wird, klickt ihr für das mit dem Auswahl-Werkzeug (V) aktivierte Objekt auf die markierte Schaltfläche oben in der Steuerungsleiste.

Tutorial_Sechseck_Muster (15)

Step 16

Nun zieht ihr euch auch mit dem Rechteck-Werkzeug (M) ein weiteres Objekt auf. Dieses ist dann 40 x 85 mm groß und hat dieselben Grafikattribute wie das Objekt aus Step 15. In der Ebenenpalette schiebt ihr das kleine Rechteck unter das Große.

Tutorial_Sechseck_Muster (16)

Step 17

Mit dem Ankerpunkt hinzufügen-Werkzeug (+) fügt ihr diesem Rechteck an der linken Seite ungefähr in der Mitte einen weiteren Ankerpunkt hinzu. Mit dem Direktauswahl-Werkzeug (A) schiebt ihr diesen Ankerpunkt ein wenig in Richtung Bildmitte, so dass in etwa folgendes Bild entsteht:

Tutorial_Sechseck_Muster (17)

Step 18

Dieses Objekt kopiert ihr nun (Strg+C) und fügt es davor wieder ein (Strg+F). Dann geht ihr mit der aktivierten Kopie auf Objekt->Transformieren->Spiegeln und spiegelt das Objekt vertikal. Jetzt schiebt ihr es mit Hilfe des Auswahl-Werkzeuges (V) nach rechts.

Tutorial_Sechseck_Muster (18)

Step 19

Bei dafont.com (©Julia Martínez Diana, dafont.com) ladet ihr euch nun die Schriftart „Belta“ herunter und installiert sie auf eurem Computer. Dann schreibt ihr mit dem Text-Werkzeug (T) einen beliebigen Text. Ich habe für den Schriftzug die Schriftart „Belta Regular“ gewählt und ein wenig mit dem Schriftgrößen und den Zeichenabständen herumexperimentiert.

Tutorial_Sechseck_Muster (19)

Step 20

Nun könnt ihr zu Photoshop wechseln und euch eine Vorlage aus unseren Druckvorlagen herunterladen und diese in Photoshop öffnen (Strg+O). Dann füllt ihr die Ebene „Hintergrund“ mit Hilfe des Füll-Werkzeuges (G) mit demselben Beige, wie das Rechteck in Illustrator (#F0E9D7). Die Ebene „Meine Ebene“ könnt ihr dann im Photoshop-Dokument löschen.

Tutorial_Sechseck_Muster (20)

Step 21

Ihr löscht nun in Adobe Illustrator die Flächenfarbe Beige des großen Rechteckes im Hintergrund. Dann wählt ihr zunächst mit dem Direktauswahl-Werkzeug (A) ein türkises Sechseck aus. Nun geht ihr auf Auswahl->Gleich->Flächenfarbe und wählt somit dann die anderen Sechsecke mit diesem Aussehen aus. Mit gedrückter Strg- und Umschalt-Taste klickt ihr auf die markierte Schaltfläche hinter dem Rechteck und fügt dieses somit zur Auswahl hinzu. Diese Auswahl kopiert ihr dann wieder (Strg+C) und fügt sie als Smart-Objekt (Strg+V) in Photoshop wieder ein. Mit dem Kopieren der Sechsecke und dem zusätzlichen Rechteck wird gewährleistet, dass alle Elemente ihre Position auch nach dem Einfügen beibehalten. Das Rechteck dient hierbei sozusagen als Platzhalter.

Tutorial_Sechseck_Muster (21)

Step 22

Ihr kopiert nun in Illustrator die hellroten Sechsecke und das Rechteck (Strg+C) und fügt sie in Photoshop wieder als Smart-Objekte ein (Strg+V).

Tutorial_Sechseck_Muster (22)

Step 23

Genauso verfahrt ihr nun auch mit den restlichen Sechsecken. Nach Farben auswählen, der Auswahl das Rechteck hinzufügen, kopieren und in Photoshop als Smart-Objekt wieder einfügen. Am Ende muss euer Dokument in Photoshop wie hier zu sehen aussehen:

Tutorial_Sechseck_Muster (23)

Step 24

Nun kopiert ihr noch die Gruppe mit dem Banner und der Schrift in Illustrator und fügt auch diese als Smart-Objekt in Photoshop hinzu.

Tutorial_Sechseck_Muster (24)

Step 25

Nun könnt ihr eure Datei nach nochmaligem Abspeichern in Illustrator schließen und wieder zu Photoshop wechseln, da wir ab sofort nur noch hier arbeiten werden. Für den nun folgenden Schritt müsst ihr euch zunächst bei lostandtaken.com ein Texturen-Set herunterladen. Dann geht ihr in Photoshop auf Datei->Platzieren und fügt dort eure Lieblingstextur aus diesem Set vom Speicherort hinzu. Diese Textur dreht ihr zunächst mit gedrückter Umschalt-Taste um exakt 90° und skaliert sie mit ebenfalls gedrückter Umschalt-Taste auf die richtige Größe. Im Ebenendialog schiebt ihr diese Textur dann über die Hintergrundebene. Den Modus der eingefügten Ebene verändert ihr in „Multiplizieren“ und die Deckkraft senkt ihr auf 25 %. Dann geht ihr für diese Ebene auf Ebene->Schnittmaske erstellen (Alt+Strg+G), so dass diese Textur nur auf die darunterliegende Ebene wirkt.

Tutorial_Sechseck_Muster (25)

Step 26

Nun erkennt ihr auch, warum wir jede Farbe der Rechtecke als eigene Ebene einzeln eingefügt haben. Wir wollen hier den Sechsecken mit unterschiedlichen Farben eine andere Textur zuweisen, um ein abwechslungsreiches Bild zu erhalten. Ihr verfahrt nun mit den anderen Ebenen wie in Step 25 beschrieben. Hier müsst ihr allerdings den Modus in „Weiches Licht“ ändern und für jede Ebene etwas mit der Deckkraft herumexperimentieren. Am Ende müsst ihr jeder der eingefügten Ebenen eine Textur zugewiesen haben.

Tutorial_Sechseck_Muster (26)

Step 27

Ihr könnt nun, nachdem ihr kontrolliert habt, ob Nichts in diesen Bereich hineinragt, die Ebenen „Anschnitt“ und „Textbereich“ löschen. Danach vereint ihr alle Ebenen auf eine (Strg+E) und speichert dieses Projekt als PSD-Datei ab. Ihr könnt euer Produkt nun, egal ob ihr es als Flyer, Grußkarte oder Plakat angelegt habt, bei Saxoprint.de drucken lassen.

Tutorial_Sechseck_Muster (27)

Fertig!

Wenn ihr das Ganze noch einmal zuhause in Ruhe nachvollziehen wollt, dann könnt ihr euch die [Download nicht gefunden.] herunterladen.

Tutorial_Sechseck_Muster_fertig

Dieser Blogbeitrag wurde von Thomas Trummer verfasst

Hallo, mein Name ist Thomas Trummer und bereits seit 2009 veröffentliche ich in regelmäßigen Abständen innovative Grafik-Tutorials. In diesen erkläre ich Step by Step die Gestaltung von Printmedien, das Erstellen von Effekten oder das Bearbeiten von Fotos. Einsteiger, aber auch Professionals, können mit Hilfe dieser Anleitung Flyer, Visitenkarten oder Poster von Anfang bis Ende optimal gestalten und diese im Anschluss bei SAXOPRINT bestellen.

Durch die Nutzung bekannter Grafikanwendungen wie Photoshop, Illustrator oder auch GIMP möchte ich auf die individuellen Bedürfnisse unserer Leser eingehen und die unterschiedlichen Handhabungen aufzeigen. Selbstverständlich freue ich mich an dieser Stelle über Feedback jeglicher Art.

Das könnte dich auch interessieren



Freitagstutorial: Plakat für das Holi Festival gestalten

Freitagstutorial: Riffelblech-Visitenkarte gestalten

Freitagstutorial: Foto-Grußkarte in Photoshop gestalten

Kommentar hinterlassen

Mit dem Absenden des Kommentars bestätigst Du, dass Du unsere Datenschutzerklärung zur Kenntnis genommen hast.

  Abbrechen


  • THEMEN AUF DEM SAXOPRINT BLOG

    • Druck & Gestaltung
    • Tutorials
    • Gut zu wissen
    • Die Drucklotsin
    • Aus der Fertigung
    • Presse & Sponsoring
    • Gewinnspiele
    • Unsere Blogredaktion
  • Nichts mehr verpassen

    • 68231likes
    • 1819followers
    • 1373followers
    • 1300subscribers
  • Die SAXOPRINT Bestpreis-Garantie

  • Neueste Artikel

    • Perfekt vorbereitet auf das neue Schuljahr mit einem Stundenplan zum Ausdrucken
    • Video-Tutorial: Ein Buch mit Hardcover gestalten (inkl. Unboxing)
    • Die Verwendung des Pantone Matching Systems im Offsetdruck
    • Sonderfarben im HKS-Farbfächer (HKS-Farbtabelle)
    • Wahlwerbung drucken: So gelingt der nächste Wahlkampf
  • Neueste Kommentare

    • Kitty Appeared bei 25 frische Photoshop-Aktionen für die Bildbearbeitung
    • Verena bei Wichtiges Marketinginstrument Messe: Tipps für einen erfolgreichen Messeauftritt
    • Christian Greim bei QuickTipp: In GIMP 2.8 RGB zu CMYK umwandeln
    • Henrik Blendermann bei B2B-Vertriebskanäle: On- und Offline-Vertriebskanäle
    • Alex bei 66 Beispiele für Werbeanzeigen aus Printkampagnen
  • Wonach suchst Du?



© SAXOPRINT 2019 Impressum & Datenschutz & Cookie-Einstellungen

Produkte
  • Flyer drucken
  • Aufkleber drucken
  • Broschüren drucken
  • Kalender & Werbekalender drucken
  • Visitenkarten drucken
Informationen
  • Über uns
  • Karriere
  • Druckdatenanleitung
  • Druckvorlagen
  • FAQ
Newsletter

Jetzt zum Newsletter anmelden und 5 Euro Willkommensgutschein für die nächste Bestellung sichern.

Kontakt

Persönliche Fachberatung

0351 20 44 444
Mo - Fr:
9 - 18 Uhr


Kontaktformular
service@saxoprint.de
700
engagierte Druckexperten
20
Jahre Druckerfahrung
3,3
Fussballfelder große Produktionsfläche
Kauf auf Rechnung
Vorkasse
Deutschland
  • Österreich
  • Schweiz
  • Großbritannien
  • Frankreich
  • Spanien
  • Italien
  • Niederlande
  • Belgien
AGB |  Datenschutz |  Impressum |  Karriere |  Kontakt |  Cookie-Einstellungen