This is a two-part tutorial series that will show you how to create a grunge web design using Photoshop, with the second part as a follow-up web development tutorial providing you instructions on how to convert the design mockup to a fully-functioning web page using standards-based HTML and CSS. In this step-by-step PSD web templates tutorial, you will learn how to create a grunge-themed web layout using Photoshop. This tutorial is geared for beginners and intermediate-level Photoshop users.

View Tutorial

When you’re finished reading this tutorial, you can cross over to the second tutorial and follow along converting the PSD to HTML “Create and Code a Grunge Web Design from Scratch: Converting PSD to HTML ”.

Here you can find more PSD web templates tutorials