Today we will be designing a one-page portfolio in Photoshop. We’ll go through the process step-by-step and you can download the PSD file from Folio Focus if you would like to use it. The portfolio will include some brief biographical information, some sample work, brief description of services, your latest tweets, links to social profiles, and a call to action.

The Final Result:

Here is a look at what we will be creating (click the image to see it in full size)

Today we will be designing a homepage layout for a premium template or theme seller. The design uses a dark color scheme and some texture. Here is a preview of the final result (click the image to see it in full size). At the end of the tutorial you will be able to download the original PSD file used to create the tutorial if you would like it for your own purposes.

Today we will be working through the process of designing a corporate website in Photoshop step-by-step. For this example we’ll be creating a site for a marketing company, but just about any other type of service business could use this design as well. At the end of the tutorial you will be able to download the PSD file used in the tutorial.

A Preview of the Final Result

Here is what we will be designing.

In the past we’ve done some tutorials for designing portfolio sites and blogs in Photoshop, and today we’ll focus on designing a corporate website. The example will be for a marketing and SEO company, but it uses a basic layout that could work for just about any type of business.

The End Result:

Here is a look at what we will be creating (click the image to see it in full size).

Last week we published a tutorial for designing a clean portfolio site in Photoshop. In the past I’ve had several requests to follow up the Photoshop tutorials with one for coding the HTML/CSS of the page, so that is what we are going to do today.

Today we will be working through the process of designing a portfolio site layout in Photoshop. The tutorial will break down each step of the process, and you can download the PSD file from Folio Focus if you are interested.

The End Result:

Here is a look at what we will be designing in this tutorial (click on the image to see it in full size).

One trend in web design that has been gaining popularity is the use of fixed position banners that remain at the bottom of the browser as visitors scroll vertically. There are a number of sites in the design niche that are using this approach for various purposes. In this post I’ll show you how you can add one to your site, and for WordPress users we’ll look at how you can change the banner depending upon the category of the post by using PHP.

First, let’s take a look at 5 websites that are currently using this type of banner.

Web Design Ledger

Web Design Ledger started using a fixed position banner a few months ago to promote their premium membership and it has since been changed to be used for advertising space.

Adobe InDesign is one of the leading solutions for creating professional layouts for print and digital publishing. If you’re looking to learn more about working with InDesign, there are plenty of good tutorials available online. In this post we’ll feature 40 excellent tutorials.

How to Create a Music Magazine Cover in InDesign

Yesterday we released a free one-page portfolio template in cooperation with Snobby Slice, and today we’ll go through the process of designing that template in Photoshop. If you want to get the Photoshop file used in this tutorial or grab the free template, you can do so at the end of this post. The template is free for personal or commercial use.

A Preview of the End Result:

Here is a look at what we will be designing (click the image to see it in full size).

which is easily created with a photograph. At the end of the tutorial you will be able to download the original PSD if you would like to work with it, plus you can get a two-page PSD set that includes the homepage we will be designing, and a secondary page. The PSD set can be downloaded from our portfolio gallery, Folio Focus.

The Final Result:

Before we get started, here is a look at what we will be designing. To see it in full size, click on the image below. Throughout the tutorial the images of the design in process can be seen in full size by clicking on the image.