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

Aqua button pro

Aqua button pro

Create a Mac OS X style button.

Author: Epragt | Visits: 1348

A Touch of Class Web Design Tutorial

A Touch of Class Web Design Tutorial

If you'd like to design a site that's a bit more elegant than the standard business web design style, follow along with this tutorial, and make a nice, rustic, gold-embossed website
Image and tutorial by PEGAWEB

Author: PegaWeb | Visits: 379

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

Photoshop metallic tubes and wires tutorial

Photoshop metallic tubes and wires tutorial

Metallic Tubes and Wires. This is an advanced Photoshop tutorial. Do not attempt this if you are not sufficient with the basic functions of the Photoshop Interface.
Image and tutorial by PHONG

Author: Phong | Visits: 2422

Photoshop metal shapes tutorial

Photoshop metal shapes tutorial

This is an advanced Photoshop tutorial, which assumes solid knowledge of the Photoshop interface and features, including the lighting effects filter.
Image and tutorial by PHONG

Author: Phong | Visits: 1869

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

Inset Patterns

Inset Patterns

This inset effect is a useful way for setting design patterns on interfaces and will work on most surfaces. This effect uses certain designs or patterns and softlight layer modes to create the inset effect on the interface or any other surface.

Author: Eyeball Design | Visits: 285

Gradient Border

Gradient Border

Here is a simple effect that creates a border using gradients. All you need is to set the foreground color to have a light color and the background color to have a dark color or vice-versa.

Author: Eyeball Design | Visits: 941

3D Spheres II

3D Spheres II

This is a new version of those 3D spheres. This new version is more chrome looking and uses a special curve adjustment setting.

Author: Eyeball Design | Visits: 383

3D Sphere or Ball

3D Sphere or Ball

Tutorial on how to create 3D spheres without using and 3rd party plugins or filters.

Author: Eyeball Design | Visits: 2264

Search this site

Web
Photoshop Roadmap

Receive The Photoshop Roadmap RSS Feeds
by email

Enter your email address:

Delivered by FeedBurner