1 Star2 Stars3 Stars4 Stars5 Stars (7 votes, average: 5.00 out of 5)

Creating a Website Mockup in Photoshop

Creating a Website Mockup in Photoshop is not the easiest thing to do. You first need “Imagination” and then the tools to make that imagination a reality. I have had several students that wonder about the mockup process. There is nothing easy about it but it sure is fun to make them. Here is a video of a mockup that I did for a client. A mock up is a representation of what the website will look like but it is not totally exact. On this particular mockup there will be a lot of sliding going on that you will not be able to see until the website is live.

Creating Folders and Layers in Photoshop *

This first thing that you will have to do is create folders and layers in photoshop. Here is a video to show you how to do that in less than 3 minutes.

Tip: Click on images to make them larger. If you find anything wrong on this page or need further assistance please comment below or contact me. 🙂

Here is the video of the mockup creation that I made.

Subscribe To My YouTube Channel:


Creating a Website Mockup in Photoshop was last modified: May 23rd, 2015 by Maximus Mccullough

Please like, share and subscribe.

Advanced Programming Made Easy

I hope you enjoyed the article. If I was able to help you please consider a tip for the content.

One Time Tip

more tips

Reoccuring Tips


Cool People Share:
Creating a Website Mockup in Photoshop

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.