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

S-Curve

S-Curve

S-Curve tutorial for creating a smooth transition on interface headers

Author: Eyeball Design | Visits: 974

Creating a graphical web page header in Adobe Photoshop

Creating a graphical web page header in Adobe Photoshop

The most important graphical element of any website is its header image. It's the image that will be seen more than any other on your web site, so it's important to get it looking good.
Image and tutorial by PEGAWEB

Author: PegaWeb | Visits: 965

How to make web buttons

How to make web buttons

Most web buttons are flat and lifeless. This web button tutorial demonstrates how to make a nice rounded web button, and goes through the various layers of the web button, including the bevelling of the web button, and adding a light layer to the web button.
Image and tutorial by PEGAWEB

Author: PegaWeb | Visits: 964

Glowing Glass Button

Glowing Glass Button

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

Author: N-sane | Visits: 963

Sunlight Web Design Tutorial

Sunlight Web Design Tutorial

By using some Clouds, Noise, a few adjustment layers, and some ornaments, this tutorial demonstrates how to create a website with a very nice, sparkling, sepia effect.

Author: PegaWeb | Visits: 962

Professional Web Host Layout

Professional Web Host Layout

Learn how to create a professional layout for a web host.
Image and tutorial by DEPICTION

Author: Depiction | Visits: 940

Loading bar interface

Loading bar interface

Sick of the loading interface? Learn how to make rich loading interface with blending modes, gradients, and tons of layers in Adobe Photoshop.

Author: adobetutorialz | Visits: 937

How to desing a web site

How to desing a web site

Read this comprehensive web site design tutorial using Photoshop, Dreamweaver, Html and CSS.

Author: brotherkarloz | Visits: 936

Create a Wii Web Header in Photoshop

Create a Wii Web Header in Photoshop

Learn how to design the Wii header found at Nintendo.com in Adobe Photoshop.

Author: OriginMaker | Visits: 932

Glossy icon

Glossy icon

Learn how to create a glossy icon for your interfaces in Adobe Photoshop.

Author: Artkit.org | Visits: 928

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