33000 Premium resources for designers

Create a Business Wordpress PSD Layout

in Tutorials, Web layouts by Razvan on April 13th, 200920 Comments


200-2002In this tutorial I will show you how to create a nice business Wordpress layout. this PSD layout can be used also for a corporate layout. The PSD file is free for download for the next 24 hours. Subscribe to RSS or follow us on Twitter if you don’t want to miss our next releases

Preview wordpress layout

You can use this layout also for your company. I will start my new layout by opening a new document. I am using always the following size: 960 x 900 pixels. This size is very good because it will fit on almost all decent monitors.

118

I will select Rectangle Tool, and I will create a new shape

216

Then I with Rounded Rectangle Tool, I will create another ones

315

You can see in my screen shot from above that I have used another color for a shape. This is only for you to see better what I am doing. I will turn the color of that shape back to a black color
Now I will select 3 layers in my layer palette

414

I will merge all the 3 layers into a single one (press CTRL+E)

513

I will select Pen Tool, and I will create 2 small triangles like in the following image (please note that I will use another color to see better what I am doing)

65

I will turn back the color to black, and then I will merge all the layers

74

Next step is to rasterize one of the shapes. To rasterize a shape you need to right click on the shape

84

Then go to Select  > Load selection.

95

Select Rectangular Marquee Tool and move the selection like in the following image

103

Select the layer we have merged at the beginning of this tutorial, and hit delete on your keyboard

119

Move the selection also on the other part and hit delete. After you learn also that corner please click on CTRL+D to deselect

124

I will add the following layer style for all the black shapes

134

144

This is my result so far

154

One more time I will use Rounded Rectangle Tool, and I will create another shapes

164

For all these white shapes I will add a simple layer style

174

184

194

204

This is my result

217

I will add some text with Horizontal Type Tool

224

I will go to Smahingmagazine and I will download this set of Icons. I will add two icons on my layout. The one with RSS sun flower, and the blue bird

234

Then I will add an image and a logo. I will use a simple logo

244

On the right side, I will try to create a slideshow. For start I will use Rounded Rectangle Tool, to make 5 small shapes

254

Then I will add an image

264

I am almost ready with this layout. I will need also an e-mail subscription box. I will create this form with 2 rounded shapes.

274

On the top of the layout I will add another image with a nice 3D render. This is my final layout. I hope you like it.

285

Want to download the PSD layout for each tutorial ? Join our VIP membership and you will be able to download  all PSD Layouts + the premium resources.

Download Demo

Responses to “Create a Business Wordpress PSD Layout”

Trackbacks

  1. psaddict.com
  2. Top tutorials week ending 04/18/09 | FAQPAL Blog
  3. Wordpress Theme mit Photoshop bauen
  4. 30+ Photoshop Weblayout Tutorials | astBlog
  5. Aus Photoshop ins Netz | Der Stilpirat
  6. Best Photoshop Tutorials, Brushes and Textures of April 2009 | CrazyLeaf Design Blog
  7. Best Photoshop Tutorials, Brushes and Textures of April 2009 « Vandhematharam

Leave a reply