Network info Contests Portfolio (New link window) Icons (New link window) About Me Blog

Layouting One

Stuck for ideas on how to layout? Then look no further! I'll teach you how to make this layout!

1. Open a new document/canvas 700x500 with a transparent background.

2. Save image 1, image 2, image 3, and image 4 of Drew Barrymore.

3. Take image 3 and place it in the top left hand corner of your canvas cutting off half the ''MISSONI'' text. Name this layer ''drew corner''

4. Now take image 1, and paste it onto the canvas as a new layer. Name this layer ''drew center'' Place drew center like so:


5. Now take image 2 and then paste it as a new layer. Name this layer ''drew right''. Place drew right on your canvas like so:


6. Take image 4, rotate it ONCE by 90 degrees CW then rotate it horizontal ONCE. Now resize it to 380x278. Place image 4 onto your canvas as a new layer named as ''drew lying down''. After that, drag the drew lying down layer below drew corner.
Your layer pannel should look something like this:

Place the drew lying down image below the drew corner image.

7. Take image 3 again, and resize it to 219x300. Next, paste it onto your canvas as a new layer named ''drew mini''. Place it below the drew right image. (Your drew mini layer should be ontop of all the layers.)
Move the drew center image at the top of your canvas.
Your canvas should now look something like this:

Your layer pannel should now look like so:


8. Select the drew mini layer and either using your eraser or polygonal lasso tool, to delete the excess areas/background around drew. (Kind of like a PNG/PSD)
Here's what drew mini should now look something like:


9. Repeat step number 8 for the drew right image, but leaving the text at the top of the image.
Your canvas should now look something like this:


10. Using the eraser tool, blend in/around drew center with a feather eraser of about 45px.

After that, heres what my canvas now looks like:


11. Now we need to blend the drew lying down image. I've roughly outlined/circled the areas where you need to blend in. (Make sure you select the drew corner image when you're blending the drew lying down image.)

After that, my canvas now looks like this:


12. Duplicate the drew right layer and set it on soft light on 37%

13. Duplicate the drew mini layer. Select the duplicated drew mini layer and then go to image>>adjustments>>desaturate. The duplicated drew mini image should now be in black and white.
Duplicate the black and white mini drew image layer and set that on soft light at 53%

14. On the black and white mini drew image that is set on softlight, go to layer>>merge down. (Make sure you have your black and white mini drew image selected in your layer pannel when doing this.)
Click on the black and white drew image layer and then select the polygonal lasso tool. Use this tool, to go around drew's top, like so:

Once you've done that, press ''delete'' on your keyboard and here's what you should get:

Select the original drew mini image (the image should entirely be in colour) and then duplicate it. Set the duplicated layer on hard light at 100%

15. Only a few steps left! So be patient!
Select your very top layer (which should be called ''drew mini copy'' or the black and white drew mini image.) Then go to layer>>new adjustment layer>>selective colour and copy these settings in the screenshots below: (To change colours, use the drop down menu, as highlighted in all the screenshots below)





16. Now take this stock which I scanned from a magzine and resize it to 300x405. Then paste it as a new layer on top of the selective colour layer and set the stock on saturation at 100%
Place it roughly in the centre of your images/canvas.
Once you've done that, select the eraser tool (I recomending using a 45px feather one) and erase the words/text overlapping some of the images. Try to make it look like you've carelessly done it, so the text looks like it's placed in a kind of random order.

17. Almost done! Now select your very bottom layer. (If it's an image [which would be the drew lying down image] create a new transparent layer and drag it down below to make it the very bottom layer)
Your layer pannel should look like this:

Now select the eyedropper tool and pick one of the blue colours from the drew lying down image. I decided to use a light blue, which was #9ECACE
Next, fill your very bottom layer with that blue colour!

18. Now this is optional, but if you want, you can add some text. I just added my site name on my layout.

And you're done! You can click here to view my result.


« BACK HOME FORWARD »

Aiza | Claire | Gillian | Katie | Keeley | Kelci | Linda | Roisin | Vibeke |
More/Apply



BEAUTIFULMISTAKES.NET 2007-2008