Category: Interfaces – Web Design

Tutorial: XP Themed Bars
Author: Steve
Link: unlimit-3d.com

How to create amazing looking navigation bars that look just like the ones found in Windows XP.

Tutorial: Clean Web Design Interface
Author: Depiction
Link: Depiction.net

Many website designs created in Photoshop are overdone, in the sense that pages become cluttered with information and complex design aspects that make a design busy. In this tutorial you will learn how to create a simplistic but effective design.

Tutorial: Make an Mp3-player!
Author: Mickm
Link: Mickm.com

MP3-Player: Had enough of those Ipod’s? Just wanna make a simple, yet stylish mp3-player? Follow this tutorials and in a few steps, you’re done…

Tutorial: Content Box
Author: Oneshotdesign
Link: Oneshotdesign.com

Design an easy and cool Content Box whit Photoshop

Tutorial: Industrial Metal Navigation
Author: Pure Photoshop
Link: Purephotoshop.com

Industrial Metal Navigation
Tired of the cheesy metal effects? Well lets try this one on for size. Get that industrial metal look and pack it into a cool, custom nav bar.

Tutorial: iTunes Button
Author: Steve-Unlimit-3d
Link: Unlimit-3d.com

iTunes Button
Make professional looking buttons that are amazingly like the buttons in iTunes.
1. Open up your document, with the elliptical marquee tool (M), hold Shift and drag out a selection about 75px tall and wide; fill it with #BBBBBB…

Tutorial: Stylish Link Box
Author: Steve-Unlimit-3d
Link: unlimit-3d.com

Stylish Link Box
Make a stylish box to put your links for your site.
1. Open a new document, using the rectangular marquee tool (M) that is about 120px in width, and 20px in height. Using paint bucket (G) fill it with any color you want.

Tutorial: Interface tutorial
Author: Nina Indset Andersen
Link: Eyesondesign.net

Finally!
The Interface tutorial you have been nagging about is here!
So roll up those shirtsleeves and flex those PS muscles – it’s Interface time!
PS! By clicking the small thumbnails you will be able to see a big screenshot…

Tutorial: Remote Control Interface
Author: Absolutecross
Link: Absolutecross.com

This tutorial will teach you how to create a simple “Remote Control” which you can use as an interface or navigational tool for your site.

1. Start by creating a new document about 200×350. Refer to the Rounded Edges Tutorial if you don’t know how to make rounded inteface edges (see below example)…

Tutorial: 100% Layout Tutorial
Author: Zymic
Link: Zymic.com

Create an effective 3 column web layout using Photoshop and Macromedia Dreamweaver. Learn how to create the main header in Photoshop and the code the rest of the layout manually without the use of slicing in Dreamweaver.

Slicing a web page usually isn’t a great idea unless it’s really simple. Slicing produces far too much code and images you do not need… and not to mention it can get pretty hard to work with.

Tutorial: A Simple Layout
Author: Stealth Designz
Link: Stealthdesignz.com

This is a pretty difficult tutorial and expects you to know the basics+ of photoshop as every step is not written in great amounts of detail.
1. Firstly, start with a canvas size of 800 x 600 with a soft gray colour E6E6E6. You then want to make a smaller rectangle, that has been brought in left and right …