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

Skinning Notepad Pro

Skinning Notepad Pro

Learn how to create an awesome skin for NPP and also follow step by step as we piece it together.

Author: Pure Photoshop | Visits: 548

Create a clean blog header

Create a clean blog header

This is a tutorial on how to create a clean header for your website or blog in Adobe Photoshop.

Author: Vinh Le | Visits: 548

Gaming Header in Photoshop

Gaming Header in Photoshop

Learn how to make a gaming header with a unique navigation interface in Adobe Photoshop.

Author: OriginMaker | Visits: 537

Web 2.0 Header with Glossy Navigation Buttons

Web 2.0 Header with Glossy Navigation Buttons

Web 2.0 is in! is your website updated with a the dazzling styles of web 2.0? If not check this tutorial out and update that website of yours!

Author: tu torial | Visits: 537

Modernistic Navigation Module

Modernistic Navigation Module

Create a beautiful navigation box with Photoshop. This layout tutorial will teach you how simple shapes and gradients can create elegant designs.

Author: Photoshop Tutorials | Visits: 529

Inset Lines

Inset Lines

Tutorial on how to create wires or cables using photoshop and paths. The process is very tricky and requires a little practice since paths will be used. You will also need to know how to use the different pen tools for this tutorial.

Author: Eyeball Design | Visits: 528

Corroded Edges

Corroded Edges

Another add-on wear and tear effect to make your interface look worn down

Author: Eyeball Design | Visits: 528

Micro Buttons

Micro Buttons

You've seen them all over the web, now learn how to create those nifty microbuttons yourself in a few minutes using nothing but layer effects.

Author: Biorust | Visits: 527

Medieval themed button

Medieval themed button

In this new Photoshop tutorial, I will be showing you how easy it is to make neat little medieval themed buttons. Follow the steps as shown below.

Author: Photoshoponlinetutorials | Visits: 523

Design Studio Website

Design Studio Website

A step by step guide to creating a professional web layout with a dark theme for Web Design Studios in Adobe Photoshop.

Author: adobetutorialz | Visits: 523

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