Photoshop Interfaces & Layouts

A lot of people use Photoshop for website interfaces and layouts. You can find our layout tutorials here on this page. We like to think of web-designs as unique creations so instead of teaching you how to make a whole layout, we give you these lessons on how to make the parts that make a whole design.
Easy Pixel Bevel

Easy Pixel Bevel

Create a pixel bevel layer style easily and use it to create great layouts whenever you want!

Interface Holes

Interface Holes

Add this detailed grimy hole to your layout to make it eye catching!

Interface Dents

Interface Dents

Learn how to make dents in your interface! A great way to learn how to use the Dodge and Burn tools.

Interface Screws

Interface Screws

A simple dirty screw for use in your interfaces.

Glowing Glass Button

Glowing Glass Button

A simple, elegant, glass button that looks as if it is glowing.

Interface Metal Plates

Interface Metal Plates

Learn to draw stylish realistic metal plates that will enhance any layout!

Interface Cracked Metal

Interface Cracked Metal

Not your average crack, learn to make one where the metal is actually peeling back.




Bottom Bar