Create a Fashion Layout in Photoshop

Let's get started.

Step 1

First, open a new document in Photoshop using the dimensions 980px by 1200px.

Step 2

Now I am going to ask you to download this textures created by Princess-of-Shadows. I used the 'texture 4' for this layout.

Step 3

Go to Layer > New Fill Layer > Gradient and use the settings from the next image. I used a gradient #d9ccaf to transparent.

Note: when the Gradient Fill window is open you can click on your image and move the gradient where you need it.

Step 4

Select the Rounded Rectangle Tool (U), set the foreground color to #f9f2db and create a rounded rectangle, like I did. Change this layer`s name into "background".

Step 5

We want the rectangle`s corners to be rounded only at the bottom so we have to modify the ones from the top. To do this:

a. Select the Direct Selection Tool (A) and click with this tool on the path so that you see the path`s control handles.

b. Select the Convert Point Tool (you will find it under the Pen Tool) and click with this tool on those two anchor points.

c. Use the Direct Selection Tool (A) to drag one of those anchor points until you get a straight corner (tip: holding down the Shift key will make the job easier).

Now do the same trick with the right corner.

Step 6

Open the Layer Style window for the 'background' layer, and use the settings from the following image for Stroke. Use the color #d0b7a0.

Step 7

Select the Rectangle Tool (U), set the foreground color to white and create a rectangle like I did. My rectangle`s width is 600px. Change the name of this layer to 'content bg'.

Step 8

Right-click on the 'content bg' layer and select Create Clipping Mask. Now the layer 'content bg' is using the 'background' layer as a mask.

Step 9

Now we are going to create the header. Select the Rectangle Tool (U), set the foreground color to #e7d1a1, and create a rectangle like I did (mine has a height of 170px). Set the blend mode for this layer to Screen and change the opacity to 40%.

Step 10

Create another rectangle above the one you created at the previous step, but this time use the color #ece5d5 and a height of 150px. Set the blending mode for this layer to Screen and the opacity to 55%.

Step 11

Open in Illustrator the vectors you have purchased. Then copy and paste some of those vectors into Photoshop. Use your imagination to create something beautiful. As I mentioned before, I have used the Floral Vectors and the Vector Hoolanders pack.

Note: When you paste a vector from Illustrator into Photoshop, chose to paste it as a Smart Object.

Step 12

Now I am going to ask you to download this photo taken by Alyssa Iswolsky. You have to cut the girl from the image, but if you don`t know how to do this, I`ve done the job for you. All you have to do is to download the following image and paste it into your document.

Step 13

Now we are going to make some adjustments to the girl's layer.

a. Go to Layer > New Adjustment Layer > Brightness/Contrast. Then check the 'Use Previous Layer to Create Clipping Mask' option and click OK. Set the brightness to 10 and the contrast to 17.

b. Go to Layer > New Adjustment Layer > Color Balance. Again, check the 'Use Previous Layer to Create Clipping Mask' option and click OK. Use the settings from the following image.

c. Go to Layer > New Adjustment Layer > Gradient Map. Then check the 'Use Previous Layer to Create Clipping Mask' option and click OK. To create the gradient use the colors #ffeed4, #c5b199 and #35322d. Set the blend mode for this layer to Overlay and the opacity to 80%.

Step 14

Create a new layer and use the Single Row Marquee Tool to make a selection with the height of 1px. Fill this selection with the color #d2be8f. Put this line right under the header.

Step 15

Create a new layer, use the Single Row Marquee Tool again to create a selection with the height of 1px and fill it with the color #f4e8d3. Move this line right under the previous one.

Step 16

Use a nice font to write the layout`s title. I used the font Helvetica Neue and the color #b49579.