In this tutorial I'm going to show you how to take your flat design (as in two dimensional, not flat as in the current design trend) and add some life by...

Let's talk about Photoshop's swatches panel. This is one of those tools which you may overlook or even intentionally ignore, which is a shame as it's really...

The role of Photoshop in web design is becoming more modular. Instead of composing a pixel-perfect layout of an entire web page, it's perhaps more sensible...

Today I'm going to show you a Photoshop plugin which aims to greatly improve your workflow. It's called CSS Hat and it turns your Photoshop layers directly...

Creating style guides is fast becoming common practise for web designers, especially when dealing with content heavy sites. With a website style guide,...

The way web designers are using Photoshop is changing; pixel perfect comps are less relevant than they were a year or two ago. However, Photoshop is still an...

In this tutorial I'm going to be taking a look at exactly how Instagram's filters work, before recreating similar effects in Photoshop. I'll also be...

In this tutorial we'll be using Adobe Photoshop to design a sleek web interface that can be used for any mobile app website. We'll be covering an array of...

Achieving pixel perfection when designing UI elements can be simple thanks to Photoshop's "snap to pixels" feature. Unfortunately, this feature is not...

It's time to wrap up the Photoshop part of this process - let's now concentrate on the single post page layout. We'll be looking at the post content itself,...

Continuing on with our Photoshop layout, let's now finish off the homepage design. We'll be looking at the main content area, the sidebar and the footer.

Today we embark on a journey; a massive journey which is going to lead us through the entire process of designing and building a WordPress theme. We begin...