diploma in graphic design - cloud object …€¢ brief introduction to graphic design • what...

81
- Part 1 GRAPHIC DESIGN Diploma in LESSON 2

Upload: hatu

Post on 22-Feb-2019

227 views

Category:

Documents


7 download

TRANSCRIPT

Page 1: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

- Part 1GRAPHIC DESIGNDiploma in

LESSON 2

Page 2: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

CAN YOU ALL HEAR ME?

Page 3: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

Recap

• Brief introduction to Graphic Design

• What Design is and is not

• Different areas of Design

• Adobe overview – Photoshop / Illustrator / InDesign

• Introduction to Photoshop – Workspace / Use of Layers

LESSON 1

Page 4: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

SPECIAL ANNOUNCEMENT

Win a Lifetime Membershipto Shaw Academy

CONDITIONSAttend at least 4 lessons before lesson 8

The draw will be held live during Lesson 8

*

Page 5: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

ToolKit UpdateWhat’s New

• Digital Painting in Photoshop

Page 6: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

• GRAPHIC DESIGN ELEMENTS & PRINCIPLES

LESSON 2

Page 7: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

What you will learn

• Understanding Graphic Design Elements – Line, Shape

Colour, Texture, Mass & Space

• Understanding Graphic Design Principles – Alignment,

Balance, Contrast, Proximity & Repetition

• Basic Colour Theory

• How to apply to your own designs

LESSON 2

Page 8: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

ELEMENTSIn Graphic Design there are Key Elements that enable us to communicate our message clearly.

These are what make up our design.

DISCLAIMER: There have been disagreements about the exact number, but to be honest, it doesn’t matter, these are the main conceptual elements. *

LINE SHAPE (FORM) COLOUR TEXTURE SPACEMASS (SIZE)

Page 9: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

LINE• One of the most important Elements of Design,

line defines a subject’s form or shape.

• A Line is a form with width & length, but no depth.

• Lines can be thick or thin, smooth or jagged, rigid & mechanical or organic and hand-drawn.

• The direction of a Line can convey mood.

• Lines can be literal or implied.

WIDTH

LENGTH

DEPTH

Page 10: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

LINE | TYPES

• There are several types of lines defined by their use.

CONTOUR DIVIDING

Lorem ipsum dolor sit amet

- - - - - - - - - -consecteturadipiscing elit.

Praesent at leopurus. Phasellusmi tortor, mattisnec laoreet ut, tincidunt sedtortor.

GESTUREDECORATION

Page 11: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

LINE | MEANINGS

• There are lots of ways to describe a given line.

• Each description has a characteristic.

Page 12: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

LINE | MEANINGS

THIN

Page 13: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

LINE | MEANINGS

THICK

Page 14: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

LINE | MEANINGS

HORIZONTAL

Page 15: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

LINE | MEANINGS

VERTICAL

Page 16: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

LINE | MEANINGS

DIAGONAL

Page 17: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

LINE | MEANINGS

CURVED

Page 18: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

LINE | MEANINGS

ZIGZAG

Page 19: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

LINE | MEANINGS

ARTIFICIAL/NATURAL

Page 20: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

LINE | MEANINGS

DASHED

Page 21: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

LINE | PATTERNS

• A series of lines form a pattern.

• Patterns convey meaning in addition to the meaning of individual lines.

Page 22: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

LINE | PATTERNS

UNIFORM

Page 23: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

LINE | PATTERNS

VARYING

Page 24: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

LINE

ELEMENTS | WHAT WE COVERED

Page 25: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

SHAPE

Page 26: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

ORGANIC. ABSTRACTGEOMETRIC

SHAPE | TYPES

Page 27: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

SHAPE | MEANINGS

CIRCLES

Page 28: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

SHAPE | MEANINGS

SQUARES / RECTANGLES

Page 29: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

SHAPE | MEANINGS

TRIANGLES

Page 30: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

SHAPE | MEANINGS

SPIRALS

Page 31: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

SHAPE | MEANINGS

CROSSES

Page 32: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

SHAPE | MEANINGS

CIRCLES TRIANGLESSQUARES / RECTANGLES

SPIRALS CROSSES

Page 33: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

ELEMENTS | WHAT WE COVERED

SHAPE

Page 34: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

COLOUR

RELATIVE ABSENCE ENHANCE

Page 35: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop
Page 36: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop
Page 37: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop
Page 38: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop
Page 39: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

COLOUR | THEORY

Page 40: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

COLOUR | THEORYREFLECTIVE COLOUR

Page 41: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

COLOUR | THEORYADDITIVE COLOUR

Page 42: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

COLOUR | THEORYCOLOUR WHEEL

Page 43: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

COLOUR | THEORYCOMPLEMENTARY / CONTRASTING COLOUR

Page 44: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

COLOUR | THEORYCOMPLEMENTARY / CONTRASTING COLOUR

Page 45: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

COLOUR | THEORYANALOGOUS COLOUR

Page 46: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

COLOUR | THEORYRECTANGULAR COLOUR

Page 47: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

COLOUR | THEORYPSYCHOLOGY

Page 48: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

ELEMENTS | WHAT WE COVERED

COLOUR

Page 49: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

Texture refers to the characteristics of a surface that can be tactile as well as visual.

TEXTURE

Page 50: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

Keep it relativeTEXTURE

Page 51: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

ELEMENTS | WHAT WE COVERED

TEXTURE

Page 52: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

MASS EQUALS SIZEThe physical mass or size is the actual dimensions of the piece.

MASS

Page 53: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

MASS

Page 54: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

MASS in ACTION!

Page 55: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

SPACE• White space doesn’t need to be ‘white’!

• Space is the distance or area between, or around things.

• Gives the eye a visual rest.

• White Space is essential for two main reasons

• Legibility

• Aesthetic

Page 56: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

SPACE

Page 57: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

LINE SHAPE (FORM) COLOUR TEXTURE SPACEMASS (SIZE)

ELEMENTS | WHAT WE COVERED

Page 58: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

The Principles of design are what we do to design elements.

How we apply these determines how successful the design is.

ALIGNMENT BALANCE CONTRAST PROXIMITY REPETITION

PRINCIPLES

Page 59: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

ALIGNMENT• Allows you to arrange elements in a way that matches

how people naturally scan the page.

• Helps balance your image so that it’s visually appealing.

• Creates a visual connection between related elements.

EDGE CENTRE

Page 60: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

TEXT ALIGNMENTS

CENTRE

Centered Alignment

Content is down the middle.

Centre Alignments are considered the weakest

LEFT

Left Alignment

Content is to theleft.

Left Alignments are Strong

RIGHT

Right Alignment

Content is to theright.

Right Alignments areRare

JUSTIFIED

Justif ied Alignment

Content is justif ied.

Justified Alignments canb e T r i c k y.

Page 61: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop
Page 62: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

BALANCE• Balance is the weight distributed in the design

by the placement of your elements.

• Provides stability and structure to a design.

Page 63: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

BALANCE

SYMMETRIC ASYMMETRIC

Page 64: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

CONTRAST

• Contrast is the juxtaposition of opposing elements (opposite colours on the colour wheel, or value light/dark, or direction horizontal/vertical).

• Contrast allows us to emphasise or highlight key elements in your design.

• Without Contrast a design can seem uninteresting and not be clear what to look at first.

Page 65: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

CONTRAST

Page 66: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

SIZE VALUE QUANTITY WEIGHT PLACEMENT TEXTURE

Bigsmall

W W W W

CONTRAST | TYPES

Page 67: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

PROXIMITY• Proximity creates relationship between elements.

• It provides a focal point.

• Proximity doesn't mean that elements have to be placed together, it means they should be visually connected in some way.

Page 68: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

REPETITION• Repetition strengthens a design by tying together individual elements.

• It helps create association and consistency.

• Repetition can create rhythm (a feeling of organised movement).

LIKE ME!

Page 69: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

PUTTING IT TOGETHER

Page 70: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

PUTTING IT TOGETHER

Page 71: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

PUTTING IT TOGETHER

Page 72: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

PUTTING IT TOGETHER

Page 73: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

ALIGNMENT BALANCE CONTRAST PROXIMITY REPETITION

PRINCIPLES | WHAT WE COVERED

Page 74: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

LINE SHAPE (FORM) COLOUR TEXTURE SPACEMASS (SIZE)

ELEMENTS | WHAT WE COVERED

Page 75: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

COURSE TOOL KIT

ONLY €19.99

Webinar Slides for every lesson

Bonus Videos

Summary Notes for every lesson

Exclusive Starter Pack

INCLUDED:

Page 76: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

COMING UP IN THE NEXT LESSON

Page 77: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

COMING UP IN THE NEXT LESSON

Create a Poster

Page 78: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

COMING UP IN THE NEXT LESSON

Create a Composite

Page 79: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

- Part 1GRAPHIC DESIGNDiploma in

Page 80: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

CONTACT

+353 (0) 1 5360892

[email protected]

www.shawacademy.com

facebook.com/shawacademy

twitter.com/shawacademy

Page 81: Diploma in GRAPHIC DESIGN - Cloud Object …€¢ Brief introduction to Graphic Design • What Design is and is not • Different areas of Design • Adobe overview – Photoshop

CLASS IS FINISHEDTHANK YOU FOR BEING HERE