Step 1
Bevor ihr beginnen könnt, müsst ihr euch eine unserer quadratischen Druckvorlagen herunterladen. Ich habe mich hier für die 210 x 210 mm-Variante mit vier Seiten für Adobe Illustrator entschieden. Dieses Tutorial ist natürlich als Vektorgrafik frei skalierbar und auch auf alle anderen Formate anwendbar. Zunächst öffnet ihr die Vorlage in Adobe Illustrator über den Menüpunkt Datei->Öffnen. Dann fügt ihr mit dem Rechteck-Werkzeug (M) ein 65 x 214 mm großes Rechteck hinzu. Dieses hat keine Kontur und eine beige Flächenfarbe (#FFE7CB).
Step 2
Nun könnt ihr euch dieses Beige schon einmal im Fenster „Farbfelder“ in die neue Farbgruppe „Speisekarte“ ziehen, die ihr mit Klick auf das markierte Symbol erstellen könnt. Ihr zieht die Farbe aus dem Werkzeugfenster in die Farbgruppe. Dem Beige (#FFE7CB) fügt ihr noch helles Rosa (#FBBA92), ein Hellbraun (#9F593F), ein Dunkelbraun (#240B0C) und ein helles Rotbraun (#773C3F) hinzu.
Step 3
Mit dem Abgerundetes-Rechteck-Werkzeug, welches ihr in der Werkzeugleiste unter dem Rechteck-Werkzeug (M) findet, klickt ihr auf die Zeichenfläche und erstellt dann im sich öffnenden Fenster ein 35 x 35 mm großes Rechteck mit einem Eckenradius von 4 mm. Für die Flächenfarbe dieses Rechteckes wendet ihr das im Fenster „Farbfelder“ abgelegte Rotbraun (#773C3E) an. Dieses Rechteck hat keine Kontur.
Step 4
Dieses soeben erstellte, aktivierte Rechteck kopiert ihr jetzt mit der Tastenkombination Strg+C und fügt die Kopie vor dem Original wieder ein (Strg+F). Dann macht ihr die Kopie kleiner, in dem ihr mit dem Auswahl-Werkzeug (V) an einer Ecke mit gedrückt gehaltener Alt- und Umschalt-Taste anfasst und diese Ecke zur Mitte hin schiebt. Die Kopie verschiebt ihr dann noch um einige Millimeter nach links und nach unten. Nun markiert ihr im Ebenenfenster mit gedrückter Umschalt-Taste und Klick beide Rechteck-Ebenen und geht im Pathfinder-Fenster auf „Vorderes Objekt abziehen“. So wird aus den beiden Rechtecken ein zusammengesetzter Pfad.
Step 5
Von diesem zusammengesetzten Pfad erstellt ihr nun eine Kopie. Diese Kopie spiegelt ihr einmal horizontal (Objekt->Transformieren->Spiegeln) und dann noch einmal vertikal. Nun ordnet ihr die Kopie in etwa, wie hier zu sehen, im Bild an.
Step 6
Von beiden Rechtecken erstellt ihr nun mehrere Kopien und ordnet diese, wie hier zu sehen, an. Die Flächenfarben der einzelnen Rechtecke ändert ihr, wie hier im Bild zu sehen. Anschließend markiert ihr alle Rechtecke und gruppiert sie (Strg+G).
Step 7
Nun ruft ihr das Liniensegment-Werkzeug (Umschalt+:) auf und zieht mit gedrückt gehaltener Umschalt-Taste eine senkrechte Linie auf. Diese hat eine Konturstärke von 8 pt und ist exakt 214 mm lang. Als Farbe stellt ihr zunächst das leichte Rosa (#FBBA92) ein.
Step 8
Ihr markiert nun wieder diese Linie und geht dafür auf Objekt->Transformieren->Verschieben. Dann gebt ihr dort bei Abstand 7,9 pt ein und stellt die anderen Werte, wie hier zu sehen, ein. Danach klickt ihr auf „Kopieren“, so dass eine Kopie der Ursprungslinie erstellt wird. Anschließend wiederholt ihr die Tastenkombination Strg+D so lange, bis die gesamte rechte Seite mit Linien gefüllt ist.
Step 9
Mit dem Direktauswahl-Werkzeug (A) und gedrückt gehaltener Umschalt-Taste wählt ihr nun willkürlich einige der Linien aus und färbt deren Kontur mit den Farben aus dem Farbfeld „Speisekarte“ ein.
Step 10
Anschließend gruppiert ihr wieder alle Linien und habt damit schon das Grunddesign eurer Speisekarten erstellt. Jetzt macht ihr in der Ebenenpalette noch ein wenig Ordnung und dann könnt ihr dieses Design durch Kopieren und Einfügen auch schon auf die letzte Seite der Karte übertragen.
Step 11
Mit dem Rechteck-Werkzeug (M) erstellt ihr euch nun ein 35 mm hohes und 151 mm breites Rechteck (#FEE7CB). Auf dieses schreibt ihr mit dem Textwerkzeug (T) und der Schriftart „Valentina“, die ihr hier im Artikel über die kostenlosen Schriftarten meines Kollegen Robert finden könnt, den Namen eures Restaurants.
Step 12
Nun könnt ihr auf der Rückseite schon mal ein Bild (© Alan Light, Flickr) von euch in eurem Restaurant einfügen. Dieses Bild habe ich in Adobe Photoshop noch etwas bearbeitet und die Instagram-Aktion „Earlybird“ angewendet, die ihr bei Mattes Buskies findet. Das fertig bearbeitete Bild fügt ihr über Datei->Platzieren in die Illustrator-Datei ein. Mit dem Auswahl-Werkzeug (V) und gedrückt gehaltener Umschalt-Taste könnt ihr das Bild auf die richtige Größe skalieren und an die geeignete Stelle schieben. Ist das Bild richtig positioniert klickt ihr noch auf die Schaltfläche „Einbetten“. Dann fügt ihr auch unter dieses Bild wieder ein 151 x 110 mm großes, beiges Rechteck ein.
Step 13
Jetzt fügt ihr unten auf dieser Seite ein weiteres 151 x 13 mm großes Rechteck ein (#FFE7CB) und schreibt auch hier mit der Schriftart „Valentina“ (Schriftgröße 14 pt, Schriftfarbe Braun #9F593F) eure Adresse hin.
Step 14
Da einige Rechtecke nun leider noch über den Dokumentenrand herausragen, könnt ihr mit dem Rechteck-Werkzeug (M) ein Rechteck über die gesamte Zeichenfläche ziehen. Dieses schiebt ihr im Ebenendialog ganz nach oben. Dann markiert ihr alle bisher erstellten Objekte inklusive dem großen Rahmen und erstellt mit der Tastenkombination Strg+7 eine Schnittmaske, mit der alles, was außerhalb des Rahmen liegt, aus dem Bild ausgeblendet wird. Keine Angst, es ist nicht verloren, sondern einfach nur nicht mehr sichtbar. Alle Elemente können durch Ausblenden der Schnittmaske wieder sichtbar gemacht werden.
Step 15
Jetzt könnt ihr aus dieser Gruppe „Vorder- und Rueckseite“ zunächst die Linien und die beiden Schmuckränder kopieren (Strg+C) und diese davor wieder einfügen (Strg+F). Diese sollen dann auch für die Innenseiten die Grundlage bilden. Für beide Innenseiten erstellt ihr nun jeweils ein Rechteck mit abgerundeten Ecken. Die Flächenfarbe ist das schon bekannte Beige und die 3 pt starke Kontur wird Braun (#9F593F).
Step 16
Von diesem Rahmen erstellt ihr wieder eine Kopie, die ihr dann mit dem Auswahl-Werkzeug (V) auf die andere Seite schiebt. Dann zieht ihr euch ein paar Hilfslinien aus der Linealleiste (Strg+R) und ordnet diese, wie hier zu sehen, an. Mit dem Textwerkzeug (T) könnt ihr nun schon eure Speisekarten mit eurem Angebot versehen. Als Schriftart könnt ihr hier auch wieder „Valentina“ wählen.
Step 17
Damit eure Gäste auch gleich erkennen, in welcher Kategorie sie gerade blättern, könnt ihr als Platzhalter noch kleine Food-Icons hinzufügen. Diese könnt ihr euch beim Smashing Magazine kostenlos herunterladen. Für den Reiter erstellt ihr euch ein 12 x 18 mm großes, abgerundetes Rechteck mit einem Eckenradius von 2 mm. Dann kopiert ihr dieses Objekt und verkleinert es auf 11 x 16 mm. Ihr löscht hier die Flächenfarbe und wendet für die 1 pt starke Kontur wieder das schon bekannte Beige an. Aus dem Iconset zieht ihr nun mit dem Auswahl-Werkzeug (V) das Pizza-Icon heraus und platziert es in der richtigen Größe in eurer Speisekarte. Dabei ist die Fläche mit unserem Beige eingefärbt und die Kontur hat keine Färbung. Anschließend gruppiert ihr alle drei Reiter-Elemente.
Step 18
Das Gleiche wiederholt ihr nun auf der anderen Seite für die Getränke oder eben die andere Speisen. Auch hier fügt ihr wieder einen Reiter samt Icon aus dem Iconset hinzu. Um nicht jedes Mal einen neuen Reiter zu erstellen, kopiert ihr euch einfach den Reiter von links und schiebt die Kopie mit dem Auswahl-Werkzeug nach rechts.
Step 19
Zur Auflockerung könnt ihr auch hier noch Produktbilder einfügen. Auch diese beiden Beispielbilder hier
habe ich mit dem Earlybird-Effekt bearbeitet. Die Fotos fügt ihr wieder über Datei->Platzieren ein. Beide Fotos haben hier in diesem Dokument eine Größe von 75 x 50 mm.
Fertig!
Jetzt fügt ihr auch dieser Innenseite wieder eine Schnittmaske hinzu. Dann speichert ihr das Ganze als PDF-Datei ab und schon könnt ihr die Druckdaten eurer Speisekarte zu Saxoprint übertragen und Drucken lassen. Um das ganze Tutorial noch besser nachvollziehen zu können, habe ich es für euch hier unten noch einmal zum Download bereitgestellt. Außerdem möchte ich euch noch auf zwei weitere Tutorials für eine Restaurantkarte als auch eine Barkarte hinweisen.
