• Blog

    Latest from our Blog

  • Tools

    Our Favourite WP Tools

  • Hosting

    Recommended Web Hosts

  • Coupons

    Get great money off deals

  • Themes

    WordPress Theme Directory

  • Plugins

    WordPress Plugins Directory

  • Promote

    Your WordPress Product

As a designer it can be helpfull to look at other people’s methods that they use to create designs in Photoshop – there are now a large number of blogs that will show you the process from start to finish and let you download the final .PSD file. In this post I’m going to roundup all the good quality Photoshop tutorials and .PSDs I can find, that show you how to create a blog layout.

Minimal WordPress theme Photoshop Tutorial

This was one I did here on WPLift – I showed the steps to create a clean, minimal layout in Photoshop.

Minimal WordPress theme Photoshop Tutorial »

How To Create a Blog Theme Concept in Photoshop

Follow this step by step walkthrough of the creation of the design concept for my Ticket Stub theme, which is based on a movie review type blog.

How To Create a Blog Theme Concept in Photoshop »

How To Build a Stylish Portfolio Web Design Concept

This tutorial covers part one of a multi-part series where we’ll go through the process of building a stylish design portfolio website. In this particular article we’ll create the visual concept and overall design concept in Photoshop, using various effects, blending modes and layer styles to create all the detailed elements of the design.

How To Build a Stylish Portfolio Web Design Concept »

Design & Build a Grid Based Web Design with CSS

Follow this step by step walkthrough of the design and build process, right from the initial Photoshop concept, through to writing the HTML structure, styling up with CSS then adding clever functionality with the jQuery library.

Design & Build a Grid Based Web Design with CSS »

Caffe-Break Themed Blog Layout Photoshop Tutorial

In this tutorial I will show you how to create very stylish vintage Caffe-Break Themed Blog Layout. We will mix icons, brushes with stock photos and blend modes to achieve the effect.

Caffe-Break Themed Blog Layout Photoshop Tutorial »

Create A Wickedly Cool Horizontally Oriented Website Design

Are you in the mood for something different? I’ll guide you in the process of creating design of Stuff – horizontal-oriented blog and portfolio.

Create A Wickedly Cool Horizontally Oriented Website Design »

Create a Clean Magazine & Blog Theme

In this series, Adi Purdila is going to walk us through how to design and code a great magazine/blog website theme in a step by step tutorial.

Create a Clean Magazine & Blog Theme »

Create a Food Blog Layout in Photoshop

In this tutorial I will show you how to use one of the latest vectors pack from Grafpedia to create a clean and appetizing food blog layout in Photoshop. I’ll show you how to create a kitchen tablecloth pattern in Photoshop, how to create an image slider and how to use vectors in a web layout.

Create a Food Blog Layout in Photoshop »

Design a Professional, Clean Community Blog Theme

In this tutorial you will learn how simple, straight forward design techniques can create a clean community blog theme in Adobe Photoshop. A few techniques discussed in this tutorial include the use of proper spacing, typography, colors and visual hierarchy — a few essential tools in a successful designer’s toolbox.

Design a Professional, Clean Community Blog Theme »

Clean Textured WordPress Style Layout in Photoshop

In this tutorial you will learn how to create a textured and clean WordPress style layout in Photoshop.

Clean Textured WordPress Style Layout in Photoshop »

Design a clean sports web layout with Photoshop

This kind of websites generally are focused on the content because they should provide a lot of information to the readers and in this case I’ve choosen to bring out all the contents (the articles) giving more relevance to images and headings.

Design a clean sports web layout with Photoshop »

Clean and Creative WordPress Style Theme in Photoshop

In this tutorial you will learn how to create a clean and creative WordPress style layout in Photoshop.

Clean and Creative WordPress Style Theme in Photoshop »

WordPress Theme from Scratch

This tutorial is in the series of “WordPress Theme from Scratch” that help you build a WordPress theme by yourself from nothing. On 1st day, we will start working with Photoshop.

WordPress Theme from Scratch »

How to create a WordPress Theme in Photoshop

For today I will create an wordpress theme which can be used for a personal blog, but in the same time for a variety of blogs such as business, showcase your product/services, etc.

How to create a WordPress Theme in Photoshop »

How to Create a Grunge Web Design in Photoshop

Photoshop is often the right tool for web design, especially if you’re creating a design using numerous images and brush effects. In this tutorial, I’ll show you how to create a complete grunge home page design.

How to Create a Grunge Web Design in Photoshop »

Create a Magic Night Themed Web Design

The past days I was looking for inspiration in famous old paintings, and got interested on “Starry Night” of Van Gogh and thought: Can I apply this to web design? And the answer is Yes! Then after several hours of work, here’s my tutorial for you, an artistic web design depicting a “Magic Night” concept.

Create a Magic Night Themed Web Design »

Design a Stylish Blue Blog Theme in Photoshop

Today we will be going through the process of designing an attractive blog theme in Photoshop. The design uses a textured background and a basic two-column layout with a right sidebar. At the end of the tutorial you will be able to download the PSD file if you would like to work with it.

Design a Stylish Blue Blog Theme in Photoshop »

Create a Watercolor-Themed Website Design

Watercolor in graphic design has become very trendy the last couple of years, many websites and incredible designers are using this style and taking it to another level. Even knowing the technique is important in this kind of design, is more about creativity and experimentation. You will learn how to use the Art History Brush and combine it with watercolor custom brushes to create a nice background header image and more.

Create a Watercolor-Themed Website Design »

Full website creation

This post will be covering the PSD design and showing a couple of techniques i use regularly on my sites. You will learn how to use simple photoshop tools, layer styles and filters etc.

Full website creation »

Simplistic Blog Theme Tutorial

Today I’m going to teach you how to create a simplistic, light and Blue WordPress blog theme. I’m hoping you guys will learn a little bit of everything through this tutorial. This theme focuses on using the typography, blending options, spacing, and color theory.

Simplistic Blog Theme Tutorial »


Author:

Oliver Dale is the founder of Kooc Media, a small internet company based in the UK. Kooc Media runs several high-profile websites including WPLift, ThemeFurnace and DesignersTalk.

Leave Yours +

One Comment

  1. Chetaru

    Hi..
    Thanks for sharing this information its really  help full for me with the help of this we can improve our designing and i am really inspire with this artical so thanks

  • Comments are Closed

Search

Our Sponsors