What You'll Be Creating In this tutorial I’ll be using Photoshop CS6 to design a simple, clean, landing page for a fictional traveling startup. During this process we’ll look at creating custom grids with guidelines, styling typefaces, using lots of white space and composing our website's content in a very clean and professional manner. The finished PSD file will be ready to hand over to a developer for coding up. Tutorial Assets In order to follow along you will need the following (freely available) assets: Bike traveler photo from Unsplash PT Serif font from Font Squirrel Aller font from Font Squirrel Open Sans font from Font Squirrel Avatars from User Inter Faces Get the Document Ready Step 1 Begin by creating a new document ( File > New… ) using the settings shown below. Make sure the resolution is set to 72 pixels/inch Step 2 Let’s set some guides so our layout has enough space and looks balanced. I don't always use a grid, but setting some guidelines will ensure pixel perfection and will help to define our website's width.
↧
