Home Photoshop tutorials

Interface design

A graphical user interface (GUI, pronounced gooey) is a type of user interface which allows people to interact with a computer and computer-controlled devices which employ graphical icons, visual indicators or special graphical elements called "widgets", along with text labels or text navigation to represent the information and actions available to a user. The actions are usually performed through direct manipulation of the graphical elements. Graphical user interface design is an important adjunct to application programming. Its goal is to enhance the usability of the underlying logical design of a stored program. The visible graphical interface features of an application are sometimes referred to as "chrome". They include graphical elements (widgets) that may be used to interact with the program.

Most Popular Interface design Photoshop Tutorials

Sort this listing by: Date | Popularity | Alphabetically

Photoshop tutorials categories

Clean and universal website design

Clean and universal website design

A simple and clean universal website design with blue and beige colors.

Author: PhoNuts | Visits: 1071

Glossy Button

Glossy Button

In this tutorial, i'll show you how to make a simple button to use on your navigation and homepages.

Author: TutorialWiz | Visits: 1067

Embedded Slots

Embedded Slots

Looking for a way to integrate bars and buttons on your interface?

Author: Eyeball Design | Visits: 1061

Fisker Car Web Layout

Fisker Car Web Layout

Learn how to create this interesting layout.

Author: Adobetutorialz | Visits: 1051

Case Study: Creating A Custom Application Icon

Case Study: Creating A Custom Application Icon

This short tutorial is a case study of how I made a new icon for my favourite text editor, Notetab Light and describes the top 3 essential principles when creating an icon.

Author: PsInDepth | Visits: 1050

Gradient Bars

Gradient Bars

Gradient bars are perhaps one of the most commonly used graphical effects in the world today. Widely implemented as building blocks for more complex designs, they are easy to create and endlessly flexible.

Author: Biorust | Visits: 1047

Modern personal web layout

Modern personal web layout

Design yourself a nice modern personal web layout in Adobe Photoshop.

Author: tutorials007 | Visits: 1046

High tech web site layout design

High tech web site layout design

Learn how to create a high tech web site layout with a dirty grunge look.

Author: TalkMania | Visits: 1045

Animated Ad Banner

Animated Ad Banner

In this tutorial, i'll show you how to create a professional animated ad banner which you can follow and create your own banner to advertise your site.

Author: TutorialWiz | Visits: 1038

Rivets and screws

Rivets and screws

Another way of filling up empty spots on your interfaces is to use rivets or screws. Here are some easy steps on how to create them using photosop.

Author: Eyeball Design | Visits: 1036

Search this site

Web
Photoshop Roadmap

Receive The Photoshop Roadmap RSS Feeds
by email

Enter your email address:

Delivered by FeedBurner

Recommended Photoshop Tutorials Sites

Photoshop Support

Photoshop Essentials

PSDTuts

Photoshop Tutorials