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.
Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 10.07.2006 - 13:56

ncie nice nice ne wirklich top hat mirweiter ge holfen

Portrait von Kessy_h
  • 05.07.2006 - 16:06

Ein super Überblick für den ersten Ein- bzw. Umstieg! :-))

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 23.06.2006 - 10:17

Nicht schlecht das Tutorial und für Anfänger sicher brauchbar. Profis sind hier eher falsch. Vor allem ist der Titel irreführend, denn eigentlich kann man dieses Thema nicht in einem Tutorial fassen, ohne die Druckvorstufe/Druckausgabe zu berücksichtigen. Und gerade hier scheiden sich die Geister. Bemerkenswert finde ich die Mühe, mit der das Tutorial erstellt wurde. Sehr gut

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 21.06.2006 - 17:32

Ey das gefällt mir hier...alles sehr gut erklärt!
Dankeschön

Portrait von jayel
  • 28.05.2006 - 15:16

Wirklich gut gemacht !!

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 20.05.2006 - 01:00

Echt ein super Einstiegs-Tut!!!

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 09.05.2006 - 14:44

Super Tut!
konnte dadurch viel in indesign besser nachvollziehen ;)!

Portrait von Grafik-Ecki
  • 26.04.2006 - 21:53

Danke für dieses Super- Tutorial, bitte mehr Indesign-Tutorials, kann ich sehr gut brauchen!

Habe mich sehr gefreut! Grafik-Ecki

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 02.04.2006 - 20:10

Ist voll nett von dir diesen workshop hier anzubieten aber ehrlich gesagt zuviel arbeit für MICH

Portrait von mobi
  • 27.03.2006 - 15:13

Sehr gutes Tut top volle punkt zahl

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 20.03.2006 - 09:56

Sehr gut gemachtes tut, viele bilder und auch gut erklärt. Seiteneinrichtungsoptionen, Stil-und Objektvorlagen, Schriftverwaltung sind leider gar nicht erwähnt. Vielleicht in einem nächsten tut? ich arbeite mit indesign, könnte mir vorstellen, dass ein "anfänger" damit schwierigkeiten hat.

Trotzdem:astreines tut!

Portrait von creativ2
  • 14.03.2006 - 18:56

Beim Randlosdruck nicht den Anschnitt vergessen.
Beim Seite einrichten darauf achten das mehr Optionen angeklickt ist und hier jede Seite 3 mm Anschnitt geben.

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 13.03.2006 - 17:05

Sehr gute und viele Dinge erklärt

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 24.02.2006 - 15:31

Super!!! Endlich mal die Grundlagen zu InDesign. Aus der Programmoberfläche heraus ist eine intuitive Arbeit nicht unbedingt möglich (Bilder einfügen)...

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 17.02.2006 - 11:21

Das ist ziemlich toll aber, da sieht man dei Pixel

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 15.02.2006 - 18:32

Super Tut., vielleicht ein bisschen unübersichtlich!

Portrait von BlacK_CaT
  • 11.02.2006 - 18:55

Hallo

Gut gemacht, so kann es wirklich jeder nachvollziehen. Mehr Bilder ist immer besser ;)

lg Blacky

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 03.01.2006 - 15:29

Super Tutorial!!!

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 20.12.2005 - 23:17

Super, super, super.<br>
<br>
Sehr anschaulich und vor allem Dingen hilfreich

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 15.12.2005 - 00:04

super gemacht :>

Mehr anzeigen

x
×
×