Create a Clean and Professional Web Design in Photoshop

February 17th, 2010 by Waheed Akhtar | 59 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

January 8th, 2010 by Mahmoud Khaled | 72 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

December 29th, 2009 by Shannon Noack | 23 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

December 17th, 2009 by Himanshu Khanna | 17 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

December 16th, 2009 by Ionut Ciursa | 19 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

December 9th, 2009 by Dave Martinez | 24 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

December 7th, 2009 by Jacob Gube | 32 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 »