+ All Categories
Home > Documents > Basic InDesign Tutorial in ..

Basic InDesign Tutorial in ..

Date post: 24-Oct-2014
Category:
Upload: denosci
View: 81 times
Download: 2 times
Share this document with a friend
Popular Tags:
18
Free Images Images with Clipping Path Textures Wallpapers Free Vectors Logos Others 3D Models Contest Design Tools Design Trends Inspiration Photography Photoshop Photoshop Actions Photoshop Brushes Photoshop Shapes Photoshop Styles Templates Illustrator Templates InDesign templates PowerPoint Templates PSD Templates Tutorials Drawing Tutorials InDesign Tutorials Photoshop Tutorials Vector Tutorials Typography Web E-commerce Flash Twitter Backgrounds Wordpress Stay Updated: Posts | Comments Home About Us Copyright & Disclaimer Privacy Policy « Adobe Releases Free Preview Version of Edge: An HTML5 GUI Based Tool Website Design Made Easy with Adobe Muse Now Out in Free Public Beta » Basic InDesign Tutorial in Creating Your First Book Layout - Part 1 | D... http://www.designfreebies.org/design-tutorials/indesign-tutorials/basic... 1 of 18 4/3/2012 8:12 AM
Transcript
Page 1: Basic InDesign Tutorial in ..

Free ImagesImages with Clipping PathTexturesWallpapers

Free VectorsLogos

Others3D ModelsContestDesign ToolsDesign TrendsInspirationPhotography

PhotoshopPhotoshop ActionsPhotoshop BrushesPhotoshop ShapesPhotoshop Styles

TemplatesIllustrator TemplatesInDesign templatesPowerPoint TemplatesPSD Templates

TutorialsDrawing TutorialsInDesign TutorialsPhotoshop TutorialsVector Tutorials

TypographyWeb

E-commerceFlashTwitter BackgroundsWordpress

Stay Updated: Posts | Comments

HomeAbout UsCopyright & DisclaimerPrivacy Policy

« Adobe Releases Free Preview Version of Edge: An HTML5 GUI Based ToolWebsite Design Made Easy with Adobe Muse Now Out in Free Public Beta »

Basic InDesign Tutorial in Creating Your First Book Layout - Part 1 | D... http://www.designfreebies.org/design-tutorials/indesign-tutorials/basic...

1 of 18 4/3/2012 8:12 AM

Page 2: Basic InDesign Tutorial in ..

Basic InDesign Tutorial in Creating Your First Book Layout – Part 1

InDesign Tutorials10th August 2011 - By Graphire

A lot of people are still clueless on how to use Adobe InDesign to do book ormulti-page document layouts. If you’re coming from laying out documentsusing MS Word or other word processing software, using Adobe InDesign forthe first time may be a little bit intimidating. Sure there are tons of AdobeInDesign tutorials, guides, and tips around but most of them are bits and pieces of everything. So Idecided to create something that will teach newbie InDesign users straight up the very basics of howto create their first book layout.

When creating any complex document, layout and organization should be planned before you divein and execute the layout. Below are some of the basic things you need to think about beforedesigning any publication.

Document size (Page size)Content organization (Order of content)Margins, columns and other white spacesRepeating elements (Running hearders and footers, repeating backgrounds, etc.)Typefaces and fonts to be used (The simpler the better. Avoid script or fancy typefaces orother difficult to read typefaces)Font sizes (For titles, headers, sub-headers, body text, tables, footnotes, charts, etc.)Graphics and images (How do you want to present them and placed along with the text)Colors (The less color you use, the less expensive your printing cost will be)Other print production considerations like binding, paper stocks for cover and inside pages,etc.

To create a new document, you click File menu and select New Document. You will then beviewing the New Document window which looks like the one shown below.

Share

Basic InDesign Tutorial in Creating Your First Book Layout - Part 1 | D... http://www.designfreebies.org/design-tutorials/indesign-tutorials/basic...

2 of 18 4/3/2012 8:12 AM

Page 3: Basic InDesign Tutorial in ..

Right now you’ll just worry filling up options for your page size, column size, and margins. Leavethe other options in their default values.

First thing you’ll do after you create a new document in InDesign is set your Master Pages. Everynew InDesign document comes with a set of blank Master Pages. A Master Page is a template pagethat we can apply to individual pages in our document. All objects that we put in the Master Pagewill appear on any pages that we apply the Master Page. Usual elements that we put in the MasterPage are running header and footer, page numbers, and some non-printing items like column andmargin guides. You can create as many Master Page sets as you want, but typically you createMaster Pages for each section, or chapter of your book, or just one Master Page for a short andsimple book layout.

You access the Master Pages in the Pages palette. It is located on the bar of palettes at the upperright of your InDesign screen. If it is not showing up, go to “Window” > “Pages” to open it. Thediagram below shows the Pages palette.

The top section for Master Pages contain thumbnails for single page [None] and two facing pages[A-Master]. If you are using just one set of Master Pages, you can just edit A-Master Page bydouble clicking the A-Master Page to access it. You can add new Master Pages by clicking the

Basic InDesign Tutorial in Creating Your First Book Layout - Part 1 | D... http://www.designfreebies.org/design-tutorials/indesign-tutorials/basic...

3 of 18 4/3/2012 8:12 AM

Page 4: Basic InDesign Tutorial in ..

Palette options button located at the upper right portion of the Pages palette and select “NewMaster”.

For now, let’s just create a simple left and right Master pages containing page numbers as shownbelow.

To add page numbers on your Master Page, select the Type Tool from the toobox on your left. Thecursor will now turn into a text insertion icon. Move your cursor on the location you want toplace your page number (either left or right page). Press and drag to create a text frame. Don’tbother about the position of your text for now. You may move it later with the Selection tool fromthe toolbox to the exact position you want it to be. At this point you can now type any text youwant on your text frame. But for now, we only want to insert page numbers. So instead of typingtext, you will press right click, and from the right click menu select “Insert Special Characters”> “Markers” > “Current Page Number”. You will then see the “A” symbol written on your textframe. The “A” mark will appear as page number on every page in your document associated withthat particular Master Page. To style it with the gray boxes similar with the sample above. You mayuse the Rectangle tool from the drawing tool set in the toolbox and adjust it with your desired sizeand color or gray fill.

If you’re not familiar with InDesign toolbox, you may refer to the toolbox overview illustrationbelow.

Basic InDesign Tutorial in Creating Your First Book Layout - Part 1 | D... http://www.designfreebies.org/design-tutorials/indesign-tutorials/basic...

4 of 18 4/3/2012 8:12 AM

Page 5: Basic InDesign Tutorial in ..

To copy the same page number element on the opposite page, you may select the page number andboxes you created using the Selection tool and copy it by holding the “Alt” (Windows) or“Option” (Mac) button then drag it over the opposite page. You may want to hold the “Shift”button to constrain movement and keep its alignment.

You have now created your first Master Page set.

To apply the Master Page on a particular page or spread, simply drag the Master Page icontowards the document page or spread icon of your choice in the Pages palette. To apply a MasterPage to multiple pages, select the pages you want to apply the Master page in the Pages palettethen press “Alt” (Windows) or “Option” (Mac) as you click the Master page icon.

Using grids in book layout or any design helps us create and impose order, precision and consistencyin our layout. Learning and adopting grid based design early on for beginning designers may provebeneficial in the long run. And as you gain more design experience, you’ll also learn instinctivelywhen to use effectively and when to break the rules of grid-based design system.

For now, let’s learn some basic things about grid in InDesign for book layout. We will simply usebaseline grid to align our text line per line.

While we are on the Master Pages, we can set our grids on them and use it all throughout our

Basic InDesign Tutorial in Creating Your First Book Layout - Part 1 | D... http://www.designfreebies.org/design-tutorials/indesign-tutorials/basic...

5 of 18 4/3/2012 8:12 AM

Page 6: Basic InDesign Tutorial in ..

document. In this sample layout, I created my margins with the following settings shown below. Toopen the margins and columns dialog box, click “Layout” > “Margins and Columns”.

To properly setup your horizontal baseline grids, we need to think ahead what will be the font sizeand leading of our body text. Let’s say we use Times New Roman, 11 points with 14 pointsleading. With a 14 point leading, we can say that our baseline grids will also have increment every14 points.

To setup our baseline grid, we go to the top bar menu once more and choose “Edit” >“Preferences” > “Grid”. The following menu box will appear.

Since our top margin is 15mm, we will make our first baseline grid start at 15mm. Then next,indicate your grid increment value at 14 points. The rest should have similar default values asabove. Click ok to apply all grid settings.

To make our baseline grids visible (if it is not showing up), on the menu bar, click “View” > “Gridsand Guides” > “Show Baseline Grid”. Make sure Screen Mode is set to “Normal” (“View” >“Screen Mode” > “Normal”). You should have a similar looking Master spread with grids like theone shown below.

Basic InDesign Tutorial in Creating Your First Book Layout - Part 1 | D... http://www.designfreebies.org/design-tutorials/indesign-tutorials/basic...

6 of 18 4/3/2012 8:12 AM

Page 7: Basic InDesign Tutorial in ..

Before we place the actual text content of our book, let’s take a look first on how our simple bookpage structure will look like. I made this very simple page structure for our basic book layouttutorial. A typical book may contain more than what is shown below. It may include other pageslike Foreword, Preface, Acknowledgement, References, Index, etc. But just to illustrate and coverthe basics, we can just use the sample page structure shown below.

Basic InDesign Tutorial in Creating Your First Book Layout - Part 1 | D... http://www.designfreebies.org/design-tutorials/indesign-tutorials/basic...

7 of 18 4/3/2012 8:12 AM

Page 8: Basic InDesign Tutorial in ..

These are just the inside pages of our book. It is best to create the book cover separately as it hasdifferent page size because it is in spread format and may be wider than your actual book spreadbecause it might contain a spine which will vary in size depending on the number of pages you’llhave and thickness of the entire book.

Basic InDesign Tutorial in Creating Your First Book Layout - Part 1 | D... http://www.designfreebies.org/design-tutorials/indesign-tutorials/basic...

8 of 18 4/3/2012 8:12 AM

Page 9: Basic InDesign Tutorial in ..

For the title page, you can create this manually and easily. Since this is just one page, you can usethe Type tool straight up and type and set your own title. It is also advisable that you just copy thesame title or type style from your cover to your title page for consistency.

The table of contents will be discussed on part 2 of our InDesign Book Layout Tutorial.

I won’t be showing you how to layout every page but I will just show you how to format one pageand the rest will just be the same.

Assuming we have a separate text document in MS Word format for our content. We will thenimport and place it in our InDesign document.

To import your document file, follow the steps below:

Go to “File” menu, then select “Place”. Or press “Ctrl+D” (Windows) or “Command+D”(Mac).

1.

Locate and select your file when the Place document dialog box appears.2.If you want to specify other file importing options, check the “Show Import Options” checkbox.

3.

Click Open to import the selected file.4.

If you created a text frame and selected it prior to importing a text file, the content of your file willautomatically be placed inside that text frame. If none, you can just click or drag inside your page toplace the content. Alternately, you can “Autoflow” your content by pressing the Shift key withthe Place cursor. Holding down the shift key changes the placement of your content from a singletext frame to automatically flowing your text adding pages to your document as needed.

Navigate through your files, then find and select your Word document. Click Open and you will seeyour cursor change into a place document icon. Point it on your document page and click. The firsttext frame of your content will be placed over your selected page.

Shown below is how the Autoflow place cursor looks like and the page containing the imported andplaced text.

Basic InDesign Tutorial in Creating Your First Book Layout - Part 1 | D... http://www.designfreebies.org/design-tutorials/indesign-tutorials/basic...

9 of 18 4/3/2012 8:12 AM

Page 10: Basic InDesign Tutorial in ..

There are several ways that you can format your text in InDesign but the most efficient way is touse Paragraph Styles. Using paragraph styles allows you to dramatically cut the amount of timeformatting text particularly with long documents containing long stretches of text. With paragraphstyles, appying text formatting to selected paragraphs is just a click away.

There are three ways to create paragraph styles. First method is to create an entirely new paragraphstyle from the paragraph style palette. Second method is to format the paragraph first then base thenew paragraph style from that paragraph. Third method is to import styles from other InDesigndocuments. In this tutorial, let’s use the first and most common method.

Let us now define paragraph style for our heading.

Open the “Paragraph Styles” palette by clicking “Window” > “Type & Tables” > “ParagraphStyles”. From the Paragraph Styles palette click the options button and select “New ParagraphStyle” as shown below.

Basic InDesign Tutorial in Creating Your First Book Layout - Part 1 | D... http://www.designfreebies.org/design-tutorials/indesign-tutorials/basic...

10 of 18 4/3/2012 8:12 AM

Page 11: Basic InDesign Tutorial in ..

Change the Style Name to “Heading 1″ or any name you want that will describe the paragraph youwant to attach it to.

Next, click Basic Character Formats. Now change Font Family, Font Style, Size and Leading. Ichoose Times New Roman Bold, 26 pt with 28 pt leading which is a multiple of 14 to match our14 pt increment baseline grid. The rest you can leave in their default values.

Basic InDesign Tutorial in Creating Your First Book Layout - Part 1 | D... http://www.designfreebies.org/design-tutorials/indesign-tutorials/basic...

11 of 18 4/3/2012 8:12 AM

Page 12: Basic InDesign Tutorial in ..

Lastly, go to Indents and Spacing. Set Align to Grid to “All Lines”. This tells InDesign to align alllines of text from that paragraph with the baseline grid. You can also choose “First Line Only” andsucceeding lines will still follow and align with the grid because our leading matches our baselinegrid increment.

Click OK and we have our first Paragraph Style for Heading 1. Place your Text tool cursor on theheading line and click “Heading 1″ from the Paragraph Styles palette to apply the Heading 1 style.

Basic InDesign Tutorial in Creating Your First Book Layout - Part 1 | D... http://www.designfreebies.org/design-tutorials/indesign-tutorials/basic...

12 of 18 4/3/2012 8:12 AM

Page 13: Basic InDesign Tutorial in ..

Next thing you want to do is format the rest of the text by creating new paragraph styles for them.For our body text, follow the same procedure we did with our Heading 1 paragraph style. You mayname it “body”, format characters with Times New Roman regular, 11 pt with 12 pt leading.Then set again Align to Grid to “All Lines”. You may also want to set Alignment to “LeftJustify” (also from “Indents and Spacing” tab), but that’s a matter of preference.

Applying our body text paragraph style gives us something like the one shown below.

With baseline grid shown (View > Screen Mode > Normal):

Baseline grid and margins hidden (View > Screen Mode > Normal):

Basic InDesign Tutorial in Creating Your First Book Layout - Part 1 | D... http://www.designfreebies.org/design-tutorials/indesign-tutorials/basic...

13 of 18 4/3/2012 8:12 AM

Page 14: Basic InDesign Tutorial in ..

Enhance it a bit if you feel that your page looks bare or too boring with too much text. I added somebackground boxes behind the heading to match the page number.

Basic InDesign Tutorial in Creating Your First Book Layout - Part 1 | D... http://www.designfreebies.org/design-tutorials/indesign-tutorials/basic...

14 of 18 4/3/2012 8:12 AM

Page 15: Basic InDesign Tutorial in ..

Continue adding new paragraph styles and apply them as needed with the rest of your document.

That’s it for now. Part 2 of this tutorial will cover how to add Table of Contents, format footnotesand create cover for our book. So if you enjoyed this one and looking forward to the next part, youmay want to subscribe to our RSS feed and mailing list to keep you notified and updated. You mayalso like our Facebook fan page and follow our Twitter account just in case you missed our RSS andmail updates.

Related Posts

How to Use Indesign Separations PreviewFree Exclusive Adobe InDesign Magazine TemplateFree InDesign Templates: Presentation Folders 2Free InDesign Templates: Christian Church and Travel Agency BrochuresFree InDesign Template with Predefined Paragraph Style SheetsFree InDesign Templates: Daycare Preschool and Health & Fitness Center BrochuresFree InDesign Templates: Technology Company BrochuresFree InDesign Template: Presentation FolderFree InDesign Templates: Brochure and MenuIndesign CS2 Tutorial Part 1 and 2: Introduction, Grid and Guide Management

Basic InDesign Tutorial in Creating Your First Book Layout - Part 1 | D... http://www.designfreebies.org/design-tutorials/indesign-tutorials/basic...

15 of 18 4/3/2012 8:12 AM

Page 16: Basic InDesign Tutorial in ..

Basic InDesign Tutorial in Creating Your First Book Layout – Part … |InDesign | Adobe-Tutorial.com on August 11, 2011

[...] more from the original source: Basic InDesign Tutorial in Creating Your First BookLayout – Part … adobe, book-layout, first-book, follow-basic, indesign, simple, [...]

Erick Ragas on October 11, 2011

Nice Tut

You can check Free InDesign Book Template on:

http://stockindesign.com/2011/10/indesign-book-template-calipso/

Don on March 3, 2012

Part 2 of this tutorial will cover how to add Table of Contents, format footnotes and createcover for our book.: Where is part 2? I can’t find it!

Name (required)

Mail (will not be published) (required)

Website

Basic InDesign Tutorial in Creating Your First Book Layout - Part 1 | D... http://www.designfreebies.org/design-tutorials/indesign-tutorials/basic...

16 of 18 4/3/2012 8:12 AM

Page 17: Basic InDesign Tutorial in ..

Copyright © 2011: Graphic Design Free Resources: www.designfreebies.org, All Rights Reserved

Popular Posts

Free Vector Clips: World Flags in Adobe Illustrator Format

64 Replies

Free Exclusive Adobe InDesign Magazine Template

60 Replies

Top 45 Logo Re-branding of 2009: Plus Preview on the New AOL Brand

48 Replies

101 Free All-Vector T-shirt Designs

47 Replies

Free Multimedia Vector Icons

47 Replies

Your donation is most welcome

If you find this site and all of our FREE materials helpful, please donate to help us keep it running.Thank you.

Find Us on Twitter

Basic InDesign Tutorial in Creating Your First Book Layout - Part 1 | D... http://www.designfreebies.org/design-tutorials/indesign-tutorials/basic...

17 of 18 4/3/2012 8:12 AM

Page 18: Basic InDesign Tutorial in ..

Find us on Facebook

*

Archives

Basic InDesign Tutorial in Creating Your First Book Layout - Part 1 | D... http://www.designfreebies.org/design-tutorials/indesign-tutorials/basic...

18 of 18 4/3/2012 8:12 AM


Recommended