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

Clean Interface

Clean Interface

Clean, professional interfaces are becoming more and more common. With this tutorial I'll guide you through how to create one for yourself.

Author: Project Angel | Visits: 406

Smooth Multi-layered Nav bar

Smooth Multi-layered Nav bar

This tutorial will show you how to easily create a nice hi tech looking nav bar for your user interface..

Author: TutorialWiz | Visits: 406

Classy business layout

Classy business layout

A classic blue and white business layout with a great skyscraper background.

Author: PhoNuts | Visits: 397

Design a Red and White Template in Photoshop

Design a Red and White Template in Photoshop

In this Photoshop tutorial, we'll go through the steps of creating a red and white theme template in Adobe Photoshop. This design can be use for any type of website or blog.

Author: OriginMaker | Visits: 393

Black and Green Website Navigation Bar

Black and Green Website Navigation Bar

Learn how to create a tabbed navigation bar using shapes and layer styles. This Photoshop tutorial is idea for the beginner web designer who wants to learn how to create a basic navigation bar with tabs and apply layer styles.

Author: Free Online Classes | Visits: 389

Product sales page

Product sales page

Learn how to create a web 2.0 looking web layout tailored to be perfect for a page selling a product. Because of how its laid out, you could even spin it off as a portfolio layout if you wanted to. This tutorial will cover several different gradient types as well as reflecting text and objects and using shading to make certain design elements stand out.

Author: PhotoshopandYou | Visits: 388

Design custom RSS Feed Icons

Design custom RSS Feed Icons

Design a custom RSS feed button using Adobe Photoshop. The technique allows for easy color changes so that the RSS button will match your site or application style.

Author: Pixel Hive Design | Visits: 387

Creating an iPod from Scratch

Creating an iPod from Scratch

Learn how to use Photoshop to create an iPod Nano, while learning some advertising styles.

Author: Tutorials4Photoshop | Visits: 384

Black web layout

Black web layout

Learn how to make a clean black website layout using Adobe Photoshop and Illustrator.

Author: Alexandra | Visits: 384

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

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