Building the Page in the Image Editor

Many Theme designers will first build a layered image of the wrap-around theme in a drawing or image editing program like Corel Draw (r) or Adobe Photoshop (r). In this tutorial we will use Adobe Photoshop 6. 

Using a program like Photoshop provides the designer the flexibility of laying out the page regardless of table layout constraints. This approach also allows the designer to show his customer a mock up of Web page before committing resources to the complete implementation.

Building the Page in Photoshop 6

First, we build a replica of the Web page using the design constraints decided on in the previous section. The bevel and shadow tools in Photoshop were used to develop the interesting visual components in the design. 

Layered Web page image designed in Photoshop

Once the design is complete, pieces of the image are sliced out to make the design work in the table on the page. In the picture above, note the different pieces of the design were made in different layers. 

Tutorial Home