Anzeige
Tutorialbeschreibung

Zeitung / Broschüre mit InDesign erstellen

Zeitung / Broschüre mit InDesign erstellen

Hier erkläre ich euch, wie man mit Adobe InDesign Zeitschriften bzw. einen elektronischen Newsletter erstellt.


Schritt 1:

Zuerst starten wir Adobe InDesign CS. Dann drücken wir auf Neu => Dokument.

Bilder



Schritt 2:

Die Standardeinstellungen können wir gerne so beibehalten.

Bilder



Schritt 3:

Wir öffnen jetzt die Palette "Seiten" und drücken dann auf Mustervorlage. Die Mustervorlage ist dafür da, dass auf jeder Seite das Gleiche angezeigt wird. Das kann man sich ungefähr so vorstellen, wie die Kopf- und Fußzeile in Word. Nur ist hier der Vorteil, dass man für die linke und die rechte Seite separat eine Vorlage erstellen kann.

Bilder



Schritt 4:

Jetzt können wir z.B. ein Logo einfügen, welches auf jeder Seite erscheinen soll.

Bilder



Schritt 5:

Wir sehen jetzt das Logo, welches wir frei positionieren können.

Bilder



Schritt 6:

Damit wir eine fortlaufende Seitenanzahl haben, fügen wir das jetzt per Sonderzeichen ein. Das geht wie folgt:

Bilder



Schritt 7:

Das "A" steht für die aktuelle Seite. Alles Weitere kann man selber dazuschreiben.

Bilder



Schritt 8:

Damit die rechte Seite auch ein Logo usw. bekommt, klicken wir jetzt auf das zweite Symbol der Mustervorlage doppelt.

Bilder



Schritt 9:

Jetzt kann man einfach den Textblock von der linken Seite kopieren und wieder einfügen. Genau das Gleiche macht man dann auch für das Logo.

Bilder



Schritt 10:

Man könnte jetzt z.B. die fortlaufende Seitennummer rechts positionieren, so wie es bei Büchern auch immer ist.

Bilder



Schritt 11:

Jetzt ein Doppel-Klick auf die normale Seite in der Seitenpalette (wo die 1 für 1. Seite steht). Auf der 1. Seite erscheint noch nicht die fortlaufende Seitennummer + Logo, weil die 1. Seite immer für das Cover steht. Hier könnte man jetzt eine vorgefertigte Photoshop-Datei einfügen.

Bilder



Schritt 12:

Jetzt ein Klick auf das Neu-Zeichen, damit wir die 2. Seite erstellen können.

Bilder



Schritt 13:

Wir sehen jetzt, dass wir 2 Seiten haben.

Bilder



Schritt 14:

Damit die 2. Seite auch das automatische Logo + Seitenzahl bekommt, ziehen wir per Drag & Drop unsere Vorlage aus der Mustervorlage.

Bilder



Schritt 15:

Man sieht jetzt, dass das Logo automatisch eingefügt wurde. Es lässt sich auch nicht verschieben usw. Nur wenn man es auf der Mustervorlage macht. Wir erstellen jetzt einen Text mit dem Textwerkzeug. Dazu ziehen wir mit dem Textwerkzeug einen Rahmen, so breit und hoch wie der Text mal sein soll. Damit man genau sieht, wie groß der Rahmen ist und auch die Seitenrahmen erkennt, kann man mehrere Ansichten aktivieren (siehe roter Pfeil).

Bilder



Schritt 16:

Clever ist es, wenn man sich Zeichenformatvorlagen anlegt (z.B. für die Überschriften und den normalen Text). Es kann ja sein, dass die Community lieber einen kleineren Text haben möchte und so kann man das dann mit nur zwei Mausklicks machen! Und so legen wir eine Zeichenformatvorlage an:

Bilder



Schritt 17:

Der Vorlage gibt man einen aussagekräftigen Namen und stellt dann die ganzen Eigenschaften ein, wie Fett gedruckt oder welche Schriftgröße / Farbe usw.:

Bilder



Schritt 18:

Man sieht jetzt unsere neue Zeichenformatvorlage. Jetzt genügt es, den Text zu markieren und auf die Vorlage zu drücken; und schon hat der Text die Eigenschaften angenommen und wird sich auch sofort ändern, wenn man es in der Vorlage ändert.

Bilder



Schritt 19:

Für den normalen Text habe ich auch eine Vorlage angelegt.

Bilder



Schritt 20:

Wenn der Text über eine Seite geht, kann man den Textblock mit einem Weiteren verknüpfen. Das geht super einfach. Man beendet die Texteingabe und sieht, dass ein rotes Kreuz erscheint. Das soll verdeutlichen, dass da noch Text in der Textbox drin ist, aber nicht angezeigt werden kann, weil die Textbox zu klein ist. Entweder man macht jetzt die Textbox größer oder aber, wenn die Textbox auf der nächsten Seite weiter gehen soll, klickt man einmal auf das rote Kreuz rauf und dann ändert sich das Symbol wie im Bild zu sehen:

Bilder



Schritt 21:

Weil der Mauszeiger jetzt ein neues Symbol annimmt und darauf wartet, wo der Text weiter fließen soll, erstelle ich eine weitere Seite und drücke dann oben links am Anfang des neuen Blattes. Und schon geht der Text dort weiter! So einfach ist das!

Bilder



Schritt 22:

Man kann jetzt auch ein neues Verlaufsfeld anlegen, damit wir z.B. bei den Überschriften einen Verlaufhintergrund haben. Dazu klickt man auf die Palette "Farbfelder" und drückt dann auf den kleinen Pfeil und dann die Option "Neues Verlaufsfeld".

Bilder



Schritt 23:

Dem Verlauf können wir jetzt wieder einen passenden Namen geben und dann die jeweiligen Farben einstellen.

Bilder



Schritt 24:

Jetzt können wir einfach die Textbox anklicken und dann den Verlauf und schon hat die Textbox unseren neuen Verlauf angenommen. Weil die Schrift aber in der Mitte sein soll, kann man das so machen wie im Bild verdeutlicht.

Bilder



Schritt 25:

Sieht doch richtig gut aus!

Bilder



Schritt 26:

Jetzt kann man unter Datei => Platzieren oder per Drag und Drop aus dem Explorer Bilder einfügen. Die Bilder sind dann in der Textbox mit drin und gehen automatisch herunter, wenn man Enter drückt. Leider lassen sich in InDesign CS 1.0 die Bilder nicht perfekt z.b. in der Mitte ausrichten, aber ab Version CS 2.0 soll das einfacher werden. Ansonsten geht das auch => siehe Schritt 27

Bilder



Schritt 27:

Die Bilder so auszurichten wie man es möchte, geht am einfachsten, indem man die Bilder nicht in der Textbox mit einfügt, sondern separat als Box für sich. Nachteil ist aber, dass, wenn man im Text, der darüber liegt, Enter drückt, die Bilder darunter nicht mit nach unten gehen.

 

Bilder



Schritt 28:

Damit der Leser des Newsletter gleich die Datei im Internet downloaden kann, ist es sinnvoll, die Bilder sofort richtig zu verlinken. Und das geht ganz einfach. Ein Klick auf die Grafik und dann rechte Maustaste =>Interaktiv =>Neuer Hyperlink

Bilder



Schritt 29:

Jetzt dem Link, wenn man will bzw. zur besseren Übersicht, einen Namen geben und die Eigenschaften so ändern, dass sie später in der PDF-Datei klar als Link zu sehen sind.

Bilder



Schritt 30:

Und wenn dann die Zeitung / Newsletter fertig ist, exportieren wir sie als PDF-Datei.

Bilder



Schritt 31:

Als Eigenschaft genügt Bildschirm, weil wir sie ja nicht ausdrucken wollen. So wird die Datei schön klein. Als Kompatibilität können wir z.B. Acrobat 5.0 oder 6.0 auswählen. Das war´s. Ich hoffe sehr, dass euch der Workshop gefallen hat und ihr jetzt InDesign zu schätzen wisst!

Bilder


Download der Beispiel-Zeitung als Indesign-Datei hier

Oder nur die Zeitung als PDF-Datei hier


Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.
Portrait von beba36
  • 12.05.2017 - 18:40

Sehr schön und vielen Dank! Es zeigt alles was man braucht. :)

Portrait von AutodidaktGrafik
  • 11.12.2012 - 12:12

Nachdem der Luxus mit ausgebildeten Grafikern zu arbeiten im neuen Job vorbei ist, muss ich mir schnell wenigstens ein paar Basics aneignen. Dafür sind diese Informationen genau richtig und leicht nachzuarbeiten. Vielen Dank

Portrait von moe2
  • 28.10.2012 - 00:49

Gutes Tutorium - Vielen Dank!

Portrait von poppi
  • 09.09.2012 - 23:44

Vielen Dank, sehr informativ und entscheidungsfindend...

Portrait von teamplayer1
  • 31.08.2012 - 10:22

vielen Dank. sehr gut erklärt. Gerne wieder.

Portrait von timide86
  • 20.08.2012 - 18:08

Für mich der in der Firma zum Grafiker ernannt wurde genau das Richtige. Leich und Verständlich

Portrait von osaal
  • 27.07.2012 - 22:47

Für mich als Einsteiger genau das richtige Tutorial. Vielen Dank!

Portrait von HaisStraik
  • 25.01.2012 - 01:51

Für den Einstieg wirklich gut geeignet aber leider wurde nicht das behandelt was ich gesucht habe.

Portrait von MacHeck
  • 22.10.2011 - 13:13

sehr gut für einsteig, leicht verständlich gut erklärt.

danke

Portrait von visualb
  • 17.10.2011 - 00:02

Leider nicht das was ich gesucht habe. Trotz dem danke für die Tutorial.

Portrait von jeanny4711
  • 03.10.2011 - 20:41

Danke war sehr gut beschrieben... werde es jetzt ausprobieren..

Portrait von SteffiSchr
  • 07.09.2011 - 11:16

Super Tutorial :) hat mir sehr geholfen

Portrait von Koruyo
  • 27.06.2011 - 16:42

Leider nicht das was ich gesucht habe... aber trotzdem danke!

Portrait von Gandalfvienna
  • 08.06.2011 - 08:34

Für Anfänger wie mich sehr gut, CS5 wäre noch interessanter.

Portrait von kalukoeln
  • 06.06.2011 - 16:24

Schade, hier lag mehr der Schwerpunkt auf "wie erstelle ich ein Seitenlayout" und weniger was macht einen E-Letter zum Selbigen und wie gehe ich damit um ....

Portrait von GameCaptain
  • 22.05.2011 - 21:07

Gut für den Einstieg geeignet.

Portrait von Ines_p
  • 13.05.2011 - 18:16

Gut und leicht verständlich erklärt! thx :)

Portrait von mihaela
  • 25.03.2011 - 21:52

gute Basis, danke! hat mir viel geholfen.

Portrait von agi82
  • 01.03.2011 - 11:26

Danke! Gut und einfach erklärt!

Portrait von _palma_
  • 27.02.2011 - 23:19

Danke, sehr hilfreich!

x
×
×