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 »

Create a Slick Business Card Design with Stunning Typography

Dec 9 2009 by Dave Martinez | 48 Comments

Create a Slick Business Card Design with Stunning Typography

Whatever profession you’re in, there’ll come a time when you’ll need your own business card. This graphic design tutorial will show you a way to create a standard two-sided business card design in Adobe Photoshop that you can take to your printer.

continue reading »

Create an Animated “Call to Action” Button

Dec 7 2009 by Jacob Gube | 51 Comments

How to Create an Animated Call to Action Button

In this web design and development tutorial, you’ll get a walkthrough for creating a "Call to Action" button sprite in Photoshop as well as how to use jQuery to animate it. This tutorial is broken up into three sections: Photoshop, HTML/CSS, and JavaScript.

continue reading »

How to Make Beautiful Gradient Typography with Photoshop

Nov 30 2009 by Jacob Gube | 35 Comments

How to Make Beautiful Gradient Typography with Photoshop

In this Photoshop type treatment tutorial for beginners, you’ll discover a quick and easy process for making captivating gradient text. Be sure to check out the Gradient Typography in Web Design showcase for inspiration.

continue reading »