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

Glitter Swirls

Glitter Swirls

Using a dotty brush, a rainbow gradient, and lots of distortion, this tutorial goes through the steps to creating a swirly, glittery website layout.

Author: PegaWeb | Visits: 1364

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

The Slime Factory Website Tutorial

The Slime Factory Website Tutorial

Follow along with the steps I took to create the website for the "Slime Factory". This website mixes metallic textures with gelatinous substances.

Author: PegaWeb | Visits: 498

Duotone Web Page Menu Tutorial

Duotone Web Page Menu Tutorial

This tutorial goes through the steps of making a simple, two-colour menu for a website in Photoshop, and shows how to turn it into a web page in your web editor.

Author: PegaWeb | Visits: 728

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.

Author: PegaWeb | Visits: 326

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

How to make Metallic Buttons and Menus

How to make Metallic Buttons and Menus

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.

Author: PegaWeb | Visits: 2101

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.

Author: PegaWeb | Visits: 711

Create a graphical web page header

Create a graphical web page header

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.

Author: PegaWeb | Visits: 509

How to make web buttons

How to make web buttons

This tutorial demonstrates how to make a nice, rounded web button.

Author: PegaWeb | Visits: 395

Search this site

Web
Photoshop Roadmap

Receive The Photoshop Roadmap RSS Feeds
by email

Enter your email address:

Delivered by FeedBurner