Today we will get through the creative process of  learning how to create this elegant scene for a lady in Photoshop CS6!  Whatever you imagine, you can use manipulation to create. This tutorial will show you some tactics to do that. You will learn how to combine different graphic elements with extensive use of layer masks. To stand out your image, the best way is to make your image looking like a poster. Simple brushes and color effect can be quickly changed your image into a nice poster. This is a great tutorial for designers who want to experiment with a more modern approach to digital collages.

TUTORIAL DETAILS

  • Program: Adobe Photoshop CS6
  • Difficulty: Beginner
  • Estimated Completion Time: 4 Hours

Resources

Final Result

Step 1

Let’s create a blank document similar to these dimensions.

img(1)

Step 2

A subtly textured background works well than a plain one. Locate the paint texture and bring it into Photoshop. Drag and drop it into the composition.

img(2)

Step 3

Desaturate the texture (Ctrl+Shift+U). You may need to resize the texture to fit the document.

img(3)

Step 4

Adjust the layer Opacity and blending to make it subtle. Double click on the layer thumbnail to load Blending Options dialog box.

img(4)

Step 5

We now need to create several shapes that will define the overall design and contain other graphic elements. Set the color to #000000. Let’s Start off from the middle by drawing a circle with the Ellipse Tool. Choose the Shape layers option on the Options panel. Working with shape layers is very productive and time saving. They are resolution independent and can transform them without losing any quality.

img(5)

Draw this shape using the Rectangle Tool. Edit the corner with the Direct Selection Tool.

img(6)

Step 6

Press Ctrl+T, rotate the shape by -45 degrees. Use the Info palette see to see the properties.

img(7)

Step 7

Reposition the shape. Duplicate the layer a couple of times. Stack the layers in this manner.

img(8)

Now construct the bottom side.

img(9)

Step 8

Create another circle outside the main circle. Duplicate the circle ( Ctrl+J ). Scale it approximately by 145%. Hold Alt+Shift while scaling to maintain the center point.

img(10)

Step 10

We need to punch a hole in the circle. Click on the Vector Mask thumbnail. Copy the path by pressing Ctrl+C and hit Ctrl+V to paste. Press Ctrl+T and scale it down to 80%.

img(11)

Select the inner circle, on the Options Panel click on “Exclude overlapping shape areas” button to punch hole in the circle.

img(12)

Step 11

We don’t need the whole circle but a portion of it. Hide the rest with a layer mask.

img(13)

Step 12

Create another circle bigger than the outer one. Just as before, duplicate the middle circle, place it below the rest.

img(14)

Cut hole in the circle.

img(15)

Step 13

I want to use this part of the circle, hide rest of it.

img(16)

Step 14

Create a new layer above the cut circle. Use the Pencil Tool with 1px diameter to create the pattern. Select it with the Marquee Tool. Choose Edit > Define Pattern.

img(17)

Step 15

Clip the pattern layer to the circle layer. The shortcut is Ctrl+Alt+G.

img(18)

Step 16

Duplicate the circle and delete the Layer Mask. Delete the inner circle.

img(19)

img(20)

Step 17

Reduce the fill opacity to zero. Then Apply stroke.

img(21)

Step 19

Hide part of the circle with a layer mask.

img(22)

Step 20

Open up the model stock image in Photoshop. Isolate the subject from the background. Use the Pen Tool to select the subject, pay some attention while selecting the hair.

img(23)

Step 21

Copy and paste the model into the main document. Convert the layer to Smart Object ( Layer > Smart Objects > Convert to Smart Object ). Resize the model.

img(24)

Step 22

Apply Unsharp Mask ( Filter > Blur > Smart Blur ).

img(26)

Step 23

Ctrl+click on the circle vector mask to load selection. Click on the Add layer mask button to add mask.

img(27)

Step 24

Reveal some more portion of the model.

img(28)

Step 25

Reveal rest of the image.

img(29)

Step 26

Color correct the image using Curves and Vibrance adjustment layers.

img(30)

Step 27

Load the stag ( img035 ) into Photoshop. You need to change the image mode to RGB from Index. Choose Image > Mode > RGB. Then drag it into the design. Invert the image ( Ctrl+I )

img(31)

Place it behind the model. Change blend mode to Lighten.

img(32)

Step 28

Open up the male head stock. Desaturate the image. Adjust brightness and contrast using the Curves command.

img(33)

Step 29

Drop the image into composition. Resize and flip horizontally.

img(34)

Step 30

Change the blend mode to Multiply.

img(35)

Step 31

Duplicate the head layer and invert it.

img(36)

Step 32

Load selection from the circle in the middle and use it to mask out the head negative thus showing the portion inside the circle.

img(37)

Step 33

Apply gradient to the outer circle.

img(39)

Step 34

Load the flames stock image. Copy the below one and paste above the outer circle.

img(40)

Step 35

Incorporate the flames into the ring. Mask out the flames using the selection from the ring.

img(41)

Step 36

Change blend mode to Screen. Increase flames saturation using Hue/Saturation dialog box ( Ctrl+U ).

img(42)

Step 37

Shrink down the flames mask to get rid of any edge artifacts caused by semi transparent pixels. Click on the flames layer mask and load Levels dialog box (Ctrl+L). Enter highest value in the mid tones field.

img(43)

Step 38

We now going to clip different graphic elements to the shape layers. First Load the petals stock into Photoshop. Select a petal using any selection tool. Copy and paste into main document.

img(44)

Step 39

Place the petal above the shape layer that we want to clip to.

img(45)

Step 40

Copy the splash using Lasso Tool. Paste it above another shape. Scale it down and flip horizontally.

img(46)

Step 41

Apply Unsharp Mask to sharpen the detail. Then clip it to the layer below.

img(47)

Step 42

Load the grunge brushes into the brushes palette. Pick a grunge brush and apply a stroke.

img(48)

Step 43

Clip the paint stroke to the shape layer.

img(49)

Step 44

Add more elements. Add a sphere from the pack.

img(50)

Pick a balloon from the balloon pack.

img(51)

Step 45

Add butterflies from auto shapes. Or you can create your own butterfly from stock image.

img(52)

img(53)

Step 46

Create a nice blend in Illustrator. Select the lines and press Ctrl+Alt+B.

img(54)

img(55)

Step 47

Apply color overlay

img(57)

Step 48

Drop in the splatter stock image into the composition to give organic feel. Place it below the shape layers. Size down the splatter to fit the document.

img(58)

Step 49

Add some more enhancements. Load the star brushes into the brushes palette. Pick a brush and adjust the parameters.

img(59)

Apply the brush.

img(60)

Step 50

Now create light streak. Make a new layer. Select a round soft brush. Set the brush size to 500px. Apply the stroke on the bottom edge of the canvas and stretch it vertically.

img(61)

Step 51

Place it above the star and invert it.

img(62)

Step 52

Rotate the streak by -45 degrees.

img(63)

Step 53

Add tiny highlights with the star brushes and a soft brush. Choose white as brush color.

img(64)

Step 54

Add some more highlights varying in size using soft brush.

img(65)

Step 55

Add some color.

img(66)

Step 56

Change the layer blend mode to Screen.

img(67)

Step 57

Give the model some additional treatment.

img(68)

Step 58

Create a new document 350 X 350 pixels. Fill the background with black. Apply Lens Flare effect (Filter > Render > Lens Flare.)

img(69)

Step 59

Drag and drop the lens flare into the design. Place it above the butterfly, change the blend mode to Screen.

img(70)

Step 60

I added a couple of color spots with the brush tool.

img(71)

Step 61

Add the below pattern from auto shapes palette. Modify it.

img(72)

Step 62

Add some lines using the Line Tool. Maintain the 45 degree angle.

img(74)

Step 63

Finally add Title. That’s pretty much it. Press Ctrl+0 and take a sight at the design. Should you feel anything needs a change or to be added feel free to do it, and try to be creative.

img(75)

FINAL RESULTS

final-results[1]

Step 64: Add Vintage Color Tones

Save the file you created, in what format you want, preferably .psd (Photoshop format). Download the free Photoshop Actions Set from my DeviantART page. Experiment with these to get different colour results: when you’ve found one you like, you’ve finished.

This is the result that i like the most:

Select all artwork (CTRL+A, copy merged (CTRL+SHIFT+C)  and paste it. Go to Filter > Sharpen > Unsharp Mask. Hit OK. This will make the whole composition more clear, try to not over-done it.





About the Author: Alex Roman

I’m a 23-year old independent graphic artist based in Romania, Bucharest. I design beautiful, engaging user experiences and intuitive user interfaces for the web. I really love what I do. Want to hire me? Follow me on Facebook or Twitter.


  • Ethan:

    Tried it and it was a good learning experience as I added more here and there. Can you create more tutorials with this type of look (edgy, retro, etc.)?

  • Brett Widmann:

    this is brilliant indeed ! Totally awesome and gorgeous ! I may give it a try when I’ll have time.

  • Andrew:

    Nice effects. I love this kind of design.

  • Mark Carter:

    Very nice effects and an excellent result!

  • Heidi:

    Thanks for the tutorials this could really help me thanks again..

  • Nancy Rod:

    Very good example of how to use “shapes” as part of a design in the poster. I was looking for just such a tut on implementing stylish ways to go about incorporating them and this is just the ticket!

  • Garry:

    Very creative, thanks for sharing. It was pretty helpful, I leaarned alot.
    Thank you again