Sep 26, 2009
Top 10 Tutorials to Create WordPress Themes Using Photoshop
Time has gone when the wordpress themes were made using CSS and different tools. Now almost all the themes are made on photoshop and then converted from a psd file into a valid wordpress theme. We have already shared a free plugin to convert the photoshop PSD into a wordpress theme. Here are some best tutorials to build the wordpress themes using photoshop from scratch.
1. How To Create WordPress Themes From Scratch
I’m going to show you how to create a wordpress theme from scratch in these 3 parts of tutorial series. I will cover from Structuring, designing in Photoshop, slicing, coding into fully css based html, and finally wordpress implementation.

2. Premium – The Photoshop Mock Up
Making a premium WordPress theme from scratch is an essential skill for designers to learn and will become increasingly important as WordPress continues to become the web publishing tool of choice. In this two part tutorial will we cover how to make premium WordPress themes happen. Part 1, covered below, shows how the photoshop mock up is created, and in Part 2 we’ll outline how to turn the psd into HTML/CSS and wordpress theme files.

3. GreenPress WordPress Theme Design
In this tutorial you will learn how to make a simple and clean wordpress style theme I call GreenPress (i know, not creative). If you have any questions about this tutorial be sure to ask in the comments. Also, remember with all the tutorials, the psd is available for download.

4. Making the ‘Clean Grunge’ Blog Design
This tutorial will cover the steps of designing the Clean Grunge blog design from scratch. It also discusses the techniques and styles of this kind of web design.

5. Watercolored Design Studio Blog Layout

6. Create a WordPress Theme – Design Tutorial
You will be designing this WordPress theme from scratch with Photoshop. Every Photoshop icon, pattern, tool, and preset will be listed and it is guarenteed that you will come out with the same results as long as you follow my walk-through. So let’s get started on this elegant WordPress theme using Photoshop.
![]()
7. From Photoshop to WordPress
Over the coming weeks, we will be releasing a series of tutorials on how to create a website in WordPress starting from the very beginning: the design phase in Photoshop. This first part will show you how to create a grunge-style blog in Adobe Photoshop. Then a second part will follow that will show you how to slice the site in HTML/CSS. The third and final part will show you how to implement that code in WordPress.

8. Design grunge wordpress theme

9. Create dark wordpress theme

10. Create a grunge wordpress theme with Photoshop

