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. Adobe InDesign CS6
✤ Desktop Publishing Software
✤ Create...
Posters, Flyers, Brochures, Magazines,
Newspapers, Books
Carson City Library @Two Digital Learning Center
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. 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. Basics of Graphic Design
✤ 5 Building Blocks:
•Lines
•Shapes
•Mass
•Texture
•Color
Carson City Library @Two Digital Learning Center
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. Basics of Graphic Design
✤ Shapes:
•Basic - Circle, Square, Triangle
•Most Reoccurring - Square/Rectangle
Carson City Library @Two Digital Learning Center
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. Basics of Graphic Design
✤ Texture:
•Feel of Paper
•Smooth or Rough
•Textures can be Visual
Carson City Library @Two Digital Learning Center
12. Basics of Graphic Design
✤ Color:
•Elicit Specific Emotions and Reactions
•Complementary, Analogous, and Triad
Colors
Carson City Library @Two Digital Learning Center
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
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. Basics of Graphic Design
✤ Balance:
•Symmetrical, Asymmetrical, Radial
•Rule of Thirds
•Visual Center
•Use of Grids
Carson City Library @Two Digital Learning Center
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. Basics of Graphic Design
✤ Alignment:
•Text, Graphics, Objects
Carson City Library @Two Digital Learning Center
19. Basics of Graphic Design
✤ Repetition/Consistency:
•Consistent and Balanced
Carson City Library @Two Digital Learning Center
20. Basics of Graphic Design
✤ Contrast
•Big vs. Small
•White vs. Black
Carson City Library @Two Digital Learning Center
21. Basics of Graphic Design
✤ White Space
Carson City Library @Two Digital Learning Center
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. 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
30. Opening a New Document
Carson City Library @Two Digital Learning Center
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. 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
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
Editor's Notes
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.