Home » User Interface

User Interface

Create an Elegant Photography Web Layout in Photoshop

Create an Elegant Photography Web Layout in Photoshop

Difficulty - 3/5 Time Required Icon 0 hrs 30 mins 2010-07-12 476 views

In this Photoshop tutorial, you will learn how to make a beautiful web page design PSD that is dark-themed and perfect for a web portfolio that is centered around photographs. It’s a pretty simple tutorial that aims to illustrate some great techniques to adapt into your current web design workflow.


Create a Lovely Textured Web Design from Photoshop to HTML/CSS

Create a Lovely Textured Web Design from Photoshop to HTML/CSS

Difficulty - 5/5 Time Required Icon 1 hrs 10 mins 2010-06-27 369 views

In this tutorial we are going to learn how to realize a nice web site layout using a nice texture. The post is divided in two parts: first we create the web page in photoshop and then we convert the PSD in a working HTML/CSS page ready for the web. Following this step by step walkthrough of design you’ll learn, touching with your hands the entire process to make a web page, how to design and code a modern site.


Dramatic Front Cover Creation using Photoshop

Dramatic Front Cover Creation using Photoshop

Difficulty - 3/5 Time Required Icon 0 hrs 30 mins 2010-06-12 615 views

When you design some front covers for your personal album or magazine, it usually takes a long while to do so. Sometimes, you can be inspired when looking at other designs such as this. This is a good example to show you how to develop the front covers.


Create an Elegant Music Web Layout

Create an Elegant Music Web Layout

Difficulty - 3/5 Time Required Icon 0 hrs 35 mins 2010-06-09 384 views

Music web layout is like any other artworks layout, which need to be nice and sophisticated as readers mainly rely on the visual effect of your web at first sight. This tutorial will present you a nice way to arrange your web pattern and layout.


Create a Sleek and Stylish MP3 Player in Photoshop

Create a Sleek and Stylish MP3 Player in Photoshop

Difficulty - 1/5 Time Required Icon 1 hrs 0 mins 2010-04-29 605 views

One of the best ways to learn how to create amazing interfaces it to practice by creating electronic devices in Photoshop. These days just about everyone has some kind of MP3 device to play music. In this tutorial we will demonstrate how to create a sleek, stylish, and simple MP3 interface in Photoshop to play audio files for your Flash projects.


Create a Hosting Layout In Adobe Photoshop

Create a Hosting Layout In Adobe Photoshop

Difficulty - 4/5 Time Required Icon 0 hrs 45 mins 2010-02-19 562 views

Today I will show you one more time how to design a layout for a hosting company.


Tutorial RocknRolla Blog Design

Tutorial RocknRolla Blog Design

Difficulty - 5/5 Time Required Icon 1 hrs 15 mins 2010-01-18 712 views

This tutorial will show you how to make a fantastic personal blog.


How To Create a Sleek Audio Player Interface in Photoshop

How To Create a Sleek Audio Player Interface in Photoshop

Difficulty - 3/5 Time Required Icon 0 hrs 30 mins 2009-12-29 668 views

In this tutorial you’ll learn how to design a sleek audio player interface in Adobe Photoshop.


How to Make a Highly-Textured Site Layout in Photoshop

How to Make a Highly-Textured Site Layout in Photoshop

Difficulty - 4/5 Time Required Icon 0 hrs 40 mins 2009-12-22 674 views

In this tutorial, we’ll create a textured site layout by layering multiple images. Creating highly-textured web design layouts is easier than you may think. You can learn to build image intensive designs rapidly. For intermediate Photoshop designers creating this design will take less than an hour, and you’ll learn some professional tips along the way. Let’s get started!


Introducing TUTfactory

Introducing TUTfactory

Difficulty - 3/5 Time Required Icon 0 hrs 30 mins 2009-12-10 458 views

TUTfactory is the newest website which I have just launched and like PSDlearning, it aims to fulfill all your Photoshop tutorial needs. TUTfactory is a continuously updated website which displays all the newest and best Photoshop tutorials in one simple location, allowing you to find them, view them and rate them.


Photoshop Button Maker

Photoshop Button Maker

Difficulty - 4/5 Time Required Icon 0 hrs 45 mins 2009-11-21 688 views

In this simple tutorial we’re going to create a clever little way of making little buttons using a couple of layers and one interchangeable image layer. The “Button Maker” font used is called “Dynamoe”.


Build a Slick Rich User Interface in Photoshop

Build a Slick Rich User Interface in Photoshop

Difficulty - 4/5 Time Required Icon 0 hrs 50 mins 2009-10-28 606 views

This tutorial will show you some clever interfacing techniques and how to build a sleek interface of your own inspired by the popular iPhone apps ConvertBot and WeightBot.


Press CTRL to Browse all tutorials!

Browse All Tutorials