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

Design a Simple Gradient Header in Photoshop

Design a Simple Gradient Header in Photoshop

Learn to create an effective Simple Gradient Header for your websites with a blue and white theme in Adobe Photoshop.

Author: OriginMaker | Visits: 641

Design a Simple Navigation Interface in Photoshop

Design a Simple Navigation Interface in Photoshop

In this Adobe Photoshop tutorial you will create a dark gray navigation interface inspired from Microsoft.com.

Author: OriginMaker | Visits: 1000

Design a Sleek Content Box in Photoshop

Design a Sleek Content Box in Photoshop

In this photoshop tutorial you will create a green sleek content box perfect for gaming related websites.

Author: OriginMaker | Visits: 590

Design a Sleek Vertical Navigation in Photoshop

Design a Sleek Vertical Navigation in Photoshop

This photoshop tutorial will teach you how to create a sleek vertical navigation similar from nintendo's official website.

Author: OriginMaker | Visits: 602

Design a Stylish Button in Photoshop

Design a Stylish Button in Photoshop

In this quick and simple tutorial you will create a clean stylish button perfect for navigations or search forms in Adobe Photoshop.

Author: OriginMaker | Visits: 608

Design a Web 2.0 Style Icon

Design a Web 2.0 Style Icon

In this tutorial, you will learn how to design a Web 2.0 style icon in Adobe Photoshop. Psd file are included. you can use in your own designs.

Author: tutsbuzz | Visits: 1801

Design a Website In Photoshop

Design a Website In Photoshop

Where does the new Web designer begin? With Adem's step-by-step tutorial! Learn how to design a Web interface in Photoshop, and from this, create templates for your finished Web pages.

Author: sitepoint | Visits: 733

Design a Wordpress theme layout

Design a Wordpress theme layout

Code this layout and you could have a wonderfull wordpress theme with black and red colors.

Author: PhoNuts | Visits: 868

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

Design Element: Drop Shadow

Design Element: Drop Shadow

The drop shadow is a useful design element that can be used to add depth and detail to different parts of your layouts. In this tutorial, we'll show you how to create your own drop shadow, as well as show you some of the different ways that you can use it in your website designs.

Author: PhotoshopandYou | Visits: 259

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