Oct 19

Create a Stylized Photo Montage from Scratch

Tue, 10/19/2010 - 21:11 — julie

psdfanmembersbut Create a Stylized Photo Montage from Scratch

FanExtra Launch Week (Day 5)

As part of our FanExtra Network launch, we will be publishing one tutorial every day for our launch week. We hope that you enjoy them.

You can also sign up for your FanExtra membership for just $1 for the first month (offer ends Friday 22nd, October). This will give you access to our hundreds of tutorial source files, members only tutorials, hundreds of textures/vectors/icons, and great design discounts! Sign Up Today.

FanExtra Launch Week:

DAY 1:

FanExtra Network Launch
Create a Google Docs Icon

DAY 2:

30 Minute Redesign – GymDJ
Master a Professional Photo-Retouching Workflow

DAY 3:

Design a Textured Portfolio Website

DAY 4:

Members Area Tutorial: Digital Painting Lesson: Scarecrow’s Joyride

DAY 5:

Create a Stylized Photo Montage From Scratch

DAY 6:

Design a Grungy Rock & Roll Gig Poster

DAY 7

Design an Awesome Paint Splattered Dancer

Final Image

As always, this is the final image that we’ll be creating:

guitarmontage13b Create a Stylized Photo Montage from Scratch

What You’ll Need For This Tutorial

- A Webcam (it doesn’t need to be top-quality)
- A hobby
- Some creativity!

Step 1

Personally, I get a little tired of using the same old stock photography as everyone else.

As we’re all creative people here, why not simply take out own? For the purposes of this tutorial you don’t even need a digital camera or even photography skills. We’ll be using our computer webcams! If you’re on a Mac then you can just us the app Photo Booth. Otherwise, if you’re on a PC just use the equivalent piece of software. It doesn’t matter that this won’t provide the absolute clearest picture, as we’re working on a slightly messy/grungy montage!

Start off by thinking about what you love doing, what your hobbies are. Personally, asides from design I love playing and writing music, so this is going to be the theme of my montage. I collect up a few objects that remind me of music (my two guitars, a guitar tuner and a guitar pick). Then I use Photo Booth to collect a photo of each. You can see my photos below:

guitarmontage1 Create a Stylized Photo Montage from Scratch

Step 2

Now create a new document (600X600px). Use your lasso tool to select the guitar in your first photo, and then copy/paste it into your new document.

guitarmontage2 Create a Stylized Photo Montage from Scratch

Step 3

Cut out the rest of your objects, and paste them into this new document:

guitarmontage3 Create a Stylized Photo Montage from Scratch

Step 4

Duplicate each of your object layers, and hide the original. This is just to retain a copy incase anything goes wrong during your image construction.

Then start resizing, rotating, and reordering your images into a composition that you’re happy with:

guitarmontage4 Create a Stylized Photo Montage from Scratch

Step 5

Merge down all of your visible object layers until they’re combined on a single layer. Call this merged layer ‘music montage’.

With your ‘music montage’ layer selected go to filter>sharpen>sharpen, just to clean up your image a little bit.

guitarmontage5 Create a Stylized Photo Montage from Scratch

Step 6

We want a background texture now, but in the spirit of this tutorial, we’ll be creating our own! Select a nice surface that you like (I chose a rug of mine) and use your webcam to capture it. Then paste it behind your ‘music montage’ layer, resizing it to fit your canvas if necessary:

guitarmontage6a Create a Stylized Photo Montage from Scratch

guitarmontage6b Create a Stylized Photo Montage from Scratch

Step 7

Now it’s time to start blending together your images a little better. Create a series of adjustment layers just above your background texture layer (so below your music montage layer).

You need to create the following:

A Hue/Saturation Adjustment Layer

Saturation: -30
Lightness: -30

A Levels Adjustment Layer

14 / 0.95 / 212

A Color Balance Adjustment Layer

Shadows: -5, -4, -5
Midtones: -23, -4, -6
Highlights: -33, -11, +8

guitarmontage7a Create a Stylized Photo Montage from Scratch

guitarmontage7b Create a Stylized Photo Montage from Scratch

Step 8

Now apply a series of adjustment layers over your ‘music montage’ layer. Be sure to apply a clipping mask (layer>apply clipping mask) to each adjustment layers, so that their settings only effect your ‘music montage’ layer and not your entire document.

You need to create the following:

Hue/Saturation Adjustment Layer

Saturation: -72
Lightness: -10

Levels Adjustment Layer

23 / 1.14 / 207

Curves Adjustment Layer

(see diagrams below):

guitarmontage8a Create a Stylized Photo Montage from Scratch

guitarmontage8b Create a Stylized Photo Montage from Scratch

Step 9

Create a new layer called ‘dodge/burn’.

Go to edit>fill and fill your canvas with ‘50% gray’.

guitarmontage9a Create a Stylized Photo Montage from Scratch

guitarmontage9b Create a Stylized Photo Montage from Scratch

Step 10

Change your ‘dodge/burn’ layer’s blend mode to ‘overlay’.

This will make your 50% gray invisible, and let you paint over your underlying canvas.

Select a soft, black paintbrush (15% opacity) and proceed to paint in your shadows. You should try to accentuate your larger areas of shadow first. Then zoom in closely, and use a smaller black paintbrush to paint in the details of shadow in your image.

On the same layer repeat this process, but using a white brush as your dodge areas. Paint over all highlights, accentuating them also.

The images below show your ‘dodge/burn’ layer at ‘normal’ blend mode, so that you can see where I painted, and then at ‘overlay’ so you can see the effect this has on your image. It makes it very stylized, giving it an almost hand-painted feel:

guitarmontage10a Create a Stylized Photo Montage from Scratch

guitarmontage10b Create a Stylized Photo Montage from Scratch

Step 11

Create a new layer called ‘overlay lighting’. Select your radial gradient tool, and create a white-transparent gradient. Drag out a few radial gradients over areas of your canvas where you want to enhance the color/lighting.

guitarmontage11a Create a Stylized Photo Montage from Scratch

guitarmontage11b Create a Stylized Photo Montage from Scratch

Step 12

Change this layer’s blend mode to ‘overlay’, and reduce it’s opacity to 30%. This should give your image a little more impact, making these select areas brighter and more intense:

guitarmontage12 Create a Stylized Photo Montage from Scratch

Step 13

Now create a final top adjustment layer (gradient map) with your gradient ranging from 0b01b8 to fdfa03.

Change this layer’s blend mode to ‘overlay’ and reduce it’s opacity to 6%.

guitarmontage13a Create a Stylized Photo Montage from Scratch

guitarmontage13b Create a Stylized Photo Montage from Scratch

And We’re Done!

You can view the final outcome below. I hope that you enjoyed this tutorial and would love to hear your feedback on the techniques and outcome:

guitarmontage13b Create a Stylized Photo Montage from Scratch

Download Source File for this Tutorial

fanextradownloadbutton2 Create a Stylized Photo Montage from Scratch

psdfanmembersbut Create a Stylized Photo Montage from Scratch

 Create a Stylized Photo Montage from Scratch

Copyright 2009. E-mail Me
Auto Spare Parts