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

Freeform Interface Walkthrough

Freeform Interface Walkthrough

This is a walkthrough , not a tutorial. This will show you some of the processes I use to create skins or interfaces from start to finish. Hopefully it might show you some things you can use to create your own.
Image and tutorial by PUREPHOTOSHOP

Author: Pure Photoshop | Visits: 3301

Interface w/Window Reflections

Interface w/Window Reflections

Interface w/Window Reflections This tutorial shows you how to utilize Photoshops Liquify filter to help create some unique window reflections and also how to do the '5 second metal' trick.

Author: Pure Photoshop | Visits: 4652

Perspective Shading

Perspective Shading

Learning how to properly higlight and shade interfaces, web layouts and other works can mean the differnce between a flat artwork or artwork that jumps out at you. This tutorial shows you some methods of how shading works.

Author: Pure Photoshop | Visits: 3171

Industrial Metal Navigation

Industrial Metal Navigation

Tired of the cheesy metal effects? Well lets try this one on for size. Get that industrial metal look and pack it into a cool, custom nav bar.

Author: Pure Photoshop | Visits: 504

Clean Content Box

Clean Content Box

Create those super clean content boxes as seen on most flash sites.

Author: Pure Photoshop | Visits: 463

Skinning Notepad Pro

Skinning Notepad Pro

Learn how to create an awesome skin for NPP and also follow step by step as we piece it together.

Author: Pure Photoshop | Visits: 503

Quick Content Box

Quick Content Box

In this tutorial we are going to show you how to make boxes that you can put in layouts and design interfaces with. Its pretty simple so have fun!

Author: Pure Photoshop | Visits: 974

Nav Bar

Nav Bar

This tutorial shows you a method on how to create a nice looking navigation bar.

Author: Pure Photoshop | Visits: 1239

Web Page Header

Web Page Header

In this tutorial we are gonna show you the basics of creating a header for your webpage. You are urged to use your imagination and be creative with this. These are just some simple techniques used.

Author: Pure Photoshop | Visits: 2214

Rollover Nav Bar

Rollover Nav Bar

In this tutorial I am going to show you how to create a cool mouseover navigation bar. These would normally go into a website. But since we are going to focus on just the nav bar then this will remain just that.

Author: Pure Photoshop | Visits: 636

Search this site

Web
Photoshop Roadmap

Receive The Photoshop Roadmap RSS Feeds
by email

Enter your email address:

Delivered by FeedBurner