Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

Create a Magazine WordPress Theme from Scratch in Photoshop

Next we’ll fill the BLOGROLL section:

Create a Magazine WordPress Theme from Scratch in Photoshop CS4

Create a Magazine WordPress Theme from Scratch in Photoshop CS4
It’s time to add a single post to our design. Just write some random text as a Title, another line for the date and author.

Create a Magazine WordPress Theme from Scratch in Photoshop CS4
the post’s title

Create a Magazine WordPress Theme from Scratch in Photoshop CS4

the post’s date

Create a Magazine WordPress Theme from Scratch in Photoshop CS4

for text “Posted by”

Create a Magazine WordPress Theme from Scratch in Photoshop CS4

the post’s author:

Create a Magazine WordPress Theme from Scratch in Photoshop CS4
We’re going to add a preview image:

Create a Magazine WordPress Theme from Scratch in Photoshop CS4
On the right side of the thumb we’ll insert some words as the text of the post.

Create a Magazine WordPress Theme from Scratch in Photoshop CS4

Create a Magazine WordPress Theme from Scratch in Photoshop CS4
Next we’ll insert for comments number a speech bubble icon from Function Icon Set.

Create a Magazine WordPress Theme from Scratch in Photoshop CS4
Then add the comments number:

Create a Magazine WordPress Theme from Scratch in Photoshop CS4

Create a Magazine WordPress Theme from Scratch in Photoshop CS4
Next we’ll create a pattern. Create in this case a new file (File>New) of 3x1px and 72dpi to apply here the Pencil Tool (B) (brush 1 px) of black color.

Create a Magazine WordPress Theme from Scratch in Photoshop CS4

Define pattern using Edit>Define Pattern. Go back to our file with theme and draw a divider for the post using the Line Tool (U) (weight 1 px).

Create a Magazine WordPress Theme from Scratch in Photoshop CS4
Set Fill to 0% and add Layer Style for the last made layer by clicking on it on the Layers’ panel. Set Pattern Overlay using earlier created pattern to represent dotted line.

Create a Magazine WordPress Theme from Scratch in Photoshop CS4

Create a Magazine WordPress Theme from Scratch in Photoshop CS4

Next we need to combine in a group all post related layers (Hold Ctrl button to select the necessary layers and drag the selected layers on Create a new group icon on bottom part of the Layers panel). Make four copies of the made group and apply Free Transform option to place the copies the same way demonstrated below:

Create a Magazine WordPress Theme from Scratch in Photoshop CS4
We’ll place the link under the posts to older entries:

Create a Magazine WordPress Theme from Scratch in Photoshop CS4

Create a Magazine WordPress Theme from Scratch in Photoshop CS4
Also add some footer text, like “Powered by” or the copyright information.

Create a Magazine WordPress Theme from Scratch in Photoshop CS4

Powered by

Create a Magazine WordPress Theme from Scratch in Photoshop CS4

WordPress

Create a Magazine WordPress Theme from Scratch in Photoshop CS4

Create a Magazine WordPress Theme from Scratch in Photoshop CS4
The final result!

View full size here.

Page: 1 2 3

Comments