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.
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.
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.
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.
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.
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.
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.
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.
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.
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 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 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.
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 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.
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.
Disclosure: This page may contain affiliate links for which we will receive compensation if a purchase is made via the link.