I used this list to teach new web designers. Now, the main site is down so I added it as a reference here.
Adobe Photoshop is used by the most
web designers. With Photoshop you can create everything what you want
from beautiful logo to elegant and modern web design. Design tutorials
helps to understand the basic knowledge about web design and gain
In this collection, you’ll find over 30 excellent Photoshop tutorials dedicated to web designers. You’ll find a variety of tutorials that
include creating full web page templates, navigation menus, headers, and
content boxes. Here is a compilation of 35 Photoshop Tutorials for Creating Modern Web Design that will help you with designing a professional looking website.
In this tutorial you’ll see how to create a clean corporate layout in Photoshop.
Build a complete website design mockup for a fictional design studio,
starting with the creation of the initial layout then moving on to
designing the individual page elements. The result is a modern, crisp
and clean webpage layout ready for coding.
It’s pretty amazing how much colour and background can change the
look and feel of a website. In this tutorial you’ll learn how to put
together a quick, simple but effective layout and then create variations
using backgrounds, photos and patterns.
In this detailed tutorial you will learn how to create impressive layout for Creative Studio.
This tutorial will cover the process of designing a vibrant and
colourful modern blog layout in Adobe Photoshop. Beginning with a blank
canvas we’ll go through the process of creating the entire structure and
effects from scratch.
In this tutorial you will learn how to create a corporate wordpress styled layout.
Create a professional design studio layout with easy and detailed instructions.
Step by step tutorial on how to create a portfolio web layout in Adobe Photoshop CS3.
In this step by step tutorial you will learn how to make professional looking design studio web page layout.
In this tutorial you’ll discover how to create a nice looking Photographer portfolio layout.
In this tutorial you’ll see you how to mock up a fresh looking blog
theme in Photoshop that is designed to be used within the 960 framework.
This tutorial was designed more for web design theory than Photoshop
12. Car Layout #4
In this tutorial we’re going to be making a stylish car layout.
In this tutorial we’ll be recreating a simple and professional website design, a business-themed website template.
In this tutorial you’ll see you how to create a sleek looking web
design layout with simplistic metal feel, with the use of alot of grey
color(s) from scratch.
In this tutorial you will learn how to make a clean photo gallery website layout.
In this Photoshop web design tutorial, you’ll learn, step-by-step,
how to create a stunning and clean web layout. You’ll be using some
basic to intermediate-level techniques to build your very own sleek “Web
2.0? style web design that uses the 960 Grid System.
In this tutorial you’ll see how to create a sleek looking software layout.
Learn how to create an effective and contemporary web layout for your design studio.
In this tutorial you’ll learn how to create a sleek looking business layout from scratch.
In this tutorial you will learn how to make a clean layout for your design company.
In this Photoshop web design tutorial, we are going to create a
beautiful, dark, and sleek website mock-up centered on an elegant
navigation menu that lends itself easily to CSS background sprites.
Learn how to create a sleek, professional real estate theme in just 15 easy steps.
In this article, we’ll see how to create a modern looking Photoshop design for your web design company.
In this tutorial, you’ll learn to create a modern, clean and classy blog layout in Adobe Photoshop using some basic techniques.
This tutorial will show you how to make software layout with a nice wooden texture applied as a background.
You will be able to build a professionally looking and competitive
online presence which will be highly evaluated by your customers.
In this tutorial you will see how you can create a creative wordpress
theme in Photoshop. The layout can be done in less than an hour
if you have the right tools on hand.
This tutorial will guide you through the process of designing a
professional website with a funky colorful flair. The tutorial features
some great colors, effects and layer styles in which you can use over
and over for future projects.
In this easy to follow web design tutorial, you will learn how to
construct a beautiful, sleek, and professional-level weblog design using
Adobe Photoshop that you can later use for your very own blog theme.
In this web design tutorial, you will discover a way to create a
sleek and professional web page layout that incorporates the 3D Ribbon
design trend, as well as some other captivating 3D elements, using
In this web design tutorial, you’ll learn how to create a beautiful,
green, and sleek layout in Photoshop. You’ll learn popular design
techniques such as creating a 3D ribbon and professional-looking color
This tutorial will teach you how to create tiny details which make a website design look beautiful.
In this tutorial you’ll learn how to create another creative layout which can be converted very easy in a wordpress theme.
You can use this layout to showcase your portfolio, or to sell your products.
In this tutorial you’ll see how to create an amazing layout using a simple texture, and some layer styles.
In this tutorial we will learn how to create a creative design layout.