how to design an app in photoshop

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)

---

1. Awesome tutorial. Thank you for this.

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

   • new one coming soon!

3. 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?
   Thanks,
   — Robert

4. Thank You very much.

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

6. This is a fantastic tutorial I had been looking for something on templates and happened to find this well done and thank you

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

   • Sounds like you have a setting wrong somewhere. All channels showing? Not in Grayscale mode?

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

   • Thanks!

9. SIGH! File downloads but says it's empty…

   • Maybe try a different browser

10. Thanks for psd temple. I will use it as for catalog for my business.
    Regards,
    Ammara

11. Your template can only be used by manually editing it in photoshop and manually editing smart object layers content and editing other layers in your template. It can not be used with Photoshop automation features like Data Driven Graphics for it does not support replacing smart object layers, Actions can not use logic and a custom script would be needed for each of your page layout templates. You page layout design is not suitable for automation for there are no formal template design followed creating your template a generallixed script would have know way to know what is what in your teplates.

    • It's not designed as a data driven template. If you were doing large data driven layouts you should be using Indesign or Framemaker

12. Hi Colin Thanks for the tutorial and the download. This helped with part of what I was looking for. The other part is how to save the template so it appears in the "New" dialog box.

13. Great Job Colin! Thank you for sharing this information. Makes the workflow so much easier!

14. That was fantastic – so tired of using other people's templates. Had to rewatch some bits several times as you move fast but wrote down each process. Many thanks 😊

15. Thank you. Very useful!! Best regards,

16. Great video Colin. Very useful for one of my projects. Sorry about my comment the other day – I was having a bad hair day … Love your work …

    • All good 🙂

more related tutorials

how to design an app in photoshop

Source: https://photoshopcafe.com/tutorials/design-page-layout-template-photoshop-tutorial

Posted by: jacobsbeasto.blogspot.com

Share this post