How to Create a Clean Web 2.0 Style Web Design in Photoshop

May 20 2009 by Jan Cavan | 187 Comments

How to Create a Clean Web 2.0 Style Web Design in Photoshop

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.

This is a two-part series that will teach you how to create the layout in Photoshop, and then how to convert it to a standards-compliant (X)HTML web design.

continue reading »

Make High-Impact Backgrounds for Your Designs with Photoshop

May 14 2009 by Tyler Denis | 38 Comments

Make High-Impact Backgrounds for Your Designs with Photoshop

In this Photoshop web design tutorial, you’ll learn about creating dynamic and high-impact backgrounds that you can use on your own web layouts. We’ll go over color/gradient techniques, lighting effects, and using textures and patterns.

continue reading »

How to Create a “Worn Paper” Web Layout Using Photoshop

May 12 2009 by Matthew Heidenreich | 37 Comments

How to Create a Worn Paper Web Layout with Photoshop.

In this tutorial, you’ll learn how to create a textured "worn paper" web design theme using some basic Photoshop techniques. The design incorporates some free stock images to let you create a beautiful layout in a jiffy.

continue reading »

How to Create a Slick and Clean Button in Photoshop

May 7 2009 by Jacob Gube | 129 Comments

How to Create a Slick and Clean Button in Photoshop

This Photoshop tutorial shows you how to create a simple and clean "Web 2.0 style" button sprite with a rollover state. You’ll also learn how to set up the sprite using some basic CSS techniques (CSS background sprite and CSS text image replacement).

continue reading »

How to Make a Stylish Glowing Box in Photoshop

Apr 28 2009 by Tyler Denis | 43 Comments

How to Make a Stylish Glowing Box in Photoshop

In this Adobe Photoshop graphic design tutorial, we are going to create a magical glow effect coming from a box in Photoshop. This is a pretty simple effect that looks great and can easily be adapted for use in other ways.

continue reading »

How to Create a Sleek and Textured Web Layout in Photoshop

Apr 22 2009 by Matthew Heidenreich | 103 Comments

How to Create a Sleek and Textured Web Design in Photoshop

In this Photoshop web design tutorial, you’ll learn how to create a full web page layout that combines the sleek and textured look-and-feel using a combination of beginning to intermediate Adobe Photoshop techniques.

continue reading »