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.

What We Will Be Designing:

Before we get started, he is a preview of what we will be designing (click the image to see it in full size).

Today we will be going through the process of creating a portfolio home page. The design uses a textured background created with Photoshop brushes and a featured content area to show off your work. At the end of the post you can download the PSD file used to create the tutorial, or you can get a two-page PSD set (home page and a secondary page) for free at Folio Focus.

The End Result:

Here is a preview of what we will be designing in this tutorial (click to see it in full size).

Today I would like to go over how to create a fixed sidenav layout for your blog or website.

Having a fixed sidenav comes in handy when dealing with blog style websites where the content is extremely tall and there is a need for good amount of scrolling. The fixed navigation allows the user to cruise through the content without scrolling back up to the top to navigate through the rest of the site.

View Demo of Fixed SideNav

Since we’re focusing on e-commerce websites this week, I thought it would be good to do a tutorial for designing a layout for an online shop in Photoshop. At the end of the post you will be able to download the original PSD file in case it would be helpful. Throughout the post, the screenshots of the design in progress can be seen in full size by clicking on the image.

Here’s what we will be designing (click to see in full size):

Blog theme designers have all kind of options when it comes to things they can do with the theme. There are a lot of helpful tutorials out there that can help you to improve your theme, and in this post we will feature 10 of them. These tutorials will show a variety of different things you can do to improve your theme in one way or another.

Create Fancy Share Box with CSS and jQuery

Today we’ll be going through the process of designing the homepage for premium theme marketplace using Photoshop. There are new theme sellers popping up every day, so this type of site should be relevant for many people. Throughout the tutorial, most of the screenshots of the design in progress can be seen in full-size by clicking on the image.

Here is a look at the end result of what we will be designing (click to see in full-size).

Graphic designers who want to improve their digital painting techniques can often learn a lot from watching the work of others. There are tutorials that you can follow for the process of digital painting, but watching a speed painting video can also be an interesting and insightful experience. With a speed painting video you can quickly learn a lot about the approach a particular designer uses to accomplish the end result.

Rihanna – see the painting on deviantA

MooTools is one of the more popular JavaScript frameworks. In this post we’ll feature 25 helpful tutorials that will show you how to accomplish a variety of different things with MooTools. Here you’ll find tutorials for working with image galleries, sliders, navigation menus, and much more.

How to Auto Caption Images Using MooTools

In this tutorial we will be creating a homepage layout for a fictional non-profit organization. Many non-profits and charitable organizations share similar needs for a website, including information about the organization’s history, purpose, and what they do, as well as a way to stay in contact with supporters and donors, and to provide the organization with a face to new visitors.

Here is the end result of what we will be creating (click the image to see it full size)

Today we’ll be looking at the process of creating a basic, clean blog layout in Photoshop. The process and steps are very simple and should be easy to follow for anyone who has a little bit of experience with Photoshop.

What We Will Be Creating:

Here is the finished blog design (click on the image to see it full sized).