diploma in graphic design - cloud object …€¢ brief introduction to graphic design • what...
TRANSCRIPT
- 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
www.shawacademy.com
facebook.com/shawacademy
twitter.com/shawacademy
CLASS IS FINISHEDTHANK YOU FOR BEING HERE