Design For Digital Publishing © B. Barrett 2013 Ten Page Typographic Sample Book with Interactive TOC (Table of Contents) (Ten pages is the minimum, do more for a higher grade!) Objectives: InDesign Document set up Creating and using a Master Page with Automatic Page Numbering (Folios) Use of the KEYBOARDING CHART & GLYPHS PALETTE for Typesetting special symbols Setting and using TABS Creating and applying CHARACTER STYLES Creating and applying PARAGRAPH STYLES Creating a logo as a TIFF, AI or PSD file. Placing the logo as a LINKED graphic Output: Packaging for PRINT. Creating a Multi-page Interactive PDF Creating an interactive Table of Contents (TOC) Create a Project folder named: yourname-samplepage. Creating your Document INDESIGN>PREFERENCES>UNITS AND INCREMENTS> PICAS. Saving and naming your Document yourname_samplepage .indd. Example: SJones_samplepage.indd Save the document in two locations (one is your back-up) Master Page-A In the PARAGRAPH CONTROL PALETTE, un-check “Hyphenate” Set up your MASTER PAGE using the font ADOBE GARAMOND PRO The required elements on the Master page are: 1. Name of the font [in a text frame placed in the upper right corner INSIDE THE MARGINS] 2. Four graduated “point size” samples ( 6pt, 8pt, 10pt, 12pt etc…) 3. Full character set in 36 point, (see example). You may wish to customise the character sets to show special OPENTYPE features such as: old-style numerals, ligatures or ornaments. 4. Three “body copy” samples showing variations of point size and leading. 5. Logo 300 DPI digital file with the .tiff, .psd or .ai file extension. 6. FOLIO (page number) and Your name in in the lower right-hand corner. TYPE>INSERT SPECIAL CHARACTER>MARKERS>CURRENT PAGE NUMBER ART 188 Assignments 1 Design For Digital Publishing © B. Barrett 2013 Typographic Sample Book cont… Create a new Paragraph Style: Style Name: Font Title Font: Myriad Pro Semibold Size: 18 pt Alignment: Align right Apply to the NAME OF THE FONT on the upper right-hand side of Master Page A Create a new Character Style: Style Name: Labels Font: Myriad Pro Condensed Size: 10 pt Apply to the point size labels, your name and the folio on Master Page A. Pages 1-10 (or more) 1. Print PAGE ONE and proof-read. Make any needed corrections. 2. Choose a classic text type font for each of the remaining 9 pages. 3. Unlock the text frames on the “local” page (COMMAND/SHIFT click to unlock) 4. Select the text and specify the new font 5. The character set can be customised for each font to allow for swashes, ornaments, old style figures and other special characters. Packaging your Document for PRINT SAVE your file FILE>PACKAGE Choose blue button>PACKAGE You are now in the CREATE FOLDER dialog box. uncheck Copy Fonts ✔Copy Linked Graphics ✔Update Links in Package Name the project folder Yourname_SamplePage SAVE Creating an interactive PDF File FILE>EXPORT Format: Adobe PDF (Interactive) Save As: SamplePage_Yourname.PDF Pages: All Evaluation criteria Correct file extensions and file names for InDesign document, PDF and logo file. Accurate typesetting, alignment and arrangement of elements. Use of Masterpages, Paragraph Styles, auto page numbering and tabs. Upload to your PROJECTS folder on Talonnet; A ZIPPED digital folder Title: your name_samplepages Contents: InDesign document Collected for Output. Interactive PDF document What to turn in printed on paper A two-pocket folder containing 10 or more Typographic sample pages printed on lettersize paper. ART 188 Assignments 2 Creating a Table of Contents (TOC) Create your TOC your document after your document is finished or nearly finished. FIRST—create the Following Styles: Paragraph Style: Style Name: Font Title Font: Myriad Pro Semibold Size: 18 pt Alignment: Align right Apply to the name of the font at the top of Master Page A Paragraph Style: Style Name: Font: Size: Alignment: Character Color: TOC Text Myriad Pro Semibold Condensed 18 pt 36 pt Character Style: Style Name: TOC Figures Font: Myriad Pro Bold Size:18pt Opentype Features: Figure Style: Proportional Oldstyle TOC Title Myriad Pro Semibold 18 pt Align left Choose a color Layout> Table of Contents If you see Click it to reveal Paragraph Style: Style Name: Font: Size: Leading . Select Font Title in Other Styles: <<ADD (Font title should move to the left column) This will be the title at the top of your TOC The title at the top of your TOC will be styled with this Paragraph style InDesign will create a TOC Entry for every instance of this Paragaph style. The TOC Entrys will be styled with this Paragraph style. The TOC Figures (page numbers) will be styled with this Character style. Choose RIGHT INDENT TAB Creating the tab leaders(………) Edit the Paragraph Style: TOC Text FIRST: Click anywhere in the tab ruler to set a tab SECOND Type a period and space in the LEADER box To refresh your TOC; place your type cursor in the TOC on the first page of your document and choose: LAYOUT>UPDATE TABLE OF CONTENTS © B. Barrett 2013 ART 188 Assignments 3 Spell-check and proofread carefully. Success is all in the details! GREP, Hyphens, Dashes & Special Characters Replace the double spaces after punctuation with a single space if needed. EDIT>FIND/CHANGE>QUERY: Multiple Space to Single Space ✒ Replace hyphens with an Em dash or En dash where needed Menu: TYPE>INSERT SPECIAL CHARACTER>HYPHENS AND DASHES - a hyphen indicates a broken or compound word. She was anti-intellectual Keyboard: Hyphen – an En Dash indicates a spread of values, such as a passage of dates or times. The party will be from 6–9 on Monday. Keyboard: Option-Hyphen — an Em dash indicates a break in the text. Alice was shocked — she could not speak or move. Keyboard: Option-Shift-Hyphen ✒ Replace three running periods with Ellipsis It was a dark and stormy night… Menu: TYPE>INSERT SPECIAL CHARACTER>SYMBOLS>Ellipsis Keyboard: Option-Colon Menu: TYPE>GLYPHS Sort by kind to find ornaments, figures, swash etc… Typeface © B. Barrett 2013 Type Style Text Typography Guide ©B. R. Barrett 2013 ART 188 Assignments 4 6 Keyboarding Special Symbols & Characters on a Macintosh Em Dash — Shift+Option+Hyphen En Dash _ Option+Hyphen Ellipsis … Option+; Paragraph (Pilcrow) Symbol ¶ Option+7 Degree Symbol ° Shift+Option+8 Dagger Symbol † Option+T Double Dagger Symbol ‡ Shift+Option+7 Bullet Character • Option+8 Middle Dot · Shift+Option+9 Cent Symbol ¢ Option+4 Copyright Symbol © Option+G Trademark Symbol ™ Option+2 Registered Trademark Symbol ® Option+R Section Mark § Option+6 Apple Logo Shift+Option+K Euro Symbol € Shift+Option+2 Accent Key Strokes Available Charachers Grave ` Option ` + the character ÀÈÌÒÙ àèìòù Acute ´ Option e + the character ÁÉÍÓÚ áéíóú Circumflex ˆ Option i + the character ÂÊÎÔÛ âêîôû Tilde ~ Option n + the character ÃÑÕ ãñõ Umlat ¨ Option u + the character ÄËÏÖÜ äëïöü Explore the GLYPHS PANEL in the TYPE MENU for ornaments, dingbats and picture fonts. Menu: TYPE>GLYPHS Typeface © B. Barrett 2013 ART 188 Assignments Text Typography Guide ©B. R. Barrett 2013 5 11 Name of the font Adobe Garamond Pro Regular Four graduated “point size” samples 8 pt. 10 pt. 12 pt. 14 pt. The quick brown fox jumps over the lazy dog 10,234,567,890 times. The quick brown fox jumps over the lazy dog 10,234,567,890 times. The quick brown fox jumps over the lazy dog 10,234,567,890 times. The quick brown fox jumps over the lazy dog. 10,234,567,890 times 36 pt. Full character set in 36 point, THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG & ÄÜÅÛÓÙØÑ the quick brown fox jumps over the lazy dog äüåûóùøñ — – €£¢$¥ƒ •@§¶‡†®™©… 1234567890 1234567890 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis nisi ut aliquip ex ea commodo consequat. Duis te feugi facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. Logo picture box with logo imported as a linked file 10/12 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis nisi ut aliquip ex ea commodo consequat. Duis te feugi facilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent lupta 12/14 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullam corper suscipit lobortis nisi ut aliquip ex ea commodo consequat. Duis te feugi facilisi. Duis autem dolor in hendrerit in vulputate velit Susan A. Student 1 Your name © B. Barrett 2013 FOLIO ART 188 Assignments 9/11 6 Three “body copy” samples showing variations of point size and leading. Opentype & Opentype Pro Special Characters & Glyphs Access Opentype features through the CONTROL PANEL MENU. Control Panel Menu To make “real” fractions: Use an Opentype Pro type font Type a fraction: 3/16 Select the fraction with the TYPE TOOL, Choose FRACTIONS from the Opentype Menu . Real fractions: 3/16, 7/8, 1/2 To use Old Style Figures: Use an Opentype Pro type font Select the numbers with the TYPE TOOL, Choose PROPORTIONAL OLDSTYLE from the Opentype Menu. Lining Figures: Old Style Figures: 1234567890 1234567890 To use Swash capitals and letters: (Use swash caps only as Initials, not for full words) Use an Opentype Pro Italic type font Select the numbers with the TYPE TOOL, choose SWASH from the Opentype Menu. Italic Capitals: Italic Swash Capitals: ABCFZHR ABCFZHR To use Opentype Small Capitals: Use an Opentype Pro type font Select the text (caps or lowercase) with the TYPE TOOL, choose ALL SMALL CAPS from the Opentype Menu. (if available) Regular Capitals: Small Capitals: ABCFZHR abcdefghi To use Opentype Ligatures: Make sure that LIGATURES is checked in the CHARACTER PANEL MENU. Regular Letter pairs: Ligatures: ff fi Th ff fi Th To use Opentype Discretionary Ligatures: Select the text (caps or lowercase) with the TYPE TOOL, choose DISCRETIONARY LIGATURES from the Opentype Menu. (if available) Regular Letter pairs: Discretionary Ligatures:: © B. Barrett 2013 st ct sh st ct ſh Examples are set in Adobe Caslon Pro, 18 pt. ARTGuide 188 Assignments Text Typography ©B. R. Barrett 2013 77
© Copyright 2024