As a designer it can be helpful 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 round up 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 » Get Hosting »
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 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.
Article Continues Below
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 » Get Hosting »
Caffe-Break Themed Blog Layout Photoshop Tutorial
In this tutorial, I will show you how to create a 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 » Get Hosting »
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 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 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 » Get Hosting »
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.
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 » Get Hosting »
Design a clean sports web layout with Photoshop
This kind of website generally is focused on the content because they should provide a lot of information to the readers and in this case, I’ve chosen to bring out all the contents (the articles) giving more relevance to images and headings.
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 » Get Hosting »
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 » Get Hosting »
How to create a WordPress Theme in Photoshop
For today I will create a WordPress theme that can be used for a personal blog, but at the same time for a variety of blogs such as business, showcase your product/services, etc.
How to create a WordPress Theme in Photoshop » Get Hosting »
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.
Create a Magic Night Themed Web Design
The past days I was looking for inspiration in famous old paintings, and got interested in “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.
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.
Create a Watercolor-Themed Website Design
Watercolor in graphic design has become very trendy in 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.
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 » Get Hosting »
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 about everything through this tutorial. This theme focuses on using typography, blending options, spacing, and color theory.
Simplistic Blog Theme Tutorial » Get Hosting »