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.

Interface design Photoshop Tutorials from A to Z

Sort this listing by: Date | Popularity | Alphabetically

Photoshop tutorials categories

Plated Metal Button

Plated Metal Button

Create a simple shiny metal button in a few easy steps.

Author: Atul Thakur | Visits: 547

Portfolio Website Design

Portfolio Website Design

Very simple and easy to create website user interface with photoshop. Just 28 steps and you are done! We'll make a logo, a navigation menu, a content area and a quicklinks navigation menu. We'll also add some fancy effects to bring more life to our design!

Author: photoshoptalent | Visits: 919

Pressed Button

Pressed Button

Great for your JavaScript rollovers.

Author: Epragt | Visits: 1226

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

Professional Art Grunge Layout

Professional Art Grunge Layout

Very easy to follow tutorial for making a professionally looking grunge style portfolio or web layout in Adobe Photoshop.

Author: LoreleiWeb | Visits: 1686

Professional car company website

Professional car company website

This is a tutorial about making a template for your car website. It would bring the professional looking to your pages. Of course,you could apply these techniques for other sites.

Author: 9tutorials | Visits: 663

Professional header design for your website

Professional header design for your website

Using this photoshop cs3 tutorial, you'll learn how to make a nice-looking and professional header design for your website easily, step by step.

Author: tutorialshot | Visits: 905

Professional looking webdesign

Professional looking webdesign

Professional layout for a website with some great brushes and wonderful colors.

Author: PhoNuts | Visits: 2119

Professional Metal Layout

Professional Metal Layout

This tutorial will teach you how to create a very professional, very stylish looking layout for your website.
Image and tutorial by GREYCOBRA

Author: GreyCobra | Visits: 3599

Professional Modern Layout

Professional Modern Layout

This tutorial will teach you how to create an attractive layout for your business, portfolio, or anything else you have in mind!
Image and tutorial by GREYCOBRA

Author: GreyCobra | Visits: 690

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