Hello. In this tutorial i will show you how to create a clean dark wordpress theme. You can download the PSD layout for Free if you don’t manage to create alone this layout. however i recommend you to try to follow my tutorial because i am sure you will came up with a great simple wordpress layout
For start create a new document with the following sizes: 1200×1200 pixels. Set the background color to #D5D5D5. As you can see from the following image i have placed a dark shape ( #414141 )on the top of the layout.
On the top of the layout i will add our simple text logo: Free-Stock-Graphics
I will use the following layer styles.
Under my logo i will create a round shape with Rounded Rectangle Tool
For this navigation bar i will use the following layer styles.
This is how the navigation bar will look like.
Under this navigation bar i will add another shape where we will place our slide show. You can use different types of slides hows powered by jquery, or mooTools.
Over my Horizontal Navigation Bar i will create another round shape. here i will create a search form.
Here are the layer styles i have used to create this indented search form.
This is my result so far.
On the right side i will create another round shape, where i will place the latest blog posts.
To create this shape i have used the following color: #CFCFCF, and of course i have used also a simple layer style
On the footer of the layout i have placed some text and some horizontal lines.
I will zoom in to see better how this lines are aligned. If you look more carefully you will see that i have used two thin lines with different colors.
I have placed also on the left side on the footer some text, and this is my result.
On the body of the layout i have placed also some text and some images.
And on the right side i have used Horizontal Type Tool to write some text in the Latest Blog posts area.
This is my final result. i hope you like it. If you need another types of tutorial do not hesitate to leave us a comment with your suggestion. I would also like to recommend hosting plans for wordpress
Want this freebie? Enter your email and get it now!
Simply enter you're email address and the download link will be sent right to you're inbox.

































Awesome tutorial. I really like it
awsm =)
Great tutorial thanks
Hi very nice tutorial it help me a lot thanks
This is an amazing tutorial! I love the final product. Thank you.
Hi
Nice tut
Yes, this is step 1 …a good tutorial about using Photoshop.
But what about step 2 …making it a real wordpress theme?
Thanks
How does one go about implementing a custom layout like this?
Thats a tutorial worth a million thanks!
Thanks for the awesome site, looks like your just starting, I would be more than happy to contribute.