Create an Elegant WordPress Theme – Photoshop Graphic Design Tutorial 12
Let’s create the base of our post. Simple things always bring out elegance, so grab your text tool and choose Georgia with a size of 24pt. Create two dotted lines and separate them enough to fill some content of the post. Add an avatar. I used mine from the Touch tutorial. The color used in the dotted line is HEX: e2e2e2. Just a quick hint: if you are planning to use avatars in your post, look up wp_avatar in the plugins section of the WordPress website.
Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
31 Responses to “Create an Elegant WordPress Theme – Photoshop Graphic Design Tutorial 12”
Comment from Tim Dobson
Time January 11, 2008 at 11:32 pm
Thats awsome i love the way you done that. I wouldent mind you submitting some tutorials to me on my forum
Comment from Vicky
Time January 11, 2008 at 11:50 pm
Hello! May i ask where to put rss icon file after i download it? i’m new in photoshop..
thanks =)
Comment from Tim Dobson
Time January 12, 2008 at 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
Comment from Tim Dobson
Time January 12, 2008 at 2:52 am
Sorry when i say open it i mean open it in Photoshop
Comment from Michael
Time January 12, 2008 at 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.
Comment from Tim Dobson
Time January 12, 2008 at 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.
Comment from Michael
Time January 12, 2008 at 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.
Comment from Tim Dobson
Time January 12, 2008 at 10:17 pm
Awsome! Would you consider me putting them on my website in PDF format? all credit goes to you of course!
Comment from Tim Dobson
Time January 12, 2008 at 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?
Comment from Michael
Time January 13, 2008 at 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.
Comment from Tim Dobson
Time January 13, 2008 at 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.
Comment from Nika Catbagan
Time January 15, 2008 at 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
Comment from Michael
Time January 15, 2008 at 3:46 pm
Nika, i hope this tutorial was useful to you! Stick around and learn a few more tricks.
Comment from Tim Dobson
Time January 17, 2008 at 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.
Comment from Vinit
Time January 23, 2008 at 4:53 am
I want to know that how to convert this psd into a wordpress theme . .. ? Can you guide me ?
Comment from Michael
Time February 12, 2008 at 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.
Comment from Katalog Stron
Time February 21, 2008 at 10:59 am
Wow! Very good looking wordpress theme. Really.
Pingback from Tutorials konvertierung von psd zu css zbsp für Wordpressthemes part2 » » pixey.de
Time March 6, 2008 at 3:03 pm
[...] 2. Design eines WordPressthemes in Photoshop [...]
Comment from craZed
Time April 2, 2008 at 11:58 pm
Realy great theme ! I hope you give it away as free theme
Comment from Tommie Hansen
Time April 11, 2008 at 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.
Comment from mannul
Time June 10, 2008 at 8:21 am
Thanks.. that was a lovely tutorial.. badly needed it for a website.
Please teach us how to export it also…
pleaaaaaaaase
Comment from andrew
Time August 21, 2008 at 7:39 am
i still didn’t get it how to create the zig zag pattern…maybe you can explain better
Comment from createmo
Time November 1, 2008 at 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!
Comment from eagledancing
Time December 9, 2008 at 6:38 am
Nice post man i just signed up to flickr to!
Comment from stefan
Time January 11, 2008 at 12:48 pm
Loved it!
Actually, it’s the elegance I love about it. Nice…