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

- Part 1GRAPHIC DESIGNDiploma in

LESSON 2

CAN YOU ALL HEAR ME?

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

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

*

ToolKit UpdateWhat’s New

• Digital Painting in Photoshop

• GRAPHIC DESIGN ELEMENTS & PRINCIPLES

LESSON 2

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

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)

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

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

LINE | MEANINGS

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

• Each description has a characteristic.

LINE | MEANINGS

THIN

LINE | MEANINGS

THICK

LINE | MEANINGS

HORIZONTAL

LINE | MEANINGS

VERTICAL

LINE | MEANINGS

DIAGONAL

LINE | MEANINGS

CURVED

LINE | MEANINGS

ZIGZAG

LINE | MEANINGS

ARTIFICIAL/NATURAL

LINE | MEANINGS

DASHED

LINE | PATTERNS

• A series of lines form a pattern.

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

LINE | PATTERNS

UNIFORM

LINE | PATTERNS

VARYING

LINE

ELEMENTS | WHAT WE COVERED

SHAPE

ORGANIC. ABSTRACTGEOMETRIC

SHAPE | TYPES

SHAPE | MEANINGS

CIRCLES

SHAPE | MEANINGS

SQUARES / RECTANGLES

SHAPE | MEANINGS

TRIANGLES

SHAPE | MEANINGS

SPIRALS

SHAPE | MEANINGS

CROSSES

SHAPE | MEANINGS

CIRCLES TRIANGLESSQUARES / RECTANGLES

SPIRALS CROSSES

ELEMENTS | WHAT WE COVERED

SHAPE

COLOUR

RELATIVE ABSENCE ENHANCE

COLOUR | THEORY

COLOUR | THEORYREFLECTIVE COLOUR

COLOUR | THEORYADDITIVE COLOUR

COLOUR | THEORYCOLOUR WHEEL

COLOUR | THEORYCOMPLEMENTARY / CONTRASTING COLOUR

COLOUR | THEORYCOMPLEMENTARY / CONTRASTING COLOUR

COLOUR | THEORYANALOGOUS COLOUR

COLOUR | THEORYRECTANGULAR COLOUR

COLOUR | THEORYPSYCHOLOGY

ELEMENTS | WHAT WE COVERED

COLOUR

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

TEXTURE

Keep it relativeTEXTURE

ELEMENTS | WHAT WE COVERED

TEXTURE

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

MASS

MASS

MASS in ACTION!

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

SPACE

LINE SHAPE (FORM) COLOUR TEXTURE SPACEMASS (SIZE)

ELEMENTS | WHAT WE COVERED

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

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

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.

BALANCE• Balance is the weight distributed in the design

by the placement of your elements.

• Provides stability and structure to a design.

BALANCE

SYMMETRIC ASYMMETRIC

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.

CONTRAST

SIZE VALUE QUANTITY WEIGHT PLACEMENT TEXTURE

Bigsmall

W W W W

CONTRAST | TYPES

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.

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!

PUTTING IT TOGETHER

PUTTING IT TOGETHER

PUTTING IT TOGETHER

PUTTING IT TOGETHER

ALIGNMENT BALANCE CONTRAST PROXIMITY REPETITION

PRINCIPLES | WHAT WE COVERED

LINE SHAPE (FORM) COLOUR TEXTURE SPACEMASS (SIZE)

ELEMENTS | WHAT WE COVERED

COURSE TOOL KIT

ONLY €19.99

Webinar Slides for every lesson

Bonus Videos

Summary Notes for every lesson

Exclusive Starter Pack

INCLUDED:

COMING UP IN THE NEXT LESSON

COMING UP IN THE NEXT LESSON

Create a Poster

COMING UP IN THE NEXT LESSON

Create a Composite

- Part 1GRAPHIC DESIGNDiploma in

CONTACT

+353 (0) 1 5360892

graphic.design@shawacademy.com

www.shawacademy.com

facebook.com/shawacademy

twitter.com/shawacademy

CLASS IS FINISHEDTHANK YOU FOR BEING HERE