How to Develop a Website Design Using Photoshop

Step-by-Step Guide

1. 1

   Step 1: extract the tutorial files to a folder of your choice.

   Then let's get our canvas open and ready.
   
   Select File > New and we need a canvas width of 1024px and height 1200px. , This way you have quick access to tools and panels you need most.
   
   From the menu bar select Window > Workspace > Essentials (Default).
   
   View information panel select Window > Info.
   
   Hide adjustments panel by double clicking on the ADJUSTMENTS tab.
   
   Turn on the power grid.
   
   To help us with the layout and spacing things out we will use the grid that Photoshop kindly gives us.
   
   Select View > Show > Grid.
2. 2

   Step 2: Fire up Photoshop.

3. 3

   Step 3: Organize your workspace.

Detailed Guide

About the Author