Coding a Clean and Professional Web Design

Mar 29 2010 by Waheed Akhtar | 103 Comments

Coding a Clean and Professional Web Design

In this web development tutorial, you will learn how to code a web page template from a Photoshop mock-up from a previous tutorial called "Create a Clean and Professional Web Design in Photoshop" using HTML/CSS.

continue reading »

Create a Wooden Grunge Portfolio Web Layout in Photoshop

Mar 20 2010 by Matthew Heidenreich | 23 Comments

Create a Wooden Grunge Portfolio Web Layout in Photoshop

In this beginner-level web design tutorial, I’ll show you how to construct a portfolio web layout that has a fixed wooden background with Photoshop. We’ll also use some brushes to accent the design.

continue reading »

Create a Clean and Professional Web Design in Photoshop

Feb 17 2010 by Waheed Akhtar | 110 Comments

Create a Clean and Professional Web Design in Photoshop

In this Photoshop web design tutorial we are going to design a smashing, clean, and professional website layout in Photoshop. The layout we are doing in this tutorial can be used as personal or corporate website design.

continue reading »

Create a Slick and Minimalist Web Layout in Photoshop

Jan 8 2010 by Mahmoud Khaled | 97 Comments

Slick Minimalist Werb Layout

In this Photoshop web design tutorial, we’re going to learn how to create a slick and minimal-looking website layout. We will use the 960 Grid System as a template to make it easy to align the design elements on the layout.

continue reading »

Coding a Band Website Created in Photoshop

Dec 29 2009 by Shannon Noack | 30 Comments

Coding a Band Website Created in Photoshop

In Part 1 of this tutorial, you learned step-by-step how to design an awesome band website in Photoshop. Now in Part 2, you’ll learn how to take that PSD and turn it into clean, working XHTML/CSS code.

continue reading »

Create a Zoomed In Effect in Photoshop

Dec 17 2009 by Himanshu Khanna | 21 Comments

Create a Zoomed In Effect in Photoshop

This tutorial will walk you through a simple process of giving a zoomed-in effect for your illustrations. This can be used in numerous ways, but primarily for designing instructional visual material.

continue reading »

Create a Winter Theme Web Design in Photoshop

Dec 16 2009 by Ionut Ciursa | 20 Comments

Create a Winter Theme Web Design in Photoshop

In this web design tutorial, you will learn how to create a winter blog layout in Photoshop. We will use a photo of a forest for the background and then blur areas of that photo to create other elements like the logo and the navigation bar.

continue reading »