Design an Elegant Wordpress Theme - Design Tutorial 12
I have had this web design Photoshop tutorial for a Wordpress theme in mind for quite sometime now, so I got things together and finally finished the article. You will be designing this Wordpress theme from scratch. 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.
……………………………………………………………………………………………………………………………………………..
Tools and resources that you will need:
- RSS Icon
Have these tools ready and installed because you will be using them throughout the tutorial. Let’s begin by creating a new document the size of 1000×1300. We start our theme with the header, so grab your rectangular marquee tool, and using the image below as your guide, create it to that exact size. Set the background to white.
Please
Subscribe
By stefan, January 11, 2008 @ 12:48 pm
Loved it!
Actually, it’s the elegance I love about it. Nice…
By Michael, January 11, 2008 @ 4:48 pm
Glad you like it stefan!
By Tim Dobson, January 11, 2008 @ 11:32 pm
Thats awsome i love the way you done that. I wouldent mind you submitting some tutorials to me on my forum
By Vicky, January 11, 2008 @ 11:50 pm
Hello! May i ask where to put rss icon file after i download it? i’m new in photoshop..
thanks =)
By Tim Dobson, January 12, 2008 @ 2:52 am
Hi vicky,
When you download the icon you dont need to put it anywhere specicly you just have to open it and add it to the document/image by draging the layer in to it.
Hope this helps
By Tim Dobson, January 12, 2008 @ 2:52 am
Sorry when i say open it i mean open it in Photoshop
By Michael, January 12, 2008 @ 7:53 am
Thank you Tim, sorry i wasnt there to answer your question Vicky. The RSS Document is just like any document with layers. Like Tim said, you will have to open that document and then drag it over to your template.
By Tim Dobson, January 12, 2008 @ 10:52 am
Hi Michael, i am loving this site i have never seen so advanced and clever tutorials like this not even in the photoshop creative and advanced magazines. Weldone to that great job.
By Michael, January 12, 2008 @ 11:55 am
Thank you Tim, glad you like the tutorials. Stick around the blog, more tutorials will be coming. I am working on putting together some new tutorials as we speak.
By Tim Dobson, January 12, 2008 @ 10:17 pm
Awsome! Would you consider me putting them on my website in PDF format? all credit goes to you of course!
By Tim Dobson, January 12, 2008 @ 10:20 pm
Just one thing. I look around the net and see a lack of tutorials on creating good animations. I find tutorials that are fairy good but have never found one where i can say wow! thats brill! Any plans on doing a really good animation tutorial?
By Michael, January 13, 2008 @ 9:29 am
I am not really into animations so i dont think that i will be releasing any tutorials on animations. You may use the design for tutorial purpose only in other words, you may not sell it. Credit has to be given in-case you do decide to show it off.
By Tim Dobson, January 13, 2008 @ 9:37 am
O all the tutorials i put on my website are free of charge and i have no intensions of putting any price in the future and Credit is always given to the author of the tutorial.
By Nika Catbagan, January 15, 2008 @ 2:05 pm
wow. that was really beautiful.
i’m starting to do design on photoshop as well. its coding that i can’t do. xD
By Michael, January 15, 2008 @ 3:46 pm
Nika, i hope this tutorial was useful to you! Stick around and learn a few more tricks.
By Tim Dobson, January 17, 2008 @ 5:29 am
Hi Nika, dont forget to check out the forum on here if you are a learner i have posted a couple of tutorials also to help the learners.
By Vinit, January 23, 2008 @ 4:53 am
I want to know that how to convert this psd into a wordpress theme . .. ? Can you guide me ?
By Michael, February 12, 2008 @ 9:27 pm
Guys,
To those who were interested in the PSD, i am going to try and release one for every tutorial slowly as i want it to be a feature now.
By Katalog Stron, February 21, 2008 @ 10:59 am
Wow! Very good looking wordpress theme. Really.
By craZed, April 2, 2008 @ 11:58 pm
Realy great theme ! I hope you give it away as free theme
By Tommie Hansen, April 11, 2008 @ 6:24 pm
It looks great and, the only major problem is that it isn’t quite effektive. Nice for someone not posting that much though.
By Graphics Deluxe, April 19, 2008 @ 10:20 am
I hope it’s free soon!
By mannul, June 10, 2008 @ 8:21 am
Thanks.. that was a lovely tutorial.. badly needed it for a website.
Please teach us how to export it also…
pleaaaaaaaase
By andrew, August 21, 2008 @ 7:39 am
i still didn’t get it how to create the zig zag pattern…maybe you can explain better
By ordersomabuyg, September 21, 2008 @ 5:05 am
Wow Cool !
Super Man
Nice Site
By createmo, November 1, 2008 @ 10:14 pm
Thank you for your website
I made with photoshop backgrounds for myspace or youtube and ect..
my backgrounds:http://tinyurl.com/6kw9wq
Hope you had a good day and thank you again!