Beginning Photoshop & Graphic Design

  • Home
  • Syllabus
  • Weekly Lessons
    • Lesson 0 - Class Preparation
    • The Final Project
    • Lesson 1 >
      • 01-A
      • 01-B
      • 01-C
      • 01-D
    • Lesson 2 >
      • 02-A
      • 02-B
      • 02-C
      • 02-D
    • Lesson 3 >
      • 03-A
      • 03-B
      • 03-C
      • 03-D
    • Lesson 4 >
      • 04-A
      • 04-B
      • 04-C
      • 04-D
    • Lesson 5 >
      • 05-A
      • 05-B
      • 05-C
      • 05-D
    • Lesson 6 >
      • 06-A
      • 06-B
      • 06-C
      • 06-D
    • Lesson 7 >
      • 07-A
      • 07-B
      • 07-C
      • 07-D
    • Lesson 8 >
      • 08-A
      • 08-B
      • 08-C
      • 08-D
    • Lesson 9 >
      • 09-A
      • 09-B
      • 09-C
      • 09-D
    • Lesson 10 >
      • 10-A
      • 10-B
      • 10-C
      • 10-D
    • Lesson 11 >
      • 11-A
      • 11-B
      • 11-C
      • 11-D
    • Lesson 12 >
      • 12-A
      • 12-B
      • 12-C
      • 12-D
    • Lesson 13 >
      • 13-A
      • 13-B
      • 13-C
      • 13-D
    • Lesson 14 >
      • 14-A
      • 14-B
      • 14-C
      • 14-D
    • Lesson 15
  • Resources
    • Photoshop Tools
    • Photoshop Help
    • Color
    • Design
    • Grids
  • Student Galleries
    • Portfolio 01
    • Portfolio 02
    • Portfolio 03
    • Portfolio 04
    • Portfolio 05
    • Portfolio 06
    • Portfolio 07
    • Portfolio 08
    • Portfolio 09
    • Portfolio 10
  • Instructor/Contact
  • Portfolios
  • Real World Projects!
  • Home
  • Syllabus
  • Weekly Lessons
    • Lesson 0 - Class Preparation
    • The Final Project
    • Lesson 1 >
      • 01-A
      • 01-B
      • 01-C
      • 01-D
    • Lesson 2 >
      • 02-A
      • 02-B
      • 02-C
      • 02-D
    • Lesson 3 >
      • 03-A
      • 03-B
      • 03-C
      • 03-D
    • Lesson 4 >
      • 04-A
      • 04-B
      • 04-C
      • 04-D
    • Lesson 5 >
      • 05-A
      • 05-B
      • 05-C
      • 05-D
    • Lesson 6 >
      • 06-A
      • 06-B
      • 06-C
      • 06-D
    • Lesson 7 >
      • 07-A
      • 07-B
      • 07-C
      • 07-D
    • Lesson 8 >
      • 08-A
      • 08-B
      • 08-C
      • 08-D
    • Lesson 9 >
      • 09-A
      • 09-B
      • 09-C
      • 09-D
    • Lesson 10 >
      • 10-A
      • 10-B
      • 10-C
      • 10-D
    • Lesson 11 >
      • 11-A
      • 11-B
      • 11-C
      • 11-D
    • Lesson 12 >
      • 12-A
      • 12-B
      • 12-C
      • 12-D
    • Lesson 13 >
      • 13-A
      • 13-B
      • 13-C
      • 13-D
    • Lesson 14 >
      • 14-A
      • 14-B
      • 14-C
      • 14-D
    • Lesson 15
  • Resources
    • Photoshop Tools
    • Photoshop Help
    • Color
    • Design
    • Grids
  • Student Galleries
    • Portfolio 01
    • Portfolio 02
    • Portfolio 03
    • Portfolio 04
    • Portfolio 05
    • Portfolio 06
    • Portfolio 07
    • Portfolio 08
    • Portfolio 09
    • Portfolio 10
  • Instructor/Contact
  • Portfolios
  • Real World Projects!
QuickLINK to Lesson   00   FP   01   02   03   04   05   06   07   08   09   10   11   12   13   14   15
Lesson 2:   02-A   02-B   02-C   02-D

Lesson 2 - Objectives 13-16 (Thursday)

B02-13 Image composition basics

Sometimes, when there is a lot more in the picture then just your main subject, the emphasis of the photo becomes lost in the visual clutter. With Photoshop's or Camera Raw's Crop tool (C) you can edit out distracting bits of the photo and arrange the main focus using a rule of composition so that it has more emphasis.

Composition Rule 1: Rule of Thirds
This rule states that if the image were divided into thirds both vertically and horizontally that the important element is placed on or near one of these intersections. This rule has become so common that most cameras have a rule-of-thirds overlay that can be activated in either the viewfinder or on the preview screen. The photo of the man has been cropped so that his eye gaze falls on the upper left intersection of the rule of thirds.

In the ocean image, the people are the main focus, and the picture has been cropped to place them over the lower left intersection of the rule-of-third lines. The ocean horizon creates a strong horizontal line which you eye follows until it reaches the small figures of the people in the photograph.
Picture
Picture
​The Golden Rule
The Rule of Thirds is a simplified version of the Golden Rule which has several names, some of which are the Golden Mean, Golden Ratio, and Divine Proportion. This tends to be the composition rule that gets mathematically inclined folks really excited because it has to do with the infinitely extending number phi (similar to pi and is pronounced fie). It's more commonly known as the Fibonacci sequence. You'll find a downloadable Golden Section Grid and other videos on the Golden Mean in the Resources section.
Picture
Video: The magic of Fibonacci numbers | Arthur Benjamin (6:24)
Picture
Picture
Photo credit: Ludwig Keck (image used with permission)

Check out Mr. Keck's blog for some great tips on composition and other aspects of photography. As I was searching for resources this was one of the better-laid-out sites. The composition tips are also available in booklet form here.
Composition Rule 2: Avoid the Center (Usually-every rule is made to be broken, if you know why you're doing it!)
Following the rule of thirds helps you follow this rule as well. Perfectly centering the main focus of an image makes the picture so balanced it becomes "boring." Increase the interest of an image by cropping so the focus is away from the center. This is a great tip to remember when taking snapshots of friends and family.
Picture
Picture
Composition Rules Caveat
I say avoid the center (usually) because on the rare occasion placing the subject dead center actually works. Click here to see an example of centered composition. In this example the shapes and angles created by the walls and walkways are so strong and dramatic that it actually looks best centered. Breaking the rules on occasion is acceptable if it is deliberate and if the resulting photo is strong because of it. However in most cases you'll still want to play by the rules.
Picture
Composition Rule 3: Fill the Frame, or Cropping Close
This involves cropping the image so that the subject extends beyond several sides of the frame. The effect is essentially to bring the subject "closer" to the viewer. The photo becomes more intimate and personal. Generally, eye levels feel most comfortable when they are placed close to the top rule of thirds line in the photo.
​Horizon Lines
A horizon line is where the curve of the earth in the distance creates a natural line. When objects extend above this line where they meet the sky is called a skyline. Because both of these create a natural line element the photo will look better if the most obvious horizontal line is on or near the top or bottom rule-of-thirds line instead of centered.
Picture
Horizon line is in the center. The photo seems static.
Picture
The horizon line now falls on the rule of thirds. This makes a more interesting photo that emphasizes the ocean and shore. If I wanted to emphasize the sky, I would place the horizon line more towards the lower rule of thirds line.
Composition Rule #4: Avoid Uncomfortable Visual Tangents
"The word tangent usually just indicates that two things are touching, but in art the term describes shapes that touch in a way that is visually bothersome." - Dianne Mize. See the red arrow pointing at the mountain peak? That is a visually uncomfortable tangent because it is almost touching the edge of the picture..

The basic rule of thumb about tangents is "never have elements that almost touch." If you can, move the edge away from the tangent or crop tighter so that the original tangent point goes past the frame edge. For more guidelines on tangents, check out Avoiding Tangents: 9 Visual Blunders Every Artist Should Watch Out For by Dianne Mize.

Photography Tip: Leave yourself enough room to crop! 
When you take a photograph frame up your composition so it looks good in the view finder and then zoom back just a bit. This will leave you some extra wiggle room around the edges of what will eventually be your final picture. This comes in really useful when cropping and also when you end up printing on canvas and need extra photo to wrap around the frame.
Picture
Original image: Watch for uncomfortable visual tangents. Generally, it's a good idea to avoid the center for horizons.
Picture
One possible Photoshop edit to solve these issues.
Changing the resolution setting of your camera to the highest resolution will also help you make successful crops. Having more pixels in your original image leaves you more options for how to edit it later.

B02-14 Value - the lights and darks in an image

The term 'value' in art and photography refers to the value of light. The more light, the higher the value. Pure white light has the highest value on a value scale. Conversely, black has the lowest value. Value is critical to painting or photography because value changes are what create contrast in an image. Our eyes tend to be drawn to areas of highest contrast in a picture or graphic. You've learned that a histogram is basically a chart of values in an image, from black to white (or dark to light). In photography, we often try to make the histogram balanced, like in this image I took in Glacier National Park. This gives a full range spread of values from black, through the mid-tones, to white. The histogram looks like a mountain in the middle.
Picture
Photo by Nathan Smith
However, this is not our only option when playing with values in an image.

Sometimes artists, photographers, and graphic designers push the histogram toward the dark side on purpose. These are called low key images.

Other times artists push the histogram toward the light side of the value spectrum. These are called high key images. Here are two examples.

Value is one of the elements of art, along with line, shape, color, space, form, and texture. You can read more about the elements of art here.
Picture
This is an example of a low key image. Look at its histogram. In a low key image, the histogram is pushed to the left - the dark end of the scale..
Picture
​This is an example of a high key image. Look at its histogram. In a high key image, the histogram is pushed to the right - the light end of the scale

B02-15 Positive and negative space in an image - they are both important!

Composition Rule #5: Remember that the negative space is important too!
Negative space is the space between objects or parts of an object. Negative space can be very important because it creates its own shape and counts as one of the graphic elements. Sometimes you may hear me say of a photo or design "It needs some more breathing room." This means that it could use a little more negative space between the type or main subject and the edge of the picture or design. To see some truly fun uses of negative space check out this website. Positive space is the area taken up by your main emphasis.
Picture
Picture
Space is also one of the basic elements of art. You need to be aware not only of the positive space in your image, because the negative space is just as important. Creative use of negative spaces can add beauty and emphasis to your designs and images.  Have a look at the examples above to see what I mean. Click on each for a larger view. These were all found on Pinterest.com.

Optional resources to share with you! (Not required)

Picture
Video: Photoshop 2021 All The Best NEW Features EXPLAINED!
Picture
Video: LFL #31| Photoshop 2021 New Features!
QuickLINK to Lesson   00   FP   01   02   03   04   05   06   07   08   09   10   11   12   13   14   15
Lesson 2:   02-A   02-B   02-C   02-D

​
Page last updated ​December 27, 2020
Picture
Powered by Create your own unique website with customizable templates.