Fashion Wallpaper

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%.

Pages: 1 2 3 4

Create Dot Grid Art in 1 Click

Turn any photo into a dot grid artwork with these Photoshop actions. You'll get great results with dots that change size. They get larger in brighter areas and smaller in darker areas. Free download available.

2 comments on “Fashion Wallpaper”

Leave a Reply

Your email address will not be published.