SlideShare a Scribd company logo
1 of 23
Download to read offline
Down & Dirty with Adobe Creative Suite
          Session #2: InDesign
InDesign’s primary purpose is to
           layout books, boards and other documents.




InDesign
Purpose
InDesign’s primary purpose is to
           layout books, boards and other documents.




InDesign
Purpose
Basic properties of currently
                            3      selected objects

                Tools that cover
            1   most InDesign
                Capabilities




                                                                    4
                                                                   Menu for panels
            2    Object fill & stroke




InDesign
Interface
To Zoom In                  To Zoom Out                    To Move Around

            ctrl + “+”                    ctrl + “-”                    hold down the
               (pc)                            (pc)
                                                                         space bar,
            cmd + “+”                     cmd + “-”
               (mac)                           (mac)                     Click & Drag

                       *tip: press ctrl + alt, and roll mouse wheel to zoom in and out
                                 ctrl + “0” to fit entire page in current screen




InDesign
Interface
*tip: default unit is pica, which is a
                      typographic measure.
                 ex. 12pt for reports = one pica

              One pica equals to 1/6 of an inch and
                    consists of twelve units.
                  ex. 1p6 is one and half pica




InDesign
Page Set-Up
*tip: distance between
                                                                        baseline grid line is one pica

                                                                         To toggle between preview
                                                                              and normal “W”




                                          The Columns and Baseline Grid
InDesign      View > Grids & guides >
                                        should dictate the size of every item in
Page Set-Up   Show Baseline Grid
                                                   your document.
3



                            Leading

    1   Text tool




                                                                           2




                                                                                                     *tip:
                                                                                         black arrow (selection tool)
                                                                                       white arrow (partial selection tool)




                    1. Using the Text Tool,
InDesign                                      2. Right click > Fill with       3. Set the Font Size,
                       click and drag to
Adding Texts                                      Placeholder Text.            Weight, and Leading
                         draw a textbox
1                                                    2




                                                                              *tip: set leading as 12. As this
                                                                             equals to one pica, which will fit
                                                                            texts neatly into the baseline grid.




InDesign                1. Object >        2. Switch panel to          3. Change
Adding Texts       Text Frame Options...   Baseline Options     Baseline Grid to Leading
2       Swatches menu




     1    Rectangle tool




                                                                                     *tip: some tools are hidden
      3   Object fill & stroke                                                         beneath the basic ones




InDesign        1. Using the Rectangle Tool,   2. Open swatches menu        3. Set the Font Size,
Drawing Objects          draw a box             and apply fill & stroke     Weight, and Leading
2   Adjust colors
                                      1   Add a swatch




InDesign
Drawing Objects
Master pages      1




                                                                                          2   Add pages




              Right click > Insert Special   Master pages properties will be applied to
InDesign
              Character > Markers >               all the sub-pages automatically.
Master page
              Current Page Number            Insert page numbering to your document.
InDesign
              Insert page header and a line to your document
Master page
Font size: 30 pt
                                                       Leading: 36 pt

                                                       Font size: 24 pt
                                                       Leading: 24 pt



                                                       Font size: 10 pt
                                                       Leading: 12 pt

                                                                               *tip: to edit character and
                                                                              paragraph styles, you have to
                                                                              double click inside the box
                                                                                  (Hit esc to deselect)

                                                                             Keep leading to multiples of 12



InDesign
Character and      Create a title, subtitle and contents for your document
Paragraph Styles
1




                                                                                              3

                                                                                                  2




InDesign
                  1. Select with black arrow,   2. In the Character Styles   3. Double-click on the
Character and
                 one of your styled textboxes   panel, Create New Style.      new Character Style
Paragraph Styles
2




                                            1




InDesign                               2. Add another column to the textbox
           1. Create a new textbox
Columns                              using the Number of Columns property.
1
                                                                                   3




                                                                                    2




                                                                       3. Click on the red plus box and
InDesign                            2. If your text exceeds the box
           1. Draw two textboxes                                       then click on your empty box to
Columns                            size, you will see a red plus box
                                                                              let the text spill over
1                                         2




                                                                           *tip: InDesign treats image as two separate
                                                                                    elements: frame & content

                  Frame only                         Frame & content        Image looks pixelated because, InDesign
                                                                           does not store the image directly in current
                                                                            document. It only links to the original file.




                 1. Using the Rectangle                                 3. Select the file
InDesign                                  2. Hit ⌘D or CTRL-D
                       Frame Tool,                                     you want to Place
Placing Images                            or drag the image in
                    draw a rectangle                                     in the Frame.
1                                      2




                                                                                 *tip: hold down shift to scale
                                                                                  frame/image proportionally




InDesign         1. Select image with black arrow   2. Select image with white arrow
Fitting Images         to resize the “frame”              to resize the “image”
1                                           3




                                                                                        *tip: you can also simply drag
                 2                                                                      the image into the document.

                                                                                        You can place many different
                                                                                             types of files, such
                                                                                               as .pdf .psd .ai




InDesign             1. Select image with   2. Right click > Fitting >   3. Adjust frame or image
Fitting Images           black arrow        Fit Content Proportionally   using black/white arrows
1




           2




InDesign                                 2. Package to create a folder that contains the
           1. Save as an InDesign file
Saving                                    InDesign file, fonts, and Images all together.
*tip: select Adobe PDF (Print),
             NOT Adobe PDF (Interactive)




InDesign
Saving
*tip: select latest version of
                                                                           PDF whenever possible. This will
                                                                                reduce your file size.




InDesign   1. Check spreads if you want   2. Compression > Bicubic Downsampling to >
Saving      your document side by side.               150 pixels per inch

More Related Content

Similar to DUSPviz2012 InDesign

179 designing a_magazine_spread
179 designing a_magazine_spread179 designing a_magazine_spread
179 designing a_magazine_spreadmrhoward12
 
10 Tips and Tricks to Improve Your Workflow in InDesign CS5
10 Tips and Tricks to Improve Your Workflow in InDesign CS510 Tips and Tricks to Improve Your Workflow in InDesign CS5
10 Tips and Tricks to Improve Your Workflow in InDesign CS5Pix By Nix
 
Adobe InDesign Primer
Adobe InDesign PrimerAdobe InDesign Primer
Adobe InDesign PrimerNYCCTfab
 
AutoCAD Crash Course
AutoCAD Crash CourseAutoCAD Crash Course
AutoCAD Crash CourseDUSPviz
 
CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203tutorialsruby
 
CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203tutorialsruby
 
Introduction to InDesign
Introduction to InDesignIntroduction to InDesign
Introduction to InDesignDUSPviz
 
Power point lesson 15
Power point lesson 15Power point lesson 15
Power point lesson 15heidirobison
 
Omnigraffle tutorial
Omnigraffle tutorialOmnigraffle tutorial
Omnigraffle tutorialBillie DeMott
 
In design tutorial[3]
In design tutorial[3]In design tutorial[3]
In design tutorial[3]Abc Abc
 
EESTEC Summer School 2012 - Vector Design - Darija Dašić
EESTEC Summer School 2012 - Vector Design - Darija DašićEESTEC Summer School 2012 - Vector Design - Darija Dašić
EESTEC Summer School 2012 - Vector Design - Darija DašićEESTEC LC Trieste
 
Ill Cs Cib 01[1]
Ill Cs Cib 01[1]Ill Cs Cib 01[1]
Ill Cs Cib 01[1]alebdaa
 
Twilight magazine
Twilight magazineTwilight magazine
Twilight magazineAbc Abc
 
Adobe indesign cs6
Adobe indesign cs6Adobe indesign cs6
Adobe indesign cs6ilaazmil2
 
Adobe indesign cs6
Adobe indesign cs6Adobe indesign cs6
Adobe indesign cs6Ila Azmil
 
Prelim Evaluation
Prelim EvaluationPrelim Evaluation
Prelim EvaluationMax Qayyum
 
Corel draw Presentation (1).pdf
Corel draw Presentation (1).pdfCorel draw Presentation (1).pdf
Corel draw Presentation (1).pdfdakshin681
 

Similar to DUSPviz2012 InDesign (20)

179 designing a_magazine_spread
179 designing a_magazine_spread179 designing a_magazine_spread
179 designing a_magazine_spread
 
10 Tips and Tricks to Improve Your Workflow in InDesign CS5
10 Tips and Tricks to Improve Your Workflow in InDesign CS510 Tips and Tricks to Improve Your Workflow in InDesign CS5
10 Tips and Tricks to Improve Your Workflow in InDesign CS5
 
Adobe InDesign Primer
Adobe InDesign PrimerAdobe InDesign Primer
Adobe InDesign Primer
 
AutoCAD Crash Course
AutoCAD Crash CourseAutoCAD Crash Course
AutoCAD Crash Course
 
CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203
 
CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203CorelDraw%20Tutorial%203
CorelDraw%20Tutorial%203
 
Introduction to InDesign
Introduction to InDesignIntroduction to InDesign
Introduction to InDesign
 
Power point lesson 15
Power point lesson 15Power point lesson 15
Power point lesson 15
 
In designtutorial
In designtutorialIn designtutorial
In designtutorial
 
Omnigraffle tutorial
Omnigraffle tutorialOmnigraffle tutorial
Omnigraffle tutorial
 
In design tutorial[3]
In design tutorial[3]In design tutorial[3]
In design tutorial[3]
 
EESTEC Summer School 2012 - Vector Design - Darija Dašić
EESTEC Summer School 2012 - Vector Design - Darija DašićEESTEC Summer School 2012 - Vector Design - Darija Dašić
EESTEC Summer School 2012 - Vector Design - Darija Dašić
 
Ill Cs Cib 01[1]
Ill Cs Cib 01[1]Ill Cs Cib 01[1]
Ill Cs Cib 01[1]
 
Word c1 audio
Word c1 audioWord c1 audio
Word c1 audio
 
Twilight magazine
Twilight magazineTwilight magazine
Twilight magazine
 
Print17 slides p7
Print17 slides p7Print17 slides p7
Print17 slides p7
 
Adobe indesign cs6
Adobe indesign cs6Adobe indesign cs6
Adobe indesign cs6
 
Adobe indesign cs6
Adobe indesign cs6Adobe indesign cs6
Adobe indesign cs6
 
Prelim Evaluation
Prelim EvaluationPrelim Evaluation
Prelim Evaluation
 
Corel draw Presentation (1).pdf
Corel draw Presentation (1).pdfCorel draw Presentation (1).pdf
Corel draw Presentation (1).pdf
 

More from DUSPviz

Intro to inkscape
Intro to inkscapeIntro to inkscape
Intro to inkscapeDUSPviz
 
Intro to Tableau Public
Intro to Tableau PublicIntro to Tableau Public
Intro to Tableau PublicDUSPviz
 
Mapping with Adobe CC
Mapping with Adobe CCMapping with Adobe CC
Mapping with Adobe CCDUSPviz
 
Intro to Microsoft Access
Intro to Microsoft AccessIntro to Microsoft Access
Intro to Microsoft AccessDUSPviz
 
Intro to Adobe Photoshop
Intro to Adobe PhotoshopIntro to Adobe Photoshop
Intro to Adobe PhotoshopDUSPviz
 
Intro to Adobe Illustrator
Intro to Adobe IllustratorIntro to Adobe Illustrator
Intro to Adobe IllustratorDUSPviz
 
Intro to AutoCAD
Intro to AutoCADIntro to AutoCAD
Intro to AutoCADDUSPviz
 
Google Fusion Tables
Google Fusion TablesGoogle Fusion Tables
Google Fusion TablesDUSPviz
 
Habits of Effective Designers - Handout
Habits of Effective Designers - HandoutHabits of Effective Designers - Handout
Habits of Effective Designers - HandoutDUSPviz
 
Habits of Effective Designers
Habits of Effective DesignersHabits of Effective Designers
Habits of Effective DesignersDUSPviz
 
Intro to Adobe Illustrator
Intro to Adobe IllustratorIntro to Adobe Illustrator
Intro to Adobe IllustratorDUSPviz
 
Intro to Adobe Photoshop
Intro to Adobe PhotoshopIntro to Adobe Photoshop
Intro to Adobe PhotoshopDUSPviz
 
Python Programming for ArcGIS: Part II
Python Programming for ArcGIS: Part IIPython Programming for ArcGIS: Part II
Python Programming for ArcGIS: Part IIDUSPviz
 
The DUSP GIS Data Drive
The DUSP GIS Data DriveThe DUSP GIS Data Drive
The DUSP GIS Data DriveDUSPviz
 
GIS Orientation 2015
GIS Orientation 2015GIS Orientation 2015
GIS Orientation 2015DUSPviz
 
Setting up your DUSP ArcGIS Environment
Setting up your DUSP ArcGIS EnvironmentSetting up your DUSP ArcGIS Environment
Setting up your DUSP ArcGIS EnvironmentDUSPviz
 
AFS Connection Instructions
AFS Connection InstructionsAFS Connection Instructions
AFS Connection InstructionsDUSPviz
 
DUSPviz Rhino 3D Workshop
DUSPviz Rhino 3D WorkshopDUSPviz Rhino 3D Workshop
DUSPviz Rhino 3D WorkshopDUSPviz
 
Drawing for planners_ivanov
Drawing for planners_ivanovDrawing for planners_ivanov
Drawing for planners_ivanovDUSPviz
 
Review presentation for Orientation 2014
Review presentation for Orientation 2014Review presentation for Orientation 2014
Review presentation for Orientation 2014DUSPviz
 

More from DUSPviz (20)

Intro to inkscape
Intro to inkscapeIntro to inkscape
Intro to inkscape
 
Intro to Tableau Public
Intro to Tableau PublicIntro to Tableau Public
Intro to Tableau Public
 
Mapping with Adobe CC
Mapping with Adobe CCMapping with Adobe CC
Mapping with Adobe CC
 
Intro to Microsoft Access
Intro to Microsoft AccessIntro to Microsoft Access
Intro to Microsoft Access
 
Intro to Adobe Photoshop
Intro to Adobe PhotoshopIntro to Adobe Photoshop
Intro to Adobe Photoshop
 
Intro to Adobe Illustrator
Intro to Adobe IllustratorIntro to Adobe Illustrator
Intro to Adobe Illustrator
 
Intro to AutoCAD
Intro to AutoCADIntro to AutoCAD
Intro to AutoCAD
 
Google Fusion Tables
Google Fusion TablesGoogle Fusion Tables
Google Fusion Tables
 
Habits of Effective Designers - Handout
Habits of Effective Designers - HandoutHabits of Effective Designers - Handout
Habits of Effective Designers - Handout
 
Habits of Effective Designers
Habits of Effective DesignersHabits of Effective Designers
Habits of Effective Designers
 
Intro to Adobe Illustrator
Intro to Adobe IllustratorIntro to Adobe Illustrator
Intro to Adobe Illustrator
 
Intro to Adobe Photoshop
Intro to Adobe PhotoshopIntro to Adobe Photoshop
Intro to Adobe Photoshop
 
Python Programming for ArcGIS: Part II
Python Programming for ArcGIS: Part IIPython Programming for ArcGIS: Part II
Python Programming for ArcGIS: Part II
 
The DUSP GIS Data Drive
The DUSP GIS Data DriveThe DUSP GIS Data Drive
The DUSP GIS Data Drive
 
GIS Orientation 2015
GIS Orientation 2015GIS Orientation 2015
GIS Orientation 2015
 
Setting up your DUSP ArcGIS Environment
Setting up your DUSP ArcGIS EnvironmentSetting up your DUSP ArcGIS Environment
Setting up your DUSP ArcGIS Environment
 
AFS Connection Instructions
AFS Connection InstructionsAFS Connection Instructions
AFS Connection Instructions
 
DUSPviz Rhino 3D Workshop
DUSPviz Rhino 3D WorkshopDUSPviz Rhino 3D Workshop
DUSPviz Rhino 3D Workshop
 
Drawing for planners_ivanov
Drawing for planners_ivanovDrawing for planners_ivanov
Drawing for planners_ivanov
 
Review presentation for Orientation 2014
Review presentation for Orientation 2014Review presentation for Orientation 2014
Review presentation for Orientation 2014
 

DUSPviz2012 InDesign

  • 1. Down & Dirty with Adobe Creative Suite Session #2: InDesign
  • 2. InDesign’s primary purpose is to layout books, boards and other documents. InDesign Purpose
  • 3. InDesign’s primary purpose is to layout books, boards and other documents. InDesign Purpose
  • 4. Basic properties of currently 3 selected objects Tools that cover 1 most InDesign Capabilities 4 Menu for panels 2 Object fill & stroke InDesign Interface
  • 5. To Zoom In To Zoom Out To Move Around ctrl + “+” ctrl + “-” hold down the (pc) (pc) space bar, cmd + “+” cmd + “-” (mac) (mac) Click & Drag *tip: press ctrl + alt, and roll mouse wheel to zoom in and out ctrl + “0” to fit entire page in current screen InDesign Interface
  • 6. *tip: default unit is pica, which is a typographic measure. ex. 12pt for reports = one pica One pica equals to 1/6 of an inch and consists of twelve units. ex. 1p6 is one and half pica InDesign Page Set-Up
  • 7. *tip: distance between baseline grid line is one pica To toggle between preview and normal “W” The Columns and Baseline Grid InDesign View > Grids & guides > should dictate the size of every item in Page Set-Up Show Baseline Grid your document.
  • 8. 3 Leading 1 Text tool 2 *tip: black arrow (selection tool) white arrow (partial selection tool) 1. Using the Text Tool, InDesign 2. Right click > Fill with 3. Set the Font Size, click and drag to Adding Texts Placeholder Text. Weight, and Leading draw a textbox
  • 9. 1 2 *tip: set leading as 12. As this equals to one pica, which will fit texts neatly into the baseline grid. InDesign 1. Object > 2. Switch panel to 3. Change Adding Texts Text Frame Options... Baseline Options Baseline Grid to Leading
  • 10. 2 Swatches menu 1 Rectangle tool *tip: some tools are hidden 3 Object fill & stroke beneath the basic ones InDesign 1. Using the Rectangle Tool, 2. Open swatches menu 3. Set the Font Size, Drawing Objects draw a box and apply fill & stroke Weight, and Leading
  • 11. 2 Adjust colors 1 Add a swatch InDesign Drawing Objects
  • 12. Master pages 1 2 Add pages Right click > Insert Special Master pages properties will be applied to InDesign Character > Markers > all the sub-pages automatically. Master page Current Page Number Insert page numbering to your document.
  • 13. InDesign Insert page header and a line to your document Master page
  • 14. Font size: 30 pt Leading: 36 pt Font size: 24 pt Leading: 24 pt Font size: 10 pt Leading: 12 pt *tip: to edit character and paragraph styles, you have to double click inside the box (Hit esc to deselect) Keep leading to multiples of 12 InDesign Character and Create a title, subtitle and contents for your document Paragraph Styles
  • 15. 1 3 2 InDesign 1. Select with black arrow, 2. In the Character Styles 3. Double-click on the Character and one of your styled textboxes panel, Create New Style. new Character Style Paragraph Styles
  • 16. 2 1 InDesign 2. Add another column to the textbox 1. Create a new textbox Columns using the Number of Columns property.
  • 17. 1 3 2 3. Click on the red plus box and InDesign 2. If your text exceeds the box 1. Draw two textboxes then click on your empty box to Columns size, you will see a red plus box let the text spill over
  • 18. 1 2 *tip: InDesign treats image as two separate elements: frame & content Frame only Frame & content Image looks pixelated because, InDesign does not store the image directly in current document. It only links to the original file. 1. Using the Rectangle 3. Select the file InDesign 2. Hit ⌘D or CTRL-D Frame Tool, you want to Place Placing Images or drag the image in draw a rectangle in the Frame.
  • 19. 1 2 *tip: hold down shift to scale frame/image proportionally InDesign 1. Select image with black arrow 2. Select image with white arrow Fitting Images to resize the “frame” to resize the “image”
  • 20. 1 3 *tip: you can also simply drag 2 the image into the document. You can place many different types of files, such as .pdf .psd .ai InDesign 1. Select image with 2. Right click > Fitting > 3. Adjust frame or image Fitting Images black arrow Fit Content Proportionally using black/white arrows
  • 21. 1 2 InDesign 2. Package to create a folder that contains the 1. Save as an InDesign file Saving InDesign file, fonts, and Images all together.
  • 22. *tip: select Adobe PDF (Print), NOT Adobe PDF (Interactive) InDesign Saving
  • 23. *tip: select latest version of PDF whenever possible. This will reduce your file size. InDesign 1. Check spreads if you want 2. Compression > Bicubic Downsampling to > Saving your document side by side. 150 pixels per inch