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.

Newest Interface design Photoshop Tutorials

Sort this listing by: Date | Popularity | Alphabetically

Photoshop tutorials categories

Metallic Pill Buttons

Metallic Pill Buttons

Much like glassy buttons, metallic pill buttons are very popular in modern interfaces. The aim of this tutorial is to illustrate a technique for making metal buttons using nothing but layer effects.

Author: Biorust | Visits: 400

Imageready Interfacing

Imageready Interfacing

Photoshop is an amazingly powerful tool, but it can only take you so far. When all your work is finished, its often the job of Photoshop's sister application, Imageready, to transform your creation into a living, breathing, web-interface.

Author: Biorust | Visits: 668

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: 1011

Realistic Gears

Realistic Gears

Designing gears is often difficult enough, but throw different sizes into the mix, and a need for them all to intermesh, and you are in a deep logistical nightmare. Learn how I overcome these problems in this tutorial for advanced Photoshop users.

Author: Biorust | Visits: 1522

Wires & Cables

Wires & Cables

Bendy wires and cables are one of the trickier effects to create in Photoshop. Still, the best way to learn valuable skills in Photoshop is to bite the bullet, so here goes...

Author: Biorust | Visits: 530

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: 493

Screws & Rivets

Screws & Rivets

Everyone loves a good screw, especially one that looks great even at high resolutions. Learn how to make many kinds of screws and rivets with this tutorial.

Author: Biorust | Visits: 926

LCD Interfaces

LCD Interfaces

Use Photoshop to create realistic LCD screens for your interfaces, skins, websites, etc. An in-depth and very detailed tutorial written for experienced users.

Author: Biorust | Visits: 1008

Website Template Design

Website Template Design

How to design a website using Photoshop.

Author: Photoshop Support | Visits: 223

Mac button

Mac button

The original Mac aqua button.

Author: Epragt | Visits: 2000

Search this site

Web
Photoshop Roadmap

Receive The Photoshop Roadmap RSS Feeds
by email

Enter your email address:

Delivered by FeedBurner