Advanced Photoshop & Graphic Design

  • Home
  • Syllabus
  • Weekly Lessons
    • Portfolio
    • Lesson 1 >
      • 1-1
      • 1-2
      • 1-3
      • 1-4
      • 1-6
      • 1-7
      • 1-8
      • 1-9
      • 1-JFF
      • 1-IDEA
    • Lesson 2 >
      • 2-1
      • 2-2
      • 2-3
      • 2-4
      • 2-5
      • 2-6
      • 2-7
      • 2-8
      • 2-9
      • 2-JFF
      • 2-IDEA
    • Lesson 3 >
      • 3-1
      • 3-2
      • 3-3
      • 3-4
      • 3-5
      • 3-6
      • 3-7
      • 3-8
      • 3-JFF
      • 3-IDEA
    • Lesson 4 >
      • 4-1
      • 4-2
      • 4-3
      • 4-4
      • 4-5
      • 4-6
      • 4-JFF
      • 4-IDEA
    • Lesson 5 >
      • 5-01
      • 5-02
      • 5-03
      • 5-04
      • 5-05
      • 5-06
      • 5-07
      • 5-JFF
      • 5-IDEA
    • Lesson 6 >
      • 6-01
      • 6-02
      • 6-03
      • 6-04
      • 6-05
      • 6-06
      • 6-07
      • 6-08
      • 6-JFF
      • 6-IDEA
    • Lesson 7 >
      • 7-01
      • 7-02
      • 7-03
      • 7-04
      • 7-05
      • 7-06
      • 7-JFF
      • 7-IDEA
    • Lesson 8 >
      • 8-01
      • 8-02
      • 8-03
      • 8-04
      • 8-05
      • 8-JFF
      • 8-IDEA
    • Lesson 9 >
      • 9-01
      • 9-02
      • 9-03
      • 9-04
      • 9-05
      • 9-JFF
      • 9-IDEA
    • Lesson 10 >
      • 10-01
      • 10-02
      • 10-03
      • 10-04
      • 10-05
      • 10-JFF
      • 10-IDEA
    • Lesson 11 >
      • 11-01
      • 11-02
      • 11-03
      • 11-04
      • 11-05
      • 11-JFF
      • 11-IDEA
    • Lesson 12 >
      • 12-01
      • 12-02
      • 12-JFF
      • 12-IDEA
    • Lesson 13 >
      • 13-01
      • 13-02
      • 13-03
      • 13-04
      • 13-05
      • 13-JFF
      • 13-IDEA
    • Lesson 14 >
      • 14-01
      • 14-02
      • 14-03
      • 14-04
      • 14-05
      • 14-06
      • 14-JFF
    • Lesson 15
  • Resources
    • Creativity
    • Design Resources
    • Photography Composition
    • Photoshop Resources
    • Photoshop Tool Tutorials
    • Photoshop YouTube Channels
  • Student Galleries
    • Portfolio 01
    • Portfolio 02
    • Portfolio 03
    • Portfolio 04
  • Instructor/Contact
  • Class FAQ
  • Portfolios
  • Real World Projects!
  • Home
  • Syllabus
  • Weekly Lessons
    • Portfolio
    • Lesson 1 >
      • 1-1
      • 1-2
      • 1-3
      • 1-4
      • 1-6
      • 1-7
      • 1-8
      • 1-9
      • 1-JFF
      • 1-IDEA
    • Lesson 2 >
      • 2-1
      • 2-2
      • 2-3
      • 2-4
      • 2-5
      • 2-6
      • 2-7
      • 2-8
      • 2-9
      • 2-JFF
      • 2-IDEA
    • Lesson 3 >
      • 3-1
      • 3-2
      • 3-3
      • 3-4
      • 3-5
      • 3-6
      • 3-7
      • 3-8
      • 3-JFF
      • 3-IDEA
    • Lesson 4 >
      • 4-1
      • 4-2
      • 4-3
      • 4-4
      • 4-5
      • 4-6
      • 4-JFF
      • 4-IDEA
    • Lesson 5 >
      • 5-01
      • 5-02
      • 5-03
      • 5-04
      • 5-05
      • 5-06
      • 5-07
      • 5-JFF
      • 5-IDEA
    • Lesson 6 >
      • 6-01
      • 6-02
      • 6-03
      • 6-04
      • 6-05
      • 6-06
      • 6-07
      • 6-08
      • 6-JFF
      • 6-IDEA
    • Lesson 7 >
      • 7-01
      • 7-02
      • 7-03
      • 7-04
      • 7-05
      • 7-06
      • 7-JFF
      • 7-IDEA
    • Lesson 8 >
      • 8-01
      • 8-02
      • 8-03
      • 8-04
      • 8-05
      • 8-JFF
      • 8-IDEA
    • Lesson 9 >
      • 9-01
      • 9-02
      • 9-03
      • 9-04
      • 9-05
      • 9-JFF
      • 9-IDEA
    • Lesson 10 >
      • 10-01
      • 10-02
      • 10-03
      • 10-04
      • 10-05
      • 10-JFF
      • 10-IDEA
    • Lesson 11 >
      • 11-01
      • 11-02
      • 11-03
      • 11-04
      • 11-05
      • 11-JFF
      • 11-IDEA
    • Lesson 12 >
      • 12-01
      • 12-02
      • 12-JFF
      • 12-IDEA
    • Lesson 13 >
      • 13-01
      • 13-02
      • 13-03
      • 13-04
      • 13-05
      • 13-JFF
      • 13-IDEA
    • Lesson 14 >
      • 14-01
      • 14-02
      • 14-03
      • 14-04
      • 14-05
      • 14-06
      • 14-JFF
    • Lesson 15
  • Resources
    • Creativity
    • Design Resources
    • Photography Composition
    • Photoshop Resources
    • Photoshop Tool Tutorials
    • Photoshop YouTube Channels
  • Student Galleries
    • Portfolio 01
    • Portfolio 02
    • Portfolio 03
    • Portfolio 04
  • Instructor/Contact
  • Class FAQ
  • Portfolios
  • Real World Projects!
Quicklinks to all course lessons:  1   2   3   4   5   6   7   8   9   10   11   12   13   14   15
​Lesson 5 sections:​   5-1    5-2    5-3    5-4    5-5    5-6    5-7    5-JFF    5-IDEA
A05-02: Elements of Art and Design: Space
Objectives:
  1. Understand the purpose of, and how space can be used in graphic design and art.
  2. Understand that negative space is just as important as the space used by elements in your design. You need to carefully consider how you've used negative space in any design effort.
Learn:
​Space
:  "Space is the area provided for a particular purpose. Space includes the background, foreground and middle ground. Space refers to the distances or areas around, between and within things. It has two kinds: negative and positive."  Wikipedia - Elements of Art 

You can create the illusion of space on a two dimensional surface in a number of ways:
Picture
Overlapping - any object that overlaps another will be perceived to be in front of the other.
Picture
Size - smaller objects will be perceived to be further away than larger objects.
Picture
Placement on the surface - Objects placed lower on the canvas will be perceived to be closer that objects placed higher.
Picture
Detail - Objects with more detail will be perceived to be closer that objects with less detail.
Picture
Color and Value - Objects that are closer will be more intense in color, and deeper in value than objects that are further away.
Picture
Linear Perspective - objects recede and get smaller the closer they get to the vanishing points
In design, there are two kinds of space - positive and negative.  The positive space (or positive shapes) are the objects within an image.  In the ballerina photo - she is the positive space or shape.  The negative space (or negative shapes) are the spaces that surround the positive shape.  Each is as important as the other and should be considered when creating designs.  Often, it is fun to play with the interaction between positive and negative space, such as in the image of the amnesty poster below. In the portrait drawing below and at the right, the negative space plays an important role in the balance and design of the lady with the flowers.  

You've learned the principle of proximity, where space plays a critical role in how we group or organize objects on a page.  Remember, what is not there is just as important as what is there - space is every bit as important as the objects contained within it.

You can rank the importance of elements in your designs by where you place them in the space of the canvas. For example, elements that take up more space gain importance in a message hierarchy.
Picture
Here, the negative space is just as important ast the subject herself.
Picture
Please watch these short videos from John McWade...
Picture
Video: Design tutorial: The power of empty space | lynda.com (6:17)
(Captioned)
Picture
Video: Working in a tiny space (1:23)
(Captioned)
Picture
Video: Supersize it! (4:29)
Picture
Video: Figure-ground (0:36)
Below are examples of using space creatively...
Picture
This e-learning infographic uses (and teaches about using) space to enhance readability.
Picture
A food and wine festival poster that uses negative space creatively.
Picture
In this poster, negative space (red) is used cleverly against the positive space (white), to create new meaning.
Picture
In this portrait, the negative spaces were planned just as carefully and the positive spaces (the woman herself). The combination makes a striking portrait.
Optional resources to share with you! (Not required)
Picture
How to Create a 3D, Glowing, Retro Text Effect in Adobe Photoshop
Picture
How to Create a Luxurious Text Effect in Adobe Photoshop
Picture
New Amazing 2D and 3D Text Effect Tutorials (26 New Tuts)
Picture
How to Create a Realistic Burnt Text Effect in Adobe Photoshop
Quicklinks to all course lessons:  1   2   3   4   5   6   7   8   9   10   11   12   13   14   15
​Lesson 5 sections:​   5-1    5-2    5-3    5-4    5-5    5-6    5-7    5-JFF    5-IDEA

​Page last updated February 11, 2021
Picture
Proudly powered by Weebly