High quality graphic and coding tutorials  |  5068 tutorials online

Photoshop » Interface and Logo Tutorials

 Text Effects (171)  Photo Effects (612)  Drawing (245)
 Interface and Logo (465)  Wallpaper (109)  Tools and Tips (76)
 Special Effects (198)  Animation (20)


Product Sales Page Preview

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

  • Currently 2.96/5
  • 1
  • 2
  • 3
  • 4
  • 5
589 Views  | Category: Interface and Logo
Curled Corner Preview

Curled Corner

Learn how to create a sleek content box that features a curled corner to give it a more dimensional approach. This effect could be put to good use on business websites, such as hosting sites, product sales pages, portfolios, and more.

  • Currently 2.87/5
  • 1
  • 2
  • 3
  • 4
  • 5
664 Views  | Category: Interface and Logo
Sleek logo text style Preview

Sleek logo text style

Make a sleek logo text style with Adobe Photoshop.

  • Currently 2.75/5
  • 1
  • 2
  • 3
  • 4
  • 5
544 Views  | Category: Interface and Logo
The Power of Blending Options Preview

The Power of Blending Options

Now, Blending Options are one of the first things Photoshop Novices stumble upon. The infancy of adding layer styles often leads to a short period of horrible drop shadows and cringeworthy bevels.

  • Currently 2.69/5
  • 1
  • 2
  • 3
  • 4
  • 5
627 Views  | Category: Interface and Logo
The Making of an Icon Preview

The Making of an Icon

In this tutorial we will learn the making of an Icon. I've had a few requests for insights into the process of making icons. Instead of answering individually, I have decided to make this the first subject of a range of articles to be authored here.

  • Currently 2.74/5
  • 1
  • 2
  • 3
  • 4
  • 5
601 Views  | Category: Interface and Logo
Drawing the Volkswagen Logo Preview

Drawing the Volkswagen Logo

This tutorial is going to show you how to draw the legendary Volkswagen emblem logo by using Layer Styles, Radial Gradients, and the Polygonal Lasso selection tool.

  • Currently 2.75/5
  • 1
  • 2
  • 3
  • 4
  • 5
484 Views  | Category: Interface and Logo
Stylish web navigation template Preview

Stylish web navigation template

This tutorial will teach you how to create a beautiful dark menu that actually looks different from the usual normal web 2.0 styles displayed across the web while keeping a minimalistic, clean feel.

  • Currently 2.80/5
  • 1
  • 2
  • 3
  • 4
  • 5
634 Views  | Category: Interface and Logo
PSD to HTML/CSS Preview

PSD to HTML/CSS

Learn how to make a SIMPLE layout then code it up in dreamweaver.

  • Currently 2.72/5
  • 1
  • 2
  • 3
  • 4
  • 5
638 Views  | Category: Interface and Logo
Wii Inspired Layout Preview

Wii Inspired Layout

Learn how to create a web layout inspired by the Ninentdo Wii

  • Currently 2.77/5
  • 1
  • 2
  • 3
  • 4
  • 5
551 Views  | Category: Interface and Logo
Bayville - Pop Art Style Preview

Bayville - Pop Art Style

In this tutorial we are going to make an illustration using Ps custom Brushes. It is more like corporate style. So we will make a logo and base color gamma.

  • Currently 2.83/5
  • 1
  • 2
  • 3
  • 4
  • 5
540 Views  | Category: Interface and Logo
Digital media player design Preview

Digital media player design

This tutorial walks you through the steps of creating a really cool looking video player using Adobe Photoshop CS3. It is illustrated along the way for clarity.

  • Currently 2.81/5
  • 1
  • 2
  • 3
  • 4
  • 5
592 Views  | Category: Interface and Logo
Funky Web Design Layout #2 Preview

Funky Web Design Layout #2

Learn how to create a funky webdesign layout using different kinds of shapes and brushes.

  • Currently 2.71/5
  • 1
  • 2
  • 3
  • 4
  • 5
982 Views  | Category: Interface and Logo
Simple Business Website Template Preview

Simple Business Website Template

Learn how to create a simple yet attractive business website template.

  • Currently 2.85/5
  • 1
  • 2
  • 3
  • 4
  • 5
633 Views  | Category: Interface and Logo
Outlook Email Symbol Preview

Outlook Email Symbol

In this tutorial we will create an email symbol, that can be used as logo or button

  • Currently 2.68/5
  • 1
  • 2
  • 3
  • 4
  • 5
554 Views  | Category: Interface and Logo
Soccer Ball on Fire Preview

Soccer Ball on Fire

We will learn step by step how to do a soccer ball on fire

  • Currently 2.82/5
  • 1
  • 2
  • 3
  • 4
  • 5
506 Views  | Category: Interface and Logo