Using Composition To Improve Your Photography

Photographic Composition can have a dramatic effect on the impact of your photographs.  There are several easy techniques which you can use help improve your photography.

Distracting Backgrounds

Distracting Backgrounds can spoil an otherwise great photo. For instance, a brightly coloured object behind the subject, say a child, can draw your eye away from the subject. I took a snap of my daughter when she was 2 while she was playing in the backyard. The background was the plain green of the grass apart from one distracting element, a bright red swing in the background. The bright colour drew your eye away from the main subject. It was such a nice natural candid shot it was a shame to have it spoilt by the swing in the background.

Wherever possible it is best to keep an eye out for such distracting elements when taking your image and change your position or recompose.  However this is not always possible and in this case I was able to remove the swing with the help of the clone tool in Photoshop.

Fill the Frame

Another way to avoid distracting backgrounds and maximise photo impact is to fill the frame with your image. Because the frame is filled with the subject it draws and holds your eye on the subject. Simplifying the photo further by converting to black and white can also dramatically improve an image, or simply give a different feel or mood.

Depth of field

Depth of field can also help with distracting background elements. Using a narrow depth of field works to keep the field of focus on the subject and details in the background are blurred out. In the case of using long lenses, you might also get bokeh effects which are commonly a pleasing (and currently popular) effect created by the shape of the shutter and sometimes becomes apparent with narrow depth of field and highlights in the background of an image.  If bokeh highlights are too bright however, they too can be distracting. You can avoid bokeh effects by using shorter lenses.

Jasmine

Rule of Thirds

It is not always best to fill the frame as sometimes you need to show more to tell the story. Sometimes positioning the subject in a certain way can add tension to the image. A common technique is to use the ‘rule of thirds’. When using this technique you mentally divide the frame into thirds by way of horizontal and vertical (mental) lines. The points at which these lines cross are the best points to position the subject to take advantage of maximum ‘tension’ and compositional ‘correctness’ emphasise the feel or mood.

It can be very tempting to place a subject in the centre of the image. Using the rule of thirds makes an image more interesting to look at and increases tension and balance. Below is a photo of my son being born with him positioned in the centre of the frame. Also shown is the same image cropped using the rule of thirds to add interest to the composition. This format makes the image more interesting to look at and adds tension. Take a look and decide for yourself.

© Clikchic Designs 2006, All rights reserved

Creating Layouts Using Blend Modes in Photoshop

For the purpose of this tutorial I am going to do a layout where the photo blends into the background paper, and a second smaller, crisper copy of the same photo for a repeated effect.

For some using blend modes in Photoshop is second nature, and it is a relatively simple method but for those who have not yet discovered it, here is a quick tutorial. To start my layout, I have selected a background paper and feature photo.

Layout Start

 Next I am going to place a larger version of the image on the background paper, underneath the smaller version of the image.

With Large Image

Next while the larger flower layer is selected, we need to change the blend mode. In your layers palette you will find a little white rectangular box which currently has normal selected, if you click on the drop down arrow, you will see the blend mode options available.

Blend Modes Menu

There are several different modes to choose from, and each will have a different effect and are great to experiment with but for the purposes of this tutorial we are going to use Overlay mode.

Blend Modes - Overlay

Once your layer blend mode has been changed to Overlay, your photo will look something like this.

Overlay Mode

 

As you can see the look is quite effective and quite vibrant, you can make it look less vibrant by adjusting the layers opacity. This will in turn bring more of the colours of the background through, and soften the colours in the overlaid photo. This option is worth experimenting with to suit your taste.

 At this point while I like the effect on the photo, I feel the edges need blending into the background a little more. I like to use layer masks for this purpose to make corrections easier. While your larger photo layer is selected. Click on the Add Layer Mask button.

Add Layer Mask

This will bring up a second thumbnail next to your image in the layers palette. To ensure the mask is selected, click on the mask to show the four corners surrounding it showing it has been selected.

Add Layer Mask Thumb

Once you have done this, you can use your black soft brush to remove portions of the image, and the white soft brush to add them.

Soft Brush

If you make a mistake, you can simply change the brush colour to white to add back the portion of the picture you wish to. On my layout, I softened the edges two sides of the photo to blend them into the background a bit more.

To finish off the layout, I changed the stroke blend mode around the smaller photo to overlay in the layer styles and reduced the drop shadow to bring it more in keeping with a graphic style layout. I then added the titles in dark brown and changed their layer blend modes to Linear Light at 59% Opacity. I also reduced the saturation of the colour in the background of the smaller photo, to help bring out the pink a little more.

Sample Layout

 

 © Clikchic Designs 2009 Credits: Cupids Bow by Clikchic Designs Font: Vtks Sonho

Here are a couple of blended style layouts I have created with my Floral Fancy Digital Scrapbook Kit and some photos of my daughter at ballet.

Floral Fancy Digital Scrapbook Kit by Clikchic Designs

Creating a Dreamy Photo Look in Photoshop

A wonderful technique for softening the look of your photos and reducing the effect of blotchy skin is to use the diffuse glow filter in Photoshop. You can take advantage of this wonderful filter to make a dramatic change, or just a subtle adjustment.
Firstly open the photo you wish to apply the filter to. You may wish to save it as (File>Save As – remember to rename the file when you save) a new file to preserve the original. For the purpose of this article we will work with this photo.

Image1-StartingImage

To apply the filter, go to the Filter menu > Distort > Diffuse Glow (Note: that your background colour on your colour swatches must be set to white for this to work effectively.)

Image2-DiffuseGlowMenu

You may need to adjust the zoom settings on the bottom left of the window to enable you to view enough of your image in the window provided.

By adjusting the Graininess, Glow Amount and Clear Amount you can experiment with the settings to get the desired effect, depending on how dramatic a change you would like to achieve. I usually like to make the change a little more dramatic and fine tune the changes by using the Fade setting in the Edit menu. Once you are happy with the result, click on OK.

As mentioned above you can fine tune the changes by using the Fade Diffuse Glow option in the edit menu. This option is no longer available once you make any further adjustments to the image, so should be done immediately upon applying the Diffuse Glow filter.

You can fine tune the Diffuse Glow settings by using the Opacity slider. Doing it this way enables easier control of the effects and allows you to better see how the adjustments effect the image.

Image5-FadeWindow

In this instance I reduced the opacity by 69%. You may prefer a different setting depending on your image and how you applied the filter originally.

It is also possible to adjust the Mode settings to get different effects. One of the effects is shown below.

However, in this instance, I want a much softer look, and have left the Mode setting set to normal, giving the end result below.

Image7-FinalImage

© Clikchic Designs 2006, 2009

Tinting Your Photos to Make Them POP in Photoshop

One of the great advantages of digital scrapbooking is being able to edit your photos. If you have ever had trouble matching your photos to your layout, kit or if something just doesn’t look quite right, tinting your photo might be just what you need to do to make your layout pop. When opening an image, always use SAVE AS to save a to a new image file name so that you are not working on your original. This tutorial demonstrates some very simple Photoshop editing methods to tint your photos and make them POP!

In this tutorial we will start with this original photo.

1-Sleeping210505

To start with it isn’t a bad image but there is room for improvement. Making an image monochrome can really make a difference to it. Tinting it a color such as sepia can make it suit your layout perfectly. Sepia of course isn’t the only way to go, there are many different colors you can tone your images to help suit your layout.
Firstly to tint an image it must first be made black and white. The way I find the easiest is to desaturate the image. To do so select Image> Adjustments > Desaturate.

2-Desaturate

Usually when desaturating an image it is necessary to boost the contrast a little. An easy way to do this can be to use the Auto Contrast tool in Image> Adjustments > and then select Auto Contrast. (also shown in menu above)
As an example here is the desaturated image below.

3-Desturated

The contrast on this image hasn’t turned out too badly but often there are no real blacks and the image can look a little too grey. Boosting the contrast will give it more punch. If you wish to have a bit more control over the contrast it is sometimes more effective to use the brightness/contrast.

4-Contrast

As you can see below, the second image has a bit more punch.

5-ContrastBeforeAfter

As is the image already is greatly improved on the original but it is only the beginning of what you can do.
Sepia toning is an age old photography technique. Photographers who did sepia toning would all have their own techniques and preferences in regard to the color of their sepia work. The digital age makes it much easier for us to experiment with sepia tones along with a myriad of other monochrome color effects.
Probably the easiest method is to use variations. Image> Adjustments> Variations

6-Variations

This gives you a selection of thumbnails where you can assess the color changes and easily choose the color change by clicking on the appropriate thumbnail.

7-VariationsThumbs

You can choose the extent of color variation by adjusting the Fine – Course slider. Simply adjust the image by selecting the appropriate thumbnail and clicking until you have achieved the desired colour tone and then click on Ok.
For sepia toning you are mainly working with the red tones. I like to adjust the slider to the fine level as it gives you more control and you can make the changes more gradually. Each click of a thumbnail adjusts the tonal change further.

To achieve a sepia look, you would mostly use the ‘More Red’ thumbnail to achieve the desired look. You may also like to add some yellow to make it a more yellow sepia, or more magenta to make it a bit more pink. On the sample above the tonal changes are quite dramatic as the slider is set at halfway. The changes will be a lot more gradual when set at the fine end of the slider. On the example below, I set the slider to fine, and clicked on ‘More Red’ several times to get the desired effect.

8-Sepia

You can achieve a variety of colors by experimenting with the variations. Sometimes it might be useful to make the image blue, green, purple or whatever color you wish. It really is up to you. Some images really benefit having a funky tone added to them and it can really boost your layout to have an image tone in with it.

In the layout below I used blue as the main tone for the image, and then also made use of sepia to make my son really stand out.

9-Layout

My favorite method of adjusting colors in images is using Hue and Saturation.

10-Hue-Saturation

I find that this method gives you a great deal of control over the tonal range, shade and saturation of the color tinting.

11-Hue-Saturation

To colorize an image you need to ensure the ‘Colorize’ box is checked. You can then adjust the sliders to achieve the desired result. The Hue slider allows you to select the hue or color you would like to adjust to. You can use the rainbow strip at the bottom to give a guide as to the color range and its position on the slider.

The saturation allows you to adjust how much of that color is added to the image. The lightness slider allows you to adjust the brightness of the image overall. It is good to experiment with the effects of Hue and Saturation to see what you can do. It is a very versatile tool, not only for your photos, but your layouts, backgrounds and elements as well. Once you have achieved your desired result, simply click on OK and save your image.

© Clikchic Designs 2006,2009

Use Blend Modes for Beautiful Digital Layouts In Photoshop

For the purpose of this tutorial I am going to do a digital scrapbook layout where the photo blends into the background paper, and a second smaller, crisper copy of the same photo for a repeated effect.

For some using blend modes in Photoshop is second nature, and it is a relatively simple method but for those who have not yet discovered it, here is a quick tutorial.

To start my layout, I have selected a background paper and feature photo.

Layout Start

Next I am going to place a larger version of the image on the background paper, underneath the smaller version of the image.

With Large Image

Next while the larger flower layer is selected, we need to change the blend mode. In your layers palette you will find a little white rectangular box which currently has normal selected, if you click on the drop down arrow, you will see the blend mode options available.

There are several different modes to choose from, and each will have a different effect and are great to experiment with but for the purposes of this tutorial we are going to use Overlay mode.

3-BlendModesMenu
4-BlendModes-Overlay

Once your layer blend mode has been changed to Overlay, your photo will look something like this.

Overlay Mode

As you can see the look is quite effective and quite vibrant, you can make it look less vibrant by adjusting the layers opacity. This will in turn bring more of the colours of the background through, and soften the colours in the overlaid photo. This option is worth experimenting with to suit your taste.

At this point while I like the effect on the photo, I feel the edges need blending into the background a little more. I like to use layer masks for this purpose to make corrections easier.

While your larger photo layer is selected. Click on the Add Layer Mask button.

6-AddLayerMask

7-AddLayerMaskThumb

This will bring up a second thumbnail next to your image in the layers palette. To ensure the mask is selected, click on the mask to show the four corners surrounding it showing it has been selected.

Once you have done this, you can use your black soft brush to remove portions of the image, and the white soft brush to add them.

8-SoftBrush

If you make a mistake, you can simple change the brush colour to white to add back the portion of the picture you wish to. On my layout, I softened the edges two sides of the photo to blend them into the background a bit more.

To finish off the layout, I changed the stroke blend mode around the smaller photo to overlay in the layer styles and reduced the drop shadow to bring it more in keeping with a graphic style layout.

I then added the titles in dark brown and changed their layer blend modes to Linear Light at 59% Opacity.

I also reduced the saturation of the colour in the background of the smaller photo, to help bring out the pink a little more.

9-SampleLayout

© Clikchic Designs 2009
Credits: Cupids Bow by Clikchic Designs
Font: Vtks Sonho

Subscribe To Our Newsletter

Subscribe to receive the latest news and updates from Clikchic Designs. Get a FREEBIE just for subscribing!

You have Successfully Subscribed!