Subscribe

Get updates by email for exclusive video tutorials, stock resources and more - for free!

Tutorial Index

Would you like to learn the art of photo manipulation, but don't know where to start? Check out our Tutorial Index, which lists all articles in order from Beginner to Advanced:

SurrealPSD Tutorial Index

Instant Backgrounds in Photoshop

04Jul

Instant backgrounds in PhotoshopStarting out with a blank canvas isn’t all that inspiring, so heres a nice easy tip to help you flesh out a scene with gradients and brushes. The idea here is to quickly lay down some base tones and create a sense of ambience and light, which you can then build upon as you compose your photo manipulation. This method also produces a nice 2.0 style background for logo designs as well ;)

 

Gradient

In your new document, create a new layer (Shift + Ctrl + N / Shift + Cmd + N) at the bottom of your layer stack. Go to the foreground and background colours and set them as the same colour, but at two varying shades (see example). For some reason I always tend to go for two shades of grey. Using the Gradient Tool (G), set to Radial – click on the centre of your workspace and drag the Gradient handle to just outside the work area. This will create some evenly spread base tones, you should have something similar to the example below:

Instant Photoshop Background 1

A bit of Drama

This step is all about throwing in some simple artificial lighting, much like a vignette effect – it’s great for pulling in the focus onto foreground objects. Create a new layer set to Multiply above the Gradient layer and using a large Soft-Edged Brush (B), simply paint around the edges where you would like the ‘darkness‘ to be. You may want to tweak the Layer Opacity somewhat to control the intensity. Heres my one:

Instant Photoshop Background 2

Bright Spots

This step could be dependent on where you want your light source to be in the overall manipulation. I like to have a light-source behind my foreground objects to illuminate them a bit and differentiate them from their background. Sample a light shade from the middle of the piece using the Eyedropper Tool (I) and brighten it’s shade¬† a little in the colour dialog. Create a new layer above your darkness layer and set it’s layer mode to Overlay. On this new layer, use a large Soft-Edged Brush to put in some highlights in the middle, like so:

Instant Photoshop Background 3

I created a new layer above the first ‘Bright Spot’ layer, and done the same thing again, but with a smaller brush, to intensify the centre a bit.

 

The Background in Action

Doesn’t seem like much huh? When we start composing elements this simple background really starts to pack a punch. Heres some foreground objects with some additional shadow effects applied to bring the scene to life:

Instant Photoshop Background 4

I like nice simple backgrounds like these as they are, but in some instances your photo manipulation may call for a more complete scene. That’s kool too, the base tones you have laid down can influence the lighting as you apply the elements to your background scene. Here is the composition with the simple background laid out next to the final piece, you can see how the initial tonal work directed the final outcome:

Instant Photoshop Backgrounds 5

Instant Photoshop Background 6

Review

All great pieces start with humble beginnings, and this is a nice simple way to harness the power of lighting in your workflow. If you enjoyed this quick-tut, feel free to share via the widget below – and don’t forget to let me know your own lighting tips!

Conzz 8-)

Follow on Twitter >> @Conzpiracy

Enjoyed the article? Give us a shoutout!

7 Responses to “Instant Backgrounds in Photoshop”

  1. kuschelirmel says:

    I find this technique incredibly useful – nothing is more depressing than a blank canvas!

  2. MidNight says:

    I hate starting with a blank canvas too, but as I work along, I strangely, tend to find the background to be annoying(or at least, distracting) me so I end up hiding it until I feel ready to do some adjustments to it. This is a good idea/tutorial. Thanks for sharing!

  3. wiyono says:

    really nice thank you


Leave a Reply