Creating A Fullpage Magazine Design


Looking through magazines I love the layout that they create. As a result I wanted to design in Photoshop a simple and elegant flower / camera design the you could use on an actual brochure . It is a very simple to do and it doesn't use much Photoshop trickery. If you want to download all of the files and the final .psd you can use the source file here. If you are ready then lets begin, i'm sorry it is not upto me usual detail of standard but I am short on time.

Step 1) The first step is to create your canvas. I have picked A4, set the dpi to 300. So you can use it for print.

Step 2) The next step is to add in some pictures. The idea behind this is that the pictures will go in a short of slant, hence why have positioned them as they are. The pink flowers you can find from here. The Aperture icon you can find in the source pack, as it is taken directly from the application. Reduce the flower picture every so slightly so the camera lens shows through. Use the crop and rotate tools to move the images about.

Step 3) Add in a another flower as shown in the image below. You can find it here.

Step 4) Add a fourth image, this time the flying bugs. To make it slightly different, add a small marquee area a part of the image and use the move tool (v) and use the arrow keys to move the slightly to the side.

Step 5) On a new layer add in a white square. As shown in the image below.

Step 6) Rotate the layer so it cuts off the above images at an angle.

Step 7) Select all of the pictures you have added and put these into a group. Layer > New > Group. Reduce the opacity of the group to about 30%. This will wash out the images.

Step 8) As a small improvement, add a new layer mask for the bugs layer (Layer > Layer Mask > Reveal All). On the layer mask use the black brush tool to remove some of the image. Try and match it up this the slant.

Step 9) Within the group, add a new layer. Fill the colour as a dark green. This will automatically be faded out. If the green shows through on other places and is not covered by the white, go onto the white layer and use a brush to fill in the missing areas.

Step 10) As a final touch add in some new image, (here, here and here). On each of these image I have cropped the images by selecting a rectangular marquee around the area I wanted, inverted this selection (Select > Inverse) and deleted this area. As a final touch I have added a white stroke.

If you want to spend more time I would suggest adding in a new layer behind each of the images and using the rectangle tool. This would remove the curved edges of the stroke.

Step 11) To finish off add in a curved rectangle, radius 40px, add in a small image found here, and some text. The text is Lucida Grande. Add a small black stroke to the shape and change its colour to a very light green. Erase the very corners of the image so it matches the curve.

Step 12) As a final step add some text. Use the Lucida Grande font for the text. Ive used Lorem Ipsum to pad the page out.

I think the final results are really cool. It was very simple to do and it can be applied to anything. If you want to download the source pack you can do here. Or click the image above to see the full resolution version.