Photo Manipulation

Fashion Wallpaper

This tutorial will help you create a fashion wallpaper with several techniques. It also shows you the effectiveness of default Photoshop brushes & blend modes, and how you can use them to greatly improve artworks.

Fashion Wallpaper Photoshop Tutorial

Preview of Final Results

Raw Materials

This is the list of things we need for making this artwork.

Stock Photos

  1. Model
  2. City Skyline
  3. BG Pattern
  4. Displacement Map

Brushes Needed

  1. Splash Of Paint
  2. Butterfly Brush

OK. Now before you guys think this is a really easy artwork with some cheap filters , let me tell you that it isn’t so. In fact it’s quiet long and detailed so if you get stuck while skipping steps then i guess you’re on your own. Also I’m taking a different approach to this tutorial. While most tutorials go by the order of steps, I’m dividing the tutorial into 7 Groups so as to make things easier. Here is the arrangement of Groups. You can set these up before we start.


Group 1 – Background(BG)

Lets start off with a new blank canvas with white (#ffffff) as the background. Make a new layer (Ctrl + Shift + N) and fill it with a gradient going from the top left to bottom right corner of the canvas.


I used these to as the colors for the gradient.

  • Orange : #ffb33a
  • Pink : #fd0083


Next we add the patterned background over it.

  • Blend Mode : Luminosity
  • Opacity : 55%

Make sure to group these layer into Group BG. Now we need to add the main element for this artwork – the girl. So let’s save this for now and open up the image of the girl in Photoshop.

Extraction Of Girl

As you can see, this image is totally messed up. Nothing matches with the artwork we’ve made so far; lighting , color , mood. And this is where Photoshop comes in.


Using the Pen Tool(P) or Polygonal Lasso Tool(L) extract the girl from the image. I personally prefer the Pen Tool in such images since there’s mostly straight lines and you get greater smoothness while cutting along the turns.


Don’t worry about the jagged edges of the cutting around the hair since that can be dealt with once we put the picture in our canvas. If you’ve done it with the pen tool, after making the path, right-click on it and select make selection.

  • Feathered Radius : 2px
  • Check anti-aliased.


Now select the Move Tool(V) and transfer the girl to our canvas. Re size appropriately and move her to the left side of the canvas since this is the side that we first see in any image. Name this layer “girl” It goes in the group ‘Girl’.

Group – Girl

Using a soft round brush on the layer mask of the girl, remove the part of the hair where the background is showing. Also move it at places where the edge is too rough. Now we have one complete image. Good.


Now here’s the tricky part. Duplicate this and hide the duplicated. Select the original “girl” layer for applying the displacement map. Go to Filter > Distort > Displace.


There apply the following settings.

  • Horizontal Scale 40
  • Vertical Scale 40
  • Stretch To Fit
  • Repeat Around Edges

Click ok and select the displacement file. Name this layer “displaced” then change the blend mode to Lighten.


Choose Layer > Layer Style > Drop Shadow. In the layer style select Drop Shadow with the following settings.


Group – Girl – Continues

In the Girl Group , we have 2 layers 1. “displaced” girl 2. hidden copy of the original girl. If you don’t have this then go back and recheck. No point going further and later cribbing that you couldn’t get the output. Unhide this copied layer,name it ‘overlay’ and make another copy. Hide this ‘another copy’ for now. So far so good? Select ‘overlay’. Ctrl+Click on thumbnail of ‘displaced’ girl then click on the button at the bottom saying ‘add vector mask’. Now with the splatter brush remove some of the hair and with a soft brush, some of the arms. Change the blending mode to Overlay and set opacity to 50%.

Related posts
Photo ManipulationPhotoshop TutorialsUpdated

Create an Portrait Artwork with Autumn Colors

Photo ManipulationPhotoshop TutorialsUpdated

Create a Cute Bunny House in Photoshop

Photo ManipulationPhotoshop TutorialsUpdated

Create This Charming Magician with Enchanting Effects in Photoshop

Photo ManipulationPhotoshop TutorialsUpdated

Create a Hungry Bear Composite in Photoshop


Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Get 57 Photoshop Actions Free from Our Awesome Newsletter!

Subscribe and get the latest Photoshop tutorials, tips, and more via email. As a way of saying thanks, you'll also receive a free copy of Lomocam Photoshop Actions by SparkleStock ($7 retail value).