Organizing page structure


show more Organizing page structure provides you with in-depth training on Web. Taught by Justin Seeley as part of the Photoshop CS6 for Web Design (2012) show less
please wait ...

Organizing page structure

Once I have my wireframe open inside of Photoshop, the first thing I do is I start to create page structure. I know that I'm going to be mocking up more than one page because inevitably my web sites have more than one page. So the first thing I do is start to setup some layer groups so I can start placing content in there, which makes it easier for me to turn page content on and off as I work, and also serves me well later when I start to create layer comps to simulate the page functionality. So let's go ahead and start to create some page groups now and also some content groups that will serve as what I call master objects.

So the first thing I'm going to do is create a new group in the Layers panel. So I'll select the Background layer here, so I can start the bottom, and I'm just going to click the New Group icon. When I click that, it's going to create a new group called Group1. And I can double-click that name and I can call this Header. I'm goin...

Organizing page structure
Video duration: 2m 29s 4h 56m Appropriate for all Updated Oct 04, 2013

Viewers:

Organizing page structure provides you with in-depth training on Web. Taught by Justin Seeley as part of the Photoshop CS6 for Web Design (2012)

Subject:
Web
Software:
Photoshop
Author:
please wait ...