Erstellen Sie Ihren eigenen Kalender mit Illustrator und InDesign

Simona Pfreundner

Jun 3, 2010 • 10 min read

Graphic Design Print Design Graphic Templates Adobe InDesign

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

Final product image — What You'll Be Creating

Final product image — What You'll Be Creating

Dieses Tutorial wurde ursprünglich im Juni 2010 als Tuts+ Premium-Tutorial veröffentlicht. Es steht jetzt kostenlos zur Ansicht zur Verfügung. Obwohl dieses Tutorial nicht die neueste Version von Adobe InDesign und Adobe Illustrator verwendet, sind die Techniken und der Prozess dennoch relevant.

Ein Kalender ist eine großartige Möglichkeit, aus Ihren Kreationen etwas Ansprechendes und Praktisches zu machen. In diesem Tutorial erfahren Sie, wie Sie einen druckfertigen 12-Monats-Kalender mit Grunge-Text, dem Werkzeug für verknüpften Text, Musterseiten und Ebenen erstellen.

Benötigen Sie eine schnelle Lösung für Ihre Designanforderungen? Schauen Sie sich unsere erstaunliche Auswahl an Kalendervorlagen von GraphicRiver und Envato Elements an.

1. Wie kann man das Kalenderdokument einrichten?

Schritt 1

Öffnen Sie Illustrator und erstellen Sie ein neues Dokument, stellen Sie die Anzahl der Zeichenflächen auf 12, den Abstand auf 20 pt, die Breite: 234 pt, die Höhe: 522 pt ein. Die Größe des Kalenders beträgt 3,25 "x 7,25". Auf diese Weise können wir zwei Kalenderseiten auf einem Papier im Format Brief ausdrucken. Stellen Sie 9 pt für den Anschnitt ein.

Schritt 2

Klicken Sie auf OK, und Sie erhalten Folgendes: 12 Zeichenflächen, eine für jeden Monat.

Schritt 3

Die Farbpalette richtet sich nach den persönlichen Vorlieben. Ich dachte an die Monate und Jahreszeiten und wollte ein Pastell-Feeling wiedergeben. Adobe Kuler ist eine großartige Ressource, wenn Sie nicht wissen, wo Sie anfangen sollen. Unten habe ich die Farben skizziert und den Farbmodus auf CMYK eingestellt. Die erste Farbe links wird als Hintergrundfarbe für die Kalenderseiten verwendet. Die anderen Farben sind für die Monate.

Schritt 4

Wählen Sie das Rechteck-Werkzeug (M) und zeichnen Sie ein Rechteck auf die Zeichenflächen, einschließlich Beschnitt. Füllen Sie die Formen mit der grünen Farbe. Kopieren Sie die Form und fügen Sie sie in jede Zeichenfläche ein.

2. Wie kann man Text zu den Zeichenflächen hinzufügen?

Schritt 1

Ich habe die Schriftart einfach gehalten. Bitte zögern Sie nicht, Ihre eigene auszuwählen. Ich habe mich für Arial Black entschieden. Wählen Sie das Textwerkzeug (T) aus und beginnen Sie mit der Eingabe des Alphabets. Dann kopieren und fügen Sie die Textzeilen untereinander (neun Mal) ein und versetzen sie nach links. Lassen Sie ein wenig Platz.

Schritt 2

Wählen Sie den gesamten Text aus und umreißen Sie ihn mit Befehl-Umschalt-O.

Schritt 3

Gruppieren Sie den Text (Befehl-G) und platzieren Sie ihn auf der ersten Zeichenfläche. Richten Sie das "A" nach oben links aus.

Schritt 4

Wählen Sie das Rechteck-Werkzeug (M) und erstellen Sie ein Rechteck so groß wie die Zeichenfläche (ohne Anschnitt) und platzieren Sie es über dem Text.

Schritt 5

Wählen Sie das Rechteck aus und öffnen Sie die Pathfinder-Palette. Klicken Sie auf die Schaltfläche Zuschneiden. Dadurch wird der zusätzliche Text abgeschnitten.

Schritt 6

Kopieren Sie den Text und fügen Sie ihn auf die verbleibenden Zeichenflächen ein. Sobald dies erledigt ist, kehren Sie zur ersten Zeichenfläche zurück und beginnen Sie, Ihre Buchstaben zu färben. Ich habe die Farben nach Jahreszeiten ausgewählt: ein kaltes Blau für Januar, ein wärmeres Grün für April usw. Wählen Sie die Buchstaben des Monats aus (wählen Sie zum Beispiel die Buchstaben für Januar) und färben Sie sie mit der Farbfeld-Palette.

3. Wie kann man die Farben für die Jahreszeiten ändern?

Schritt 1

Hier sind Februar und März. Bitte zögern Sie nicht, eine beliebige Farbe oder Schriftart zu wählen.

Schritt 2

April und Mai. Ich wählte die Buchstaben jedes Monats aus und färbte sie ein.

Schritt 3

Juni und Juli. Ich habe versucht, mich an Farben zu halten, die den Monat repräsentieren würden. Zum Beispiel ein warmes Rosa für Juni und ein Orange für Juli.

Schritt 4

August und September erhielten gedämpfte Farben.

Schritt 5

Oktober und November.

Schritt 6

Hier sind alle abgeschlossenen Monate. Wenn du es dabei belassen wolltest, ist das cool. Der nächste Schritt wird einen coolen Tipp haben, wie man Dinge verschmutzen kann.

4. Wie kann man dem Text Textur hinzufügen?

Schritt 1

Ich habe eine einfache Textur in Photoshop erstellt. Unten seht ihr das Bild links.

Schritt 2

Öffnen Sie Photoshop und erstellen Sie ein neues Dokument in der Größe des Kalenders (kein Anschnitt).

Schritt 3

Füllen Sie Ihr Dokument mit Weiß und öffnen Sie den Fibers-Filter unter Filters > Render > Fibers. Setzen Sie die Varianz auf 23 und die Stärke auf 8. Klicken Sie auf OK.

Schritt 4

Sie sollten etwas Ähnliches haben, wie Sie es im Bild unten sehen. Speichern Sie dieses Bild als Tiff.

Schritt 5

Gehen Sie zurück zu Illustrator und platzieren Sie Ihre Texturdatei auf der Zeichenfläche (Datei > Platzieren). Stellen Sie sicher, dass die Tiff-Datei über dem Text platziert wird. Als Beispiel habe ich die Texturdatei über die Hälfte des Textes gelegt, aber sie sollte den gesamten Text abdecken.

Tipp: Stellen Sie sicher, dass Sie alle Hintergrundformen auf einer gesperrten Ebene platzieren. Es ist besser, den Text und das Tiff auszuwählen. Wählen Sie die TIFF-Datei und den zugeschnittenen Text aus, gehen Sie zur Transparenz-Palette und wählen Sie über den kleinen Pfeil oben rechts die Option Deckkraftmaske erstellen.

Schritt 6

Die TIFF-Datei ist nur dort sichtbar, wo sich die Textkontur befindet.

Schritt 7

Hier ist ein vollständiges Bild der auf den Text angewendeten Tiff-Grunge-Datei.

Schritt 8

Um dem Text ein dramatisches Aussehen zu verleihen, erstellen Sie eine Kopie der Deckkraftmaske (Befehl-C, dann Befehl-F) und stellen Sie den Ebenenmodus auf Multiplizieren ein. Dadurch erhält der Text einen dunkleren Grunge-Look. Wiederholen Sie dies mit jedem Zeichenflächen-/Kalendermonat.

Schritt 9

Wir sind fast am Ende des Illustrator-Setups. Sie müssen nun die Zeichenflächen als einzelne EPS-Dateien exportieren, die für den Import in InDesign bereit sind.

5. Wie kann man den Kalender erstellen?

Schritt 1

Wählen Sie in Illustrator unter Datei die Option Speichern unter und erstellen Sie einen Ordner namens "links". Nennen Sie die Datei wie Sie möchten und stellen Sie den Dateityp auf EPS ein. Unterhalb des Dateityps finden Sie eine Checkbox "Use Artboards". Klicken Sie darauf und wählen Sie "Alle". Klicken Sie auf OK und die Zeichenflächen werden einzeln gespeichert.

Schritt 2

Öffnen Sie InDesign und erstellen Sie ein neues Dokument mit den folgenden Einstellungen: 12 Seiten, 19p6 Breite, 43p6 Höhe, 9pt Beschnitt.

Schritt 3

Erstellen Sie vier Ebenen und benennen Sie sie, wie Sie im Bild unten sehen.

Schritt 4

Doppelklicken Sie auf die erste Seite, stellen Sie sicher, dass Sie sich auf der EPS-Ebene befinden, wählen Sie das Rechteckrahmen-Werkzeug (F) und zeichnen Sie ein Rechteck so groß wie die Seite mit Beschnitt. Drücken Sie Befehlstaste-D und platzieren Sie die erste Kalendereps(Januar). Wiederholen Sie diesen Schritt mit den restlichen Seiten und platzieren Sie alle EPS-Dateien.

Schritt 5

So sollte die Seite mit der platzierten Datei aussehen.

6. Wie kann man den Kalenderhintergrund erstellen?

Schritt 1

Sperren Sie die eps-Ebene und klicken Sie dann auf die "bg" -Ebene, um sie zu aktivieren. Doppelklicken Sie auf den A-Master. Wir werden einen Hintergrund für die Monate erstellen. Wir möchten für jeden Monat das gleiche Aussehen, daher muss der Hintergrund auf dem A-Master platziert werden. Wählen Sie das Rechteck-Werkzeug (M) und zeichnen Sie ein kleines Rechteck und füllen Sie es mit Hellgrün.

Schritt 2

Zeichnen Sie dann ein kleineres längeres Rechteck und füllen Sie es mit Braun. Wir werden den Monatsnamen darauf platzieren.

7. Wie kann man die Kalendermonate hinzufügen?

Schritt 1

Wählen Sie als Nächstes das Textwerkzeug (T), setzen Sie die Spalten auf 7 und die Bundstegbreite auf 0. Fügen Sie den ersten Buchstaben jedes Wochentages in jede der Spalten ein. Um zur nächsten Spalte zu springen, drücken Sie die Eingabetaste auf Ihrem Nummernblock.

Schritt 2

Erstellen Sie ein weiteres Textfeld mit dem Textwerkzeug (T) und drehen Sie es gegen den Uhrzeigersinn. Stellen Sie den Text auf eine wirklich kleine Größe von 3,75 pt ein. Geben Sie dann den Rest des Tages ein, zum Beispiel "onday". Wiederholen Sie das mit jedem Buchstaben.

Schritt 3

Spielen Sie mit den Größen-, Farb- und Charakterattributen herum. Möglicherweise müssen Sie es zusammendrücken, strecken oder eine noch engere Schriftart wählen. Dieser Teil liegt ganz bei Ihnen.

Schritt 4

So sollte das Setup auf dem A-Master aussehen.

Schritt 5

Kehren Sie zu den Seiten zurück, indem Sie auf die erste Seite doppelklicken. Wählen Sie die Textebene aus. Wir möchten die Monatsnamen hinzufügen und müssen dies auf jeder Seite einzeln tun. Erstellen Sie ein weiteres Textfeld und fügen Sie den Namen für den Monat über dem braunen Hintergrund hinzu, den wir auf dem Master erstellt haben.

8. Wie kann man die Kalendermonatsdaten hinzufügen?

Schritt 1

Nun lassen Sie uns etwas Spaß mit den monatlichen Terminen haben. Erstellen Sie ein weiteres Textfeld mit 7 Spalten und einer Bundstegbreite von 0 pt. Dies wird die Einrichtung für unsere dynamischen monatlichen Daten sein.

Schritt 2

Machen Sie fünf weitere Kopien und legen Sie sie dann untereinander.

Schritt 3

Ich habe eine Textdatei mit Zahlen von 1 bis 31 erstellt. Sie stehen jeweils in einer eigenen Zeile. Klicken Sie mit dem Textwerkzeug auf die erste Spalte und drücken Sie Befehl-D, um die Textdatei zu platzieren.

Sobald Sie auf OK klicken, werden die Zahlen in jeder Spalte platziert, jedoch nur in einem Textfeld. Am Ende sehen Sie ein rotes Pluszeichen. Das bedeutet, dass wir mehr Text haben, als in das Textfeld passt. Wir möchten jedes Textfeld verknüpfen, damit alle Zahlen platziert werden. Klicken Sie auf das rote Pluszeichen und Sie sehen ein "Link"-Zeichen neben Ihrem Cursor.

Schritt 4

Klicken Sie mit diesem "Link"-Cursor auf das nächste Textfeld links. Ein roter Pfeil erscheint und die nächsten Zahlen werden platziert. Wiederholen Sie dies, bis die Zahlen von 1 bis 31 in den Spalten stehen.

Schritt 5

Markieren Sie alle Zahlen mit dem Textwerkzeug (T) und wählen Sie eine kleinere Schriftart (Arial) und stellen Sie die Farbe auf Weiß ein.

Schritt 6

Drücken Sie Befehlstaste-B und stellen Sie in den Textrahmenoptionen die vertikale Ausrichtungsausrichtung auf Mitte.

Schritt 7

Hier die Monatszahlen. Wenn Sie das Textwerkzeug (T) in die erste Spalte (Tag eins) platzieren und die Tabulatortaste auf Ihrer Tastatur drücken, werden die Zahlen in die nächste Spalte verschoben. Netter Trick, da nicht jeder Monat am selben Tag beginnt.

Sperren Sie die Textebene vorerst und wählen Sie die Kreisebene aus. Beginnen Sie mit dem Ellipse-Werkzeug (L) hinter jedem Tag einen kleinen Kreis zu zeichnen. Für Samstag und Sonntag habe ich zwei Farben gewählt, braun mit grünem Strich. Stellen Sie die Kontur so ein, dass er nach außen ausgerichtet ist.

Schritt 8

Für den Rest der Tage habe ich einen grauen Kreis mit grüner Kontur gewählt.

Schritt 9

Kopieren Sie die Kreise und fügen Sie sie ein, um den Monat auszufüllen. Unten ist unser erster Monat, Januar.

Schritt 10

Wiederholen Sie dies mit jedem Monat. Stellen Sie sicher, dass Sie den Anfangstag für den Ersten des Monats nachschlagen, und stellen Sie sicher, dass Sie Tag 31 löschen, wenn der Monat nur 30 Tage hat. Und den Februar nicht vergessen!

9. Wie kann man das Kalenderjahr hinzufügen?

Schritt 1

Doppelklicken Sie erneut auf den A-Master. Wir müssen das Jahr 2011 hinzufügen. Erstellen Sie ein weiteres grünes Rechteck. Erstellen Sie oben ein Textfeld und fügen Sie das Jahr in weißer Schrift hinzu.

Schritt 2

Jetzt ist Ihr Kalender fertig. Dies sind Ihre Kalenderseiten, insgesamt 12.

10. Wie können Sie Ihren Kalender speichern?

Schritt 1

Lassen Sie uns nun die Seiten in eine PDF-Datei exportieren, damit wir den Kalender drucken können. Klicken Sie auf Befehl-E (oder gehen Sie zu Datei > Exportieren > Als Dateityp, PDF speichern). Überprüfen Sie die unten angezeigten Einstellungen.

Schritt 2

Wählen Sie die Komprimierung-Einstellungen und stellen Sie alle auf Do Not Downsampling.

Schritt 3

Klicken Sie dann auf Markierungen und Anschnitte und aktivieren Sie Schnittmarken, und aktivieren Sie unter Anschnitt und Slug das Kontrollkästchen neben Dokumentanschnitteinstellungen verwenden.

Schritt 4

Klicken Sie auf Exportieren und voilà, hier ist unser PDF-Kalender.

Abschluss

Ich habe meinen Kalender mit einem Tintenstrahldrucker und etwas Leinenpapier ausgedruckt. Ich habe zwei Kalenderblätter pro 8,5 x 11 Blatt Papier platziert.

Sie haben vielleicht bemerkt, dass der kreative Prozess in zwei verschiedene Aufgaben unterteilt ist: das Erstellen des Kalenderbilds und das Gestalten der Monate. Sie können dem Kalender Ihre eigenen Bilder hinzufügen, indem Sie dieselben Importtechniken verwenden, die Sie hier gelernt haben. Sie können sogar die Seitenabmessungen ändern und Ihre Bilder als JPGs exportieren, um einen Hintergrundbildkalender für Ihren Computer zu erstellen. Ich hoffe, Ihnen hat dieses Tutorial gefallen.

Calendar Tutorial Final Result from Illustrator and Indesign

Calendar Tutorial Final Result from Illustrator and Indesign

Premium Kalendervorlage von GraphicRiver

Wenn Sie nach weiteren Kalendern mit tollen Designs suchen, dann sehen Sie sich unsere unglaubliche Auswahl an Premium-Kalendervorlagen von GraphicRiver an.

2017 Poster-Kalender-Vorlage

Beginnen Sie das Jahr mit einem fantastischen neuen Kalender, der super einfach zu bedienen ist. Richten Sie es für jedes Jahr in nur 10 Minuten ein! Wählen Sie aus zwei verschiedenen Stilen, Hoch- und Querformat, und an welchem Tag die Woche beginnen soll. Genießen Sie zusätzliche Funktionen und mehr in dieser universellen Kalendervorlage!

2017 Poster-Calendar template

2017 Poster-Calendar template

Graphic Design Print Design Graphic Templates Adobe InDesign

By Simona Pfreundner