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

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

Barcodes

Barcodes

Learn how to create barcode labels.
Image and tutorial by DEPICTION

Author: Depiction | Visits: 792

1px Bevel

1px Bevel

Create a 1px razed (bevel) border around an object.
Image and tutorial by DEPICTION

Author: Depiction | Visits: 489

Binding technique 2

Binding technique 2

Green chrome bar with outer bevel, inset lines, 3D shperes effects

Author: Eyeball Design | Visits: 498

3D Gradient Bars

3D Gradient Bars

A variation of the 3D navigation bars but this time using gradients.

Author: Eyeball Design | Visits: 779

If you don't know what you're doing, simple web design is the best web design.

If you don't know what you're doing, simple web design is the best 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. If they just hadn't tried as hard, the site would have looked a whole lot better.
Image and tutorial by PEGAWEB

Author: PegaWeb | Visits: 792

How to make Metallic Buttons and Menus (Photoshop 6 / 7 only)

How to make Metallic Buttons and Menus (Photoshop 6 / 7 only)

This tutorial shows how to use Gradient Overlays and the Gloss Contour option to change your buttons and menus from play-dough to realistic silver and gold.v
Image and tutorial by PEGAWEB

Author: PegaWeb | Visits: 725

Modern Style Web Design

Modern Style Web Design

Welcome to a world of sans-serif fonts, monocoloured areas, objects that don't cast shadows, colours that don't contrast, and text saved as picture files.
Image and tutorial by PEGAWEB

Author: PegaWeb | Visits: 744

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

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

Search this site

Web
Photoshop Roadmap

Receive The Photoshop Roadmap RSS Feeds
by email

Enter your email address:

Delivered by FeedBurner