As I promised you in the last post, I will explain you how to start your theme design according to the draft you made. I normally use Adobe Photoshop for the design. I assume that you have a good knowledge about Photoshop.

The first thing you must do is creating a new file, selecting the size and resolution. Once you have done it, the next thing you must do is putting guide lines on the design according to the measurements you have marked in the draft. I have shown above the draft I made to design the current theme of this blog. It looks little messy but I think you can get an idea about that. This design is little complex and needed more CSS stuff compared to general themes available freely.

The most important thing here is marking all the segments using guide lines and decide on where to slice the final design. If you go with guide lines, this will be very easy and accurate. Make sure that you put the line to the correct pixel. This is very important. Once this is done, you are ready to go with your design. It is a good practice if you use only the web colors if you use CSS background colors in your design. And make sure that you design with the category of the theme in mind.

In the next post I will explain you about the slicing the design and how to make the graphic web friendly and easy to load.