Top 10 Tutorials to Create Wordpress Themes Using Photoshop

Posted on 26. Sep, 2009 by a_usman in Desings, Wordpress | 12 comments

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.

wordpress theme by photoshop

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.

photoshop tutorial to create wordpress theme

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.

wordpress theme photoshop

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.

photoshop wordpress theme

5. Watercolored Design Studio Blog Layout

wordpress theme by photoshop

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.

photoshop tutorial

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.

photoshop tutorial

8. Design grunge wordpress theme

wordpress photoshop

9. Create dark wordpress theme

wordpress theme

10. Create a grunge wordpress theme with Photoshop

from scratch

If you like this article and want to read the similar articles on your facebook wall, join Shoutpedia Facebook Fan Page or you can subscribe to our RSS Feeds to read the whole posts in your favourite reader.

Related Articles:

  1. Photoshop PSD into Wordpress Theme
  2. 20 Premium Like High Quality Wordpress Themes
  3. Top 10 High Quality Free Wordpress Themes Released in Sep 2009
  4. 100 Rocking Free Wordpress Themes
  5. Premium-Like Themes: Best Collection 1

Tags: , , ,

12 Responses to “Top 10 Tutorials to Create Wordpress Themes Using Photoshop”

  1. Himanshu 26 September 2009 at 8:58 am #

    Pretty nice blog I must say, I am impressed by its design.

  2. FoO Iskandar 26 September 2009 at 5:37 pm #

    Yes this blog is Pretty nice blog and i;am must too say worship to this blog
    .-= FoO Iskandar´s last blog ..News: CD2USB 0.5 Portable (with GUI) =-.

  3. a_usman 26 September 2009 at 5:52 pm #

    Thanks a lot. @Himanshu and @FoO Iskandar

  4. [...] This post was mentioned on Twitter by Alan Who? and a_usman. a_usman said: New Post — "Top 10 Photoshop Tutorials to Create Wordpress Themes from Scratch – Shoutpedia" ( http://bit.ly/26Ltyd ) [...]

  5. [...] Top 10 Photoshop Tutorials to Create Wordpress Themes from Scratch [...]

  6. Raju 28 September 2009 at 6:36 am #

    very useful post! especially when you already have a PSD and want to edit it further to suit your requirements
    .-= Raju´s last blog ..Easy Comment Firefox Plugin – Blogs Commenting Made Easy =-.

  7. Ahan 30 September 2009 at 9:28 am #

    Awesome tutorials especially number 7.
    .-= Ahan´s last blog ..Singapore Cup 2009 Semi-Final Fixture =-.

  8. Ricky 1 October 2009 at 9:57 am #

    REally nice share. I’ve bookmarked your page. Thank you for sharing psd as well.
    .-= Ricky´s last blog ..5 Ways To Watch Live Football Score On Mobile For Free =-.

  9. Senthil Ramesh 25 October 2009 at 10:22 am #

    Cool one. But haven’t you tried any of them and implemented in your blog. Your blog theme seem to be simple!!
    .-= Senthil Ramesh´s last blog ..10 Places to find the value of your site =-.

    • a_usman 26 October 2009 at 1:25 pm #

      In fact i love simplicity. I am considering to make it more simple by installing a minimal theme. I try to focus on content rather than graphics.

  10. Blaine Bullman 27 October 2009 at 10:08 pm #

    Awesome list, just what Im looking for because im looking to redesign my blog right now.

    Thanks Man :-)

  11. The Pit 1 November 2009 at 11:37 pm #

    Thanks for the links, I’ll try some of the tuts. Number 4 looks awesome!

Leave a Reply