Tutorial Blog

Tutorial: blog | photoshop | wordpress | jquery | css

Category Archives: PSD To HTML

PSD to HTML: Hawk Studios

February 12, 2011 Tutorial Blog 1 Comment

Firstly open up photoshop and create a new document 900 x 845 pixels, fill your background layer with the color white if it isnt already. For our background i also want to add some stripes to it so create a new document 4 x 4 pixels with a transparent background. Zoom in 1600%, select the “pencil” tool and a 1 pixel brush, create 4 squares like this.

Coding a Stylish Blog Design Layout in HTML & CSS

November 03, 2010 Tutorial Blog No comments

Last week we went through the process of designing a stylish blog layout in Photoshop. Now let’s take our visual concept and cut it into slices for use with neat HTML and CSS code. All our browser testing will be done on this coded concept before converting the design into a full WordPress theme.

How to create a professional and clean web layout (with PSD-to-HTML conversion)

September 12, 2010 Tutorial Blog No comments

Our passion for web stuff grow day by day, so today we’ll learn how to create a highly-professional and clean web layout. We will see that using gradients, the noise filter and some subtle 1px lines to achieve depth, we can easily create a great web design for a wide range of uses.