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

Free Button Style

Free Button Style

Feel free to create and design a free button style following this Adobe Photoshop tutorial.

Author: Photoshop Garden | Visits: 652

Simple Web Design

Simple Web Design

A lot of websites look unprofessional because the designer has tried too hard to make the graphics look good, without knowing what they're doing.

Author: PegaWeb | Visits: 649

Create a Sleek Button in Photoshop

Create a Sleek Button in Photoshop

In this quick and simple tutorial you will create a sleek button perfect for navigations or custom name button.

Author: OriginMaker | Visits: 648

Flickr Box

Flickr Box

Create a cool Flickr box using Photoshop tools and styles.

Author: Photoshop Tutorials | Visits: 645

Industrial Metal Navigation

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.

Author: Pure Photoshop | Visits: 644

How to slice and export a web design in Photoshop

How to slice and export a web design in Photoshop

Learn how to take a Photoshop created web page layout template and slice it into individual pieces and then export it with an HTML file. We will cover user slices, layer based slices, auto slices, naming slices, assigning links to slices, alternate text for slices, creating multiple slices at one time, previewing our file in a web browser, saving individual slices as gifs or jpgs from the same document, and exporting a fully functional HTML file to go along with all of it.

Author: VisualProgression.com | Visits: 643

Create Glossy Button

Create Glossy Button

Learn how to create a glossy button in Adobe Photoshop.

Author: Farith Adhil | Visits: 642

3D Chrome Bars

3D Chrome Bars

A tutorial on how to create a navigation bar using lighting effects and layering techniques.

Author: Eyeball Design | Visits: 638

Create a sleek interface element

Create a sleek interface element

In this relatively simple tutorial we will create a sleek content box perfect for gaming websites in Adobe Photoshop.

Author: OriginMaker | Visits: 635

Create a 3 Column Gaming Template

Create a 3 Column Gaming Template

In this tutorial you will design a 3 Column Dark Template perfect for gaming related websites.

Author: OriginMaker | Visits: 633

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