Design a Textured Portfolio Site Layout Using Photoshop

by Steven Snell
on September 1, 2009

in Tutorials

Get the FlatPix UI Kit for only $7 - Learn More or Buy Now

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.

Read More

Design a Stylish Blue Blog Theme in Photoshop

by Steven Snell
on August 24, 2009

in Tutorials

Get the FlatPix UI Kit for only $7 - Learn More or Buy Now

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).

Blog Layout Tutorial for Photoshop

Read More

Design a Portfolio Site with a Textured Background

by Steven Snell
on August 10, 2009

in Tutorials

Get the FlatPix UI Kit for only $7 - Learn More or Buy Now

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).

Read More

Sticky (Fixed) SideNav Layout with CSS

by Soh Tanaka
on August 3, 2009

in Tutorials

Get the FlatPix UI Kit for only $7 - Learn More or Buy Now

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.

Fixed SideNav with CSS

Read More
Page 19 of 23« First...1718192021...Last »