ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition...

25
ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition Review & File Check 3) Digital Image Composition Work Time (1 hour) 4) Basics of Typography 5) Introduction to Adobe InDesign 6) InDesign Typography Composition: In- Studio 7) Final Project Introduction

Transcript of ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition...

Page 1: ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition Review & File Check 3) Digital Image Composition Work.

ANM 104 DESIGN THEORY & PRACTICE

1) Foundation Portfolio Information2) Digital Image Composition Review & File

Check 3) Digital Image Composition Work Time (1 hour)4) Basics of Typography5) Introduction to Adobe InDesign6) InDesign Typography Composition: In-Studio7) Final Project Introduction

Page 2: ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition Review & File Check 3) Digital Image Composition Work.

ANM 104 DESIGN THEORY & PRACTICEMARCH 27th REVIEW

Creating Digital Image Composites

Digital compositing is the process of digitally assembling multiple images to make a final image.

Page 3: ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition Review & File Check 3) Digital Image Composition Work.

ANM 104 DESIGN THEORY & PRACTICEMARCH 27th REVIEW

Digital Image Composite: File Check

1. The colors in the Swatches Palette are only the colors created for this project.

1. All the colors utilized have been saved in the Swatches Palette and are named.

1. Each Layer has been named.

2. At least 3 images have been composited in this composition.

3. There were Layer Masks used to soften the edges of the individual images in the composite.

1. You should hand in 2 .psd files:

• Your Zombie Portrait: lrzoskalesson10_001.psd (student’s first initial & last name)

• Your Zombie Composite: lrzoskalesson10_002.psd (student’s first initial & last name)

Page 4: ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition Review & File Check 3) Digital Image Composition Work.
Page 5: ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition Review & File Check 3) Digital Image Composition Work.

ANM 104 DESIGN THEORY & PRACTICEAPRIL 3rd CLASS SESSION

Typography: An Introduction

Page 6: ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition Review & File Check 3) Digital Image Composition Work.

ANM 104 DESIGN THEORY & PRACTICEAPRIL 3rd CLASS SESSION

Typography: An Introduction Typefaces

Typefaces can be divided into two main categories:

Serif and Sans Serif.

Serifs comprise the small features at the end of strokes within letters.

The printing industry refers to a typeface without serifs as Sans Serif.

Page 7: ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition Review & File Check 3) Digital Image Composition Work.

ANM 104 DESIGN THEORY & PRACTICEAPRIL 3rd CLASS SESSION

Typography: An Introduction

Leading

Leading is referring to the strips of lead once used to create space between lines of text in the days of mechanical typesetting.

In other words, leading is line spacing. It's purpose is to allow the designer to alter the density of blocks of text.

Page 8: ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition Review & File Check 3) Digital Image Composition Work.

ANM 104 DESIGN THEORY & PRACTICEAPRIL 3rd CLASS SESSION

Typography: An Introduction

Kerning

Kerning allows you to manually adjust the space between any two characters.

Page 9: ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition Review & File Check 3) Digital Image Composition Work.

ANM 104 DESIGN THEORY & PRACTICEAPRIL 3rd CLASS SESSION

Typography: An Introduction

Type Justification

This is Typographic Alignment. The types of Justification are:

• Flush Left, Ragged Right

• Flush Right, Ragged Left

• Centered

• Justified

Page 10: ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition Review & File Check 3) Digital Image Composition Work.

ANM 104 DESIGN THEORY & PRACTICEAPRIL 3rd CLASS SESSION

Typography

Emotional Attributes of Fonts

Page 11: ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition Review & File Check 3) Digital Image Composition Work.

ANM 104 DESIGN THEORY & PRACTICEAPRIL 3rd CLASS SESSION

Typography: Emotional Attributes of Fonts

Page 12: ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition Review & File Check 3) Digital Image Composition Work.

ANM 104 DESIGN THEORY & PRACTICEAPRIL 3rd CLASS SESSION

Typography: Emotional Attributes of Fonts

Page 13: ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition Review & File Check 3) Digital Image Composition Work.

ANM 104 DESIGN THEORY & PRACTICEAPRIL 3rd CLASS SESSION

Typography: Font Weights

Page 14: ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition Review & File Check 3) Digital Image Composition Work.
Page 15: ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition Review & File Check 3) Digital Image Composition Work.

ANM 104 DESIGN THEORY & PRACTICEAPRIL 3rd CLASS SESSION

Adobe InDesign: An Introduction

Page Layout

Adobe InDesign is a page layout software program used to create printed works such as posters, flyers, brochures, magazines, newspapers and books.

Students in the ANM Program can utilize InDesign to create Self-Promotional pieces.

Page 16: ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition Review & File Check 3) Digital Image Composition Work.

ANM 104 DESIGN THEORY & PRACTICEAPRIL 3rd CLASS SESSION

Adobe InDesign: An Introduction

Page Layout

Layout is another word for Composition.

Using Adobe InDesign you will be creating compositions using various Graphic Elements and Typographical Elements.

Page 17: ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition Review & File Check 3) Digital Image Composition Work.

ANM 104 DESIGN THEORY & PRACTICEAPRIL 3rd CLASS SESSION

Adobe InDesign: An Introduction

Graphic Elements

LogosPhotographsIllustrationsCharts and GraphsArrowsRepeating Lines

Typographical Elements

TitlesHeadlinesSub HeadsBody CopySignatures

Page 18: ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition Review & File Check 3) Digital Image Composition Work.

ANM 104 DESIGN THEORY & PRACTICEAPRIL 3rd CLASS SESSION

Adobe InDesign: An Introduction

Visual Hierarchy

We use Visual Hierarchy to control what the viewer looks at first, then second, then third, etc.

We use all the Principles and Elements of Design when creating a page composition.

Page 19: ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition Review & File Check 3) Digital Image Composition Work.
Page 20: ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition Review & File Check 3) Digital Image Composition Work.

ANM 104 DESIGN THEORY & PRACTICEAPRIL 3rd CLASS SESSION

Adobe InDesign: Basic Tools

Tool Bar

Where the InDesign Tools are found.

Selection ToolAllows you to select and move objects.

Direct Selection ToolAllows you to select, individual Anchor

Points and edit an object.

Pen ToolAllows you to make lines and objects by creating Anchor Points and Line Segments.

Type ToolAllows you to add Typography.

Transformation ToolAllows you to select, scale and rotate

objects.

Stroke and Fill IconsAllows you to stroke and/or fill a line, text

or an object.

Page 21: ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition Review & File Check 3) Digital Image Composition Work.

ANM 104 DESIGN THEORY & PRACTICEAPRIL 3rd CLASS SESSION

Adobe InDesign: Basic Palettes

Layers Palette

Allows you to organize and arrange the Graphic Elements and Typography in your page composition.

Page 22: ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition Review & File Check 3) Digital Image Composition Work.

ANM 104 DESIGN THEORY & PRACTICEAPRIL 3rd CLASS SESSION

Adobe InDesign: Basic Palettes

Swatches Palette

Allows you to select the stroke color of the Line Segment and/or

the fill color of the Closed Object or Typography in your page

composition.

Page 23: ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition Review & File Check 3) Digital Image Composition Work.

ANM 104 DESIGN THEORY & PRACTICEAPRIL 3rd CLASS SESSION

Adobe InDesign: Basic Palettes

Character Palette

Allows you to select the Font the Font Size and the Leading.

You can, also, adjust the Kerning in the Character Palette.

Page 24: ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition Review & File Check 3) Digital Image Composition Work.

ANM 104 DESIGN THEORY & PRACTICEAPRIL 3rd CLASS SESSION

Adobe InDesign: Basic Palettes

Character Palette

Paragraph Palette

Page 25: ANM 104 DESIGN THEORY & PRACTICE 1) Foundation Portfolio Information 2) Digital Image Composition Review & File Check 3) Digital Image Composition Work.