0
Clinic: Adobe InDesign CS6
Carson City Library @Two Digital Learning Center
General Housekeeping
Before Survey
Bathroom
Cell Phones
Breaks
Questions
Carson City Library @Two Digital Learning Center
Clinic Objectives
✤ What is Adobe InDesign CS6
✤ Basics of Graphic Design
✤ Identifying Good Design
✤ Get to Know the InDe...
Adobe InDesign CS6

✤ Desktop Publishing Software
✤ Create...

Posters, Flyers, Brochures, Magazines,
Newspapers, Books

C...
History

✤ InDesign is the predecessor to PageMaker.
✤ InDesign was introduced to the market in
1999.
✤ Most Recent: InDes...
Basics of Graphic Design

✤ Graphic Design:

“The art of skill of combining text and pictures
in advertisements, magazines...
Basics of Graphic Design
✤ 5 Building Blocks:
•Lines
•Shapes
•Mass
•Texture
•Color
Carson City Library @Two Digital Learni...
Basics of Graphic Design

✤ Lines:
•Divide or Unite Elements on a Page
•Denote Direction of Movement
•Provide an Anchor fo...
Basics of Graphic Design

✤ Shapes:
•Basic - Circle, Square, Triangle
•Most Reoccurring - Square/Rectangle

Carson City Li...
Basics of Graphic Design
Text Box
Text Box
Here Box
Text
Here Text Box
Here
Here

✤ Mass:
•Size
•Physical Size and Visual ...
Basics of Graphic Design

✤ Texture:
•Feel of Paper
•Smooth or Rough
•Textures can be Visual

Carson City Library @Two Dig...
Basics of Graphic Design

✤ Color:
•Elicit Specific Emotions and Reactions
•Complementary, Analogous, and Triad
Colors

Ca...
Printing Your Designs

✤ Printing:
•RGB vs. CMYK
•ALWAYS print your images in CMYK
•Image Resolution and Size

Carson City...
Break Time: 7
Minutes

Carson City Library @Two Digital Learning Center
Basics of Graphic Design
✤ 6 Principles of Design
•Balance
•Proximity
•Alignment
•Repetition or Consistency
•Contrast
•Whi...
Basics of Graphic Design
✤ Balance:
•Symmetrical, Asymmetrical, Radial
•Rule of Thirds
•Visual Center
•Use of Grids
Carson...
Basics of Graphic Design

✤ Proximity:
•Keeping like items together and create
unity based on how close or far apart
eleme...
Basics of Graphic Design

✤ Alignment:
•Text, Graphics, Objects

Carson City Library @Two Digital Learning Center
Basics of Graphic Design

✤ Repetition/Consistency:
•Consistent and Balanced

Carson City Library @Two Digital Learning Ce...
Basics of Graphic Design

✤ Contrast
•Big vs. Small
•White vs. Black

Carson City Library @Two Digital Learning Center
Basics of Graphic Design

✤ White Space

Carson City Library @Two Digital Learning Center
Identifying Good Design

Carson City Library @Two Digital Learning Center
Identifying Good Design

Carson City Library @Two Digital Learning Center
Identifying Good Design

Carson City Library @Two Digital Learning Center
Break Time: 7
Minutes

Carson City Library @Two Digital Learning Center
Diving Into InDesign CS6

Carson City Library @Two Digital Learning Center
Introducing The Interface
Default panels
in the Advanced
workspace

Application Bar

Control Panel

Tool
Panel
Paste Board...
Introducing The Interface
A: Selection Tools
Selection
Direct Selection
Page
Gap
Content Collector/
Content Placer

Tool
P...
Setting
Preferences

Setting Up InDesign with
Inch Measurements
Carson City Library @Two Digital Learning Center
Opening a New Document

Carson City Library @Two Digital Learning Center
A Few More Tid
Bits
✤ Sena Thinks You Should Also Know
•Text, Graphics, Objects
•Linked Images
•Using Layers
•Adding Effec...
Let’s Practice!

✤ Creating a Magazine Ad
•All Files Needed Are On The Desktop
•Look at the Handout

Carson City Library @...
Let’s
Practice!

✤ Experiment!
Carson City Library @Two Digital Learning Center
The End
✤ Thank you for attending the InDesign CS6

Clinic
•Please take our After Class Survey
•www.surveymonkey.com/s/att...
Upcoming SlideShare
Loading in...5
×

Beginning Adobe InDesign CS6

35,718

Published on

Published in: Education, Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
35,718
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
199
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Welcome!
    Sena Loyd
    Technology Trainer
    Classes are provided with funding from the BTOP, Broadband Technical Opportunities Program, Nevada One Click Away Grant in partnership with the State Library and Archives and the Cooperative Libraries Automated Network in Nevada.
    The @Two Digital Learning Center Provides Basic Computer Skills Training, Limited Advanced Computer Training, Basic Digital Photography Equipment, Computers with Advanced Program etc.
  • Cite the location of the definition. Dictionary.com
  • Sometimes a designer uses a line along to divide or unite elements on a page.
    Lines can denote direction of movement (as in diagonal lines and arrows) or provide an anchor to hold elements on a page (such as lines at the top, bottom, or sides of a page).
  • Paper is rectangular. Most text blocks are square or rectangular.
    While you may encounter printed projects cut into other shapes, most circles, triangles, and freeform shapes in desktop published materials are found on the page within the graphic or in the way the elements are placed on the page.
    Logos can also use implied shapes and lines to create a letter or an image. The practice is often referred to as Gestalt theory, which basically states that you can infer a while by only seeing its parts. Your mind interprets it and tells you what you should see.
    Typography can take shape too. With weight (bold, light), leading, size, style (regular, italic), tracking or kerning, and word wrap, you can control the shape of your body copy and remember that you can wrap it around images or make it take on shapes of its own to incorporate it into the rest of the design.
  • A physical small brochure can have a great deal of mass through the use of heavy text and graphic elements.
    A physically large brochure can appear smaller, lighter by using text and graphics sparingly.
    It is easy to distinguish the header from the headline, byline, subheaders and body copy. This is because they cary in size and your eye is naturally drawn to the largest element first. Note the drop cap can also do this- its a great way to indicate where the reader should start and an example of using size to direct the viewer’s eye.
  • Texture can be the actual texture of the paper, linen, smooth, etc. Textures can also be visual. On the Web, especially, backgrounds that simulate fabrics, stone, and other textures are common.
    Unique textures and patterns of its textiles can be integrated into the design. The textures used can create different feelings.
  • Red is typically thought of as an attention-grabbing, hot color. Blues are more calming or convey stability. Some color combinations are used to create a specific identity (corporate corporate colors, school colors) or may be used in conjunction with texture to simulate the look of other objects (the look of plain paper wrapping or neon lights for example).
    Color may provide cues for the reader.
    Colors holds the most critical appeal to emotions out of all the elements of design.
    Complementary Colors: If you pick a color on the color wheel then draw a straight line across the color wheel, this is the color’s complements. These colors are basically opposite.
    There are also split complementary colors which means that once you pick the complimentary you choose one of the colors next to it giving it a more subtle look.
    Analogous Color: This is when you choose a color on the color wheel that is next to the color you are choosing.
    Quite often neutrals are used when highlighting the art work such as white, off whites, grays and browns, even black.
    Triad Colors: Choose color on the color wheel then draw an equilateral triangle to find two other colors. You will notice that each color has 3 colors between them to form a triangle.
  • Red, Green and Blue are “additive colors”. If we combine red, green and blue light you will get white light. This is the principle behind a TV set and the monitor you are currently looking at.
    Additive color, or RGB mode, is optimized for display on computer monitors, ie. Websites and powerpoints.
    Cyan, Magenta and Yellow are “subtractive colors”. If we can print cyan, magenta and yellow inks on white paper, they absorb the light shining on the page. Since our eyes receive no reflected light from the paper, we perceived black... in a perfect world.
    The printing world operates in subtractive color, or CMYK.
    One of the most common errors made by inexperiences graphic designers is submitting RGB flies for print. As a result printers must ask if they would like the flies for film output.
    Most of the time, color change that will occur is slight. However, once in a while, the color range after conversion is compressed during the transition to CMYK mode resulting in a complere change in color tones.
    Be warned, there is absolutely no way to get that deep RGB blue using CMYK, no matter how much we want to.
    Resolution - Detail the image holds
    300ppi for print
    72ppi for screen
    JPG or TIFF
    Not all digital cameras will offer TIFF, but most will have JPG. TIFF files will always be higher quality, they are very large files though. JPGs can also be higher quality but will not be as large as a TIFF.
    If you want to have a large image/graphic it needs to be high resolution and size to keep the image from pixilating.
  • Though you may not always see these 6 listed, the principles within these are generally accepted.
  • In a design with only two elements they would be almost identical or have nearly the same visual mass. If one element was replaced by a smaller one, it could throw the page out of symmetry.
    To reclaim perfect symmetrical balance you might need to add or subtract or rearrange the elements so that they evenly divide the page such as a centered alignment or one that divides the page in even segments.
    Rule of Thirds:
    The rule of thirds says that most designs can be made more interesting by visually dividing the page into thirds vertically and/or horizontally and placing our most important elements within those thirds.
    You can take this step further, especially in photographic composition, but dividing the page into thirds both vertically and horizontally and placing your most important elements at one or more of the four intersections of those lines.
    Visual Center:
    Placing important elements or the focal point of the design within the visual center of a piece os another design trick.
    The visual center is slightly to the right of and above the actual center of the page.
    Grids:
    Sometimes the use of a grid is obvious.
    This asymmetrically balanced design uses a simple three column grid to ensure that each text column is the same width and that it is balanced by the nearly empty column on the left.
    The grid also dictates the margins and ensures that the page number and header appear in the same place on each page.
  • While centered text has its place, it is often a mark of a noive designer.
    Align text and graphics to create more interesting, dynamic or appropriate layouts.
  • Consistent and balanced look through different types of repetition.
  • These are some of the ways to create contrast and visual interest.
  • The are of nothing is another way to describe it. Items that are too cluttered and do not have a good amount of white space will confuse your reader.
  • Transcript of "Beginning Adobe InDesign CS6"

    1. 1. Clinic: Adobe InDesign CS6 Carson City Library @Two Digital Learning Center
    2. 2. General Housekeeping Before Survey Bathroom Cell Phones Breaks Questions Carson City Library @Two Digital Learning Center
    3. 3. Clinic Objectives ✤ What is Adobe InDesign CS6 ✤ Basics of Graphic Design ✤ Identifying Good Design ✤ Get to Know the InDesign Interface ✤ Learn How to Set Preferences ✤ Opening a New Document ✤ Create a Magazine Ad ✤ Practice! Carson City Library @Two Digital Learning Center
    4. 4. Adobe InDesign CS6 ✤ Desktop Publishing Software ✤ Create... Posters, Flyers, Brochures, Magazines, Newspapers, Books Carson City Library @Two Digital Learning Center
    5. 5. History ✤ InDesign is the predecessor to PageMaker. ✤ InDesign was introduced to the market in 1999. ✤ Most Recent: InDesign CS6 Carson City Library @Two Digital Learning Center
    6. 6. Basics of Graphic Design ✤ Graphic Design: “The art of skill of combining text and pictures in advertisements, magazines, or books.” Carson City Library @Two Digital Learning Center
    7. 7. Basics of Graphic Design ✤ 5 Building Blocks: •Lines •Shapes •Mass •Texture •Color Carson City Library @Two Digital Learning Center
    8. 8. Basics of Graphic Design ✤ Lines: •Divide or Unite Elements on a Page •Denote Direction of Movement •Provide an Anchor for Elements on a Page Carson City Library @Two Digital Learning Center
    9. 9. Basics of Graphic Design ✤ Shapes: •Basic - Circle, Square, Triangle •Most Reoccurring - Square/Rectangle Carson City Library @Two Digital Learning Center
    10. 10. Basics of Graphic Design Text Box Text Box Here Box Text Here Text Box Here Here ✤ Mass: •Size •Physical Size and Visual Size •Size is Relative Carson City Library @Two Digital Learning Center
    11. 11. Basics of Graphic Design ✤ Texture: •Feel of Paper •Smooth or Rough •Textures can be Visual Carson City Library @Two Digital Learning Center
    12. 12. Basics of Graphic Design ✤ Color: •Elicit Specific Emotions and Reactions •Complementary, Analogous, and Triad Colors Carson City Library @Two Digital Learning Center
    13. 13. Printing Your Designs ✤ Printing: •RGB vs. CMYK •ALWAYS print your images in CMYK •Image Resolution and Size Carson City Library @Two Digital Learning Center
    14. 14. Break Time: 7 Minutes Carson City Library @Two Digital Learning Center
    15. 15. Basics of Graphic Design ✤ 6 Principles of Design •Balance •Proximity •Alignment •Repetition or Consistency •Contrast •White Space Carson City Library @Two Digital Learning Center
    16. 16. Basics of Graphic Design ✤ Balance: •Symmetrical, Asymmetrical, Radial •Rule of Thirds •Visual Center •Use of Grids Carson City Library @Two Digital Learning Center
    17. 17. Basics of Graphic Design ✤ Proximity: •Keeping like items together and create unity based on how close or far apart elements are from each other. Carson City Library @Two Digital Learning Center
    18. 18. Basics of Graphic Design ✤ Alignment: •Text, Graphics, Objects Carson City Library @Two Digital Learning Center
    19. 19. Basics of Graphic Design ✤ Repetition/Consistency: •Consistent and Balanced Carson City Library @Two Digital Learning Center
    20. 20. Basics of Graphic Design ✤ Contrast •Big vs. Small •White vs. Black Carson City Library @Two Digital Learning Center
    21. 21. Basics of Graphic Design ✤ White Space Carson City Library @Two Digital Learning Center
    22. 22. Identifying Good Design Carson City Library @Two Digital Learning Center
    23. 23. Identifying Good Design Carson City Library @Two Digital Learning Center
    24. 24. Identifying Good Design Carson City Library @Two Digital Learning Center
    25. 25. Break Time: 7 Minutes Carson City Library @Two Digital Learning Center
    26. 26. Diving Into InDesign CS6 Carson City Library @Two Digital Learning Center
    27. 27. Introducing The Interface Default panels in the Advanced workspace Application Bar Control Panel Tool Panel Paste Board Carson City Library @Two Digital Learning Center
    28. 28. Introducing The Interface A: Selection Tools Selection Direct Selection Page Gap Content Collector/ Content Placer Tool Panel B: Drawing and Typing Tools Type/Type On a Path Line Pen Pencil Rectangle Frame Rectangle Carson City Library @Two Digital Learning Center C: Transformation Tools Scissors Free Transformation Gradient Swatch Gradient Feather D: Modification and Navigation Tools Note Eyedropper Hand Zoom E: Other Fill / Stroke (Swap) Default Fill / Stroke Formatting Affects Apply None Viewing Mode
    29. 29. Setting Preferences Setting Up InDesign with Inch Measurements Carson City Library @Two Digital Learning Center
    30. 30. Opening a New Document Carson City Library @Two Digital Learning Center
    31. 31. A Few More Tid Bits ✤ Sena Thinks You Should Also Know •Text, Graphics, Objects •Linked Images •Using Layers •Adding Effects to Text and Layers Carson City Library @Two Digital Learning Center
    32. 32. Let’s Practice! ✤ Creating a Magazine Ad •All Files Needed Are On The Desktop •Look at the Handout Carson City Library @Two Digital Learning Center
    33. 33. Let’s Practice! ✤ Experiment! Carson City Library @Two Digital Learning Center
    34. 34. The End ✤ Thank you for attending the InDesign CS6 Clinic •Please take our After Class Survey •www.surveymonkey.com/s/attwodlcafterclass ✤ Check Our Website for Future Classes and Clinics Carson City Library @Two Digital Learning Center
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×