DIGITAL 2 INDESIGN WORKSHOPKunstuniversitt Linz / Studio Gnaiger / ArchitekturWintersemester 2013/2014Elvira Stein mail@elvirastein.comhttp://elvirastein.com/resources

Seite 1/8

ADOBE INDESIGN InDesign ist eine DTP-Software, DTP steht fr Desktop Publishing. Der Einsatz reicht vom Erstellen von Layout fr den Druck bis hin zu (mittlerweile) Anwendungen wie iPad-Magazinen oder interaktive PDFs.

Gut geeignet fr: Layout ein- oder mehrseitiger Dokumente Kombinieren von Bildern mit Text und grafischen Elementen Exportieren von Layouts als PDFs fr Druck oder Versand

1) NEUES DOKUMENT ANLEGENDatei > Neu > Dokument

Zielmedium: Druck Doppelseite ja/nein Seitenformat Stege = Seitenrnder Anschnitt = berfller, Standardwert:3mm

Die meisten Angaben knnen spter noch gendert werden.

DIN-FORMATE

A0 841x1189 A1 594x841 A2 420x594 A3 297x420 A4 210x297 A5 148x210 A6 105x148 A7 74x105

DIGITAL 2 INDESIGN WORKSHOPKunstuniversitt Linz / Studio Gnaiger / ArchitekturWintersemester 2013/2014Elvira Stein mail@elvirastein.comhttp://elvirastein.com/resources

Hilfslinien im Dokument

in der Palette Seiten knnen wir alle Seiten verwalten: neue Seiten anlegen, die Reihenfolge verndern, und spter auch Musterseiten anlegen und zuweisen.

Seitenrnder ndern oder Spaltenraster erstellen: Layout > Stege und Spalten

Seitenformat oder berfller ndern: Datei > Dokument einrichten

2) INHALTE ERSTELLEN

TEXT

mit dem Textwerkzeug einenRahmen erstellen: darin direkt schreiben oder Texte hineinkopieren

der Rahmen lsst sich in seiner Gre und Position jederzeit verndern der Textinhaltlsst sich ber die Paletten Zeichen und Absatz formatieren

Seite 2/8

Markiert den Anschnitt

Dokumentbegrenzung

Markiert die Stege

DIGITAL 2 INDESIGN WORKSHOPKunstuniversitt Linz / Studio Gnaiger / ArchitekturWintersemester 2013/2014Elvira Stein mail@elvirastein.comhttp://elvirastein.com/resources

Seite 3/8

BILD

einen Rechteckrahmen erstellen und Bild laden: Datei > Platzieren oder Shortcut Cmd+D

Blaue Linie = ObjektrahmenAuswahlwerkzeug (V)

Braune Linie = zeigt Bild im RahmenDirektauswahl- werkzeug (A)

in der Palette Verknpfungen werden alle verwendeten Bilder aufgelistet Infos zum Farbraum (RGB/CMYK) und zur tatschlichen Auflsung

im Bildrahmen kann das Bild hndisch skaliert und positioniert werden oder ber Objekt > Anpassen eingepasst werden

die Ansicht wird zum schnelleren Arbeiten optimiert, andere Optionen: Ansicht > Anzeigeleistung > Anzeige mit hoher Qualitt

WICHTIG: Die Bilder werden im Indesign-Dokument nicht eingebettet! Verndert man das Originalbild, verndert sich auch das platzierte Bild. Lscht man das Originalbild, fehlt die Verknpfung im Indesign, es kann nicht mehr gedruckt werden.

fr zustzliche Optionen im Fenster Platzieren die Checkbox bei Importoptionen anzeigen anklicken. Damit kann z.B. bei mehrseitigen PDFs die gewnschte Seite gewhlt werden, oder bei Dokumenten mit Ebenen (PSD, TIF, AI) die Ebene.

DIGITAL 2 INDESIGN WORKSHOPKunstuniversitt Linz / Studio Gnaiger / ArchitekturWintersemester 2013/2014Elvira Stein mail@elvirastein.comhttp://elvirastein.com/resources

Seite 4/8

3) FARBEN

bei allen Elementen kann eine Kontur-Farbe und eine Fllfarbe zugewiesen werden. Bei Text ist die Standard-Fllfarbe schwarz.

bersicht ber alle Farben und neue Farben anlegen: Palette Farbfelder

Farbton: 100% ist volle Sttigung, tnt die Farbe zu wei ab (nicht transparent) Umschalter FlcheText: bestimmt, ob die Farbe auf den Text oder den

Rahmenangewandt wird Umschalter KonturFlche: ob die Farbe auf die Kontur oder als Fllfarbe

verwendet wird

4) EFFEKTE

Palette Effekte fr berblendungseffekte (z.B. Multiplizieren) oder Objekt > Effekte (Cmd + Alt + M) fr u.a. Schlagschatten, Schein,

transparente Verlufe

5) DOKUMENT SAMMELN

Datei > Verpacken Ich empfehle, sptestens nach Fertigstellung alle zum Dokument gehrigen Daten zu archivieren. Dabei werden Schriften und verknpfte Bilder gesammelt und zum Dokument in einen Ordner gesichert.

Auch whrend des Arbeitens hilft eine einfache Ordnerstruktur:Ordner Projektname > Datum_Dokument.indd > Ordner Material (fr die Bilder, Plne, Textentwrfe, etc.) > Ordner Fonts (fr extra Schriften)

DIGITAL 2 INDESIGN WORKSHOPKunstuniversitt Linz / Studio Gnaiger / ArchitekturWintersemester 2013/2014Elvira Stein mail@elvirastein.comhttp://elvirastein.com/resources

Seite 5/8

6) EXPORTIEREN

Datei > Exportieren Unter diesem Menpunkt knnen PDFs fr den Druck (hohe Qualitt) oder zum Versand (kleinere Dateigre, komprimierter) erstellt werden. PDF ist ein Dateiformat, das sich sehr gut zum Austauschen von Daten mit Kunden, Kollegen oder Druckereien eignet.

AUFGABE BIS ZUM NCHSTEN MAL

Eine Handskizze eures Prsentationsposters erstellen. Skizze heit: nicht Originalgre, noch kein Design aber Layout und Verteilung.

Wieviel Platz brauche ich? Welche Infos und Bilder/Plne/Ansichten bentige ich? Wie knnte ich die Seite aufteilen und strukturieren?

NACHTRAG: PIXELGRAFIK VS. VEKTORGRAFIK

17

Pixe

l- u

nd V

ekto

rgra

fik

... fits all

Eine Vektorgrafik ist aus Geraden, Kurven und Flchenangaben auf-gebaut. Die Dateigre ist geringer als bei Pixelgrafiken. Die Technikeignet sich fr einfache Formen und kann ohne Qualittsverlust skaliert werden, da jedes Ausgabegert die Abbildung anhand derVektordaten neu berechnet. Typische Formate: EPS und SVG.

Vektorgrafik: Verlustfreie Vergrerung bei gleicher Dateigre.

Eine Pixelgrafik (auch Bitmap-Grafik genannt) besteht aus einzelnen, fest definierten Bildpunkten. Sie kommt bei komplexen Bildstrukturen(Fotos) zum Einsatz und kann nicht unter Beibehaltung der Auflsungvergrert werden; eine Komprimierung ist mit Informationsverlust verbunden. Formate: JPG, TIFF, BMP und PNG.

One size ...

Pixelgrafik: Auflsungsverlust bei Vergrerung; auszugleichendurch feinere (Scan-)Auflsung (= Datenzuwachs).

apfeli_montage_fuer_pdf.qxd 22.06.2005 17:53 Uhr Seite 16

Source: http://www.fontblog.de/wp-content/uploads/2010/fs_2010_apfeli_stat.pdf

80 Technique

03 Its common to have the border dimension at least double the gutter width. Ive chosen to add more to the inside to allow for loss of text in the gutter due to binding, and more at the bottom to allow space for page folios.

02 Next set up the margins and columns. Select the A-Master in the Pages panel and open the Margins and Columns panel, found under the Layout menu. Enter the number of columns you want to use, making sure you consider the legibility youre looking for (40-80 characters per line). Ive chosen an eight-column grid with a 3.5mm gutter that matches the leading.

01 Your first step is choosing your font, as your baseline grid will be dependent on the font size and the leading it needs. Ive chosen to work with 8.5pt Akkurat for this project, setting the leading at 9.921pt, which is the metric equivalent of 3.5mm.

05 At this point its good to consider what page furniture you want to add to your master pages. You can add automatic page numbering very simply: draw a text box on the Master document in the position you want your number to appear, then go to the Type menu, select Insert Special Characters> Markers>Current Page Numbers and an A will appear. This will come up as the correct page number on the pages of your document.

04 Next, set up your baseline grid. In the InDesign menu, select Preferences>Grids. Im using the same measurements that Ive chosen for the leading of 3.5mm, and Ive started the grid at my top margin measurement of 10mm.

InDesign CS3 or later

Make use of grids for typographical layouts

Art editor Jo Gulliver shows how grids and templates can ease the pain of developing busy type layouts Good typography skills are essential for any graphic designer and those of us who work with text every day know how difficult it can be at times. A well-planned grid is key to creating a good typographical layout, as having a strong foundation to work with is a great way to keep a text-heavy document looking clean, consistent and easy to navigate. InDesign has some great features to make this process simple, enabling you to achieve some impressive results with minimal time and effort. As designers, were always experimenting and pushing the boundaries of design, at times creating very complicated layouts. However, I believe a clean, simple and well-structured approach can be just as effective. In this tutorial Ill show you some of the processes I go through when creating a simple page template from scratch in InDesign, from building the initial grid to adding picture frames.

Time needed 1 hour

Skills Setting up a grid Styling text Page formatting

Computer Arts September 2010 www.computerarts.co.uk

Jo Gulliver Jo is Computer

Arts PPA Designer of the Year-nominated art editor. Her day typically involves commissioning cover art from the worlds most exciting designers and shoots with designs biggest names. Jo will be giving one-to- one portfolio advice at the Graduate Showcase Exhibition Seminars. See page 67 for more info

ART179.tut_indesign 80 8/9/10 6:55:46 PMSource: http://mos.computerarts.co.uk/pdf/ART179_tut_indesign.pdf

Seite 6/8

81

Subscribe at www.myfavouritemagazines.co.uk/coa/p090 or see page 92 Computer Arts September 2010

09 Now Im going to go back to my body copy and look at tracking you should adjust your tracking if you feel your font is a bit too loose or tight. Tracking is uniform kerning added to a block of text, and is used to tighten up character spacing. To remove or add space, use the keyboard shortcut Ctrl/Cmd+Alt/Opt+Left or Right Arrow key to increase and decrease. Alternatively, enter the value in the Tracking field.

07 Next you want to add a heading. To get it to line up nicely with the body copy, make the leading of the heading multiples of your baseline grids 3.5mm. This way you can lock it to the baseline grid and it will automatically line up with the flowing copy. Ive chosen to have my heading 21mm, six times the baselines 3.5mm leading this equates to 59.528 pt, so Im setting the type size at 58pt.

06 Now youre ready to add body copy. On your document page, draw a box and fill it with placeholder text. If you Right/Ctrl-click while in a text box, youll see the option to Fill with Placeholder Text. Open your Paragraph panel (Window>Type and Tables>Paragraph) and click the Align to baseline grid button, found in the bottom right-hand corner.

08 Next you want to introduce a strap line. Again, Im going to use increments of 3.5mm for the leading, choosing 7mm (19.843pt) and setting the text size at 18pt. When choosing this size, Im always thinking about the hierarchy of text in a layout, making sure the eye is drawn to the heading first, then the strap and finally the body.

10 If you find the tracking youve added is too extreme, you can adjust the tracking increments. Under InDesign>Preferences>Units & Increments, change the value in the Tracking/Kerning field to 2, giving you smaller changes to work with.

11 The next thing to consider is the alignment options of the body copy. Currently aligned left, Im going to change this to justified text. Select the text to justify, with the last line aligned left, using the shortcut Ctrl/Cmd+Shift+J. Alternatively, use the buttons in the Paragraph panel.

Style it up Remember, its always useful to set up character and paragraph styles when youre creating a new template. It makes working on a document much quicker and can prevent any mistakes in font size weights and so on appearing when theyre used properly.

ART179.tut_indesign 81 8/9/10 6:55:48 PMSource: http://mos.computerarts.co.uk/pdf/ART179_tut_indesign.pdf

Seite 7/8

82 Technique Use grids for typographical layouts

Computer Arts September 2010 www.computerarts.co.uk

14 Another problem with justified text can be hanging punctuation, which makes the lines look jagged. Under Type>Story is the option to switch on Optical Margin Alignment. This pushes the punctuation into the gutter, making the line slightly crisper.

15 At present my text contains hyphens, but Im going to choose not to use them by un-ticking the Hyphenate box found in the Paragraph panel. But if you feel your layout requires hyphenation, then InDesign gives you great control. The Hyphenation dialog box can be found in the Content menu of the Paragraph panel.

17 There are a few options in the Paragraph panel drop-down context menu that can also be useful when working with body copy, and single-line and paragraph composers. Single-line composers adjust the spacing and hyphenation on a line-by-line basis, and paragraph composers make these changes based on the needs of the entire paragraph. Im choosing Paragraph Composers as well as the Balance Ragged Lines option, which makes for a nicer edge on non-justified text.

16 Usually, I choose not to hyphenate words less than five characters long, and start the hyphenation after the first two characters and before the last three characters. I also choose not to have more than three consecutive lines hyphenated in the Hyphen Limit field, and generally un-tick the Hyphenate Last Word to avoid widows. Here you also have the option to choose fewer hyphens or better spacing on the sliding scale. If you remember to tick the Preview box, you can view the changes as they happen and find what works best for you.

18 Its always good practice to manually kern larger text, so Im now going to kern the header. To do this, click between a pair of letters and enter a value in the Kerning field, or choose one of the predefined values from the drop-down menu to the left of the field. Alternatively, you can use the same keyboard shortcut as you did for the tracking step.

12 One of the problems with justified text is the inconsistent gap spacing. One way around this is to alter the percentages in the Justification dialog box found in the pop-up menu in the toolbar. With your copy highlighted, select Justification to open up the dialog box.

13 The justification works on word spacing, but here you can adjust the letter spacing a small amount to improve the problem. Change the letter spacing to a minimum of -5 and a maximum of +5 to fill some of the gaps.

The Glyphs palette A great palette in InDesign is Glyphs. This contains all the special characters for the font youre using, and you can manually add and change them. You also have the ability to set up your own Glyph set, in which you can add any symbols that you use on a regular basis.

ART179.tut_indesign 82 8/9/10 6:55:50 PMSource: http://mos.computerarts.co.uk/pdf/ART179_tut_indesign.pdf

Seite 8/8