The Ultimate Photoshop Resource

How to Design a page layout, as a reusable Template in Photoshop Tutorial

Learn how to Design a magazine layout right inside Adobe Photoshop.  But this is not an ordinary layout/ Colin Smith shows you how to build a template out of the design so that you can reuse it over and over again!


Download the free PageTemplate here, the same one used in the design tutorial.


(PSD saved inside a .zip file)

14 responses to “How to Design a page layout, as a reusable Template in Photoshop Tutorial”

  1. Your newsletter subscription box doesn’t work properly with Asus smartphones. It hovers on the screen at such a height that you can’t see what you are typing.

  2. Hey Colin, stumbled onto this the other day. Exactly what I need to prototype a new webpage. Thanks. Now I understand Smart Objects a little better and the New Guide Layout widget is a gem… My need is this: I want all the shapes drawn with the Rectangle Tool to conform to a 2×3 aspect ratio! I am trying to get a template with three columns of 2×3 rectangles and four to six rows high. Any suggestions? I know I can probably get this done with conventional hand placed individual guides, but after discovering the Layout tool, that seems too much, eh?
    — Robert

  3. Thank you for this great video I am delighted with results easy to follow well done – was wondering if you could explain how I could put an outline around the photos and perhaps add a drop shadow

  4. Hi Colin,

    I just watched and folllowed your tutorial on how to design a page layout in photoshop. I followed it to the letter but when I was placing my photos they all were placed as black and white. What could I have missed or done incorrectly. Black and white is okay but the pictures I used look much better in color. Thanks for the video.

  5. I have been struggling with Photoshop and your video was awesome, good tone voice, easy to follow, and great template. I would really enjoy seeing more of your tuturials.

Leave a Reply

Your email address will not be published. Required fields are marked *

The Ultimate

Photoshop Resource