Adobe Photoshop - Buttons and Icons

Create a quick glossy web2.0 icon in photoshop

Adobe Photoshop » Buttons and Icons » November 17, 2008
Source psdguide.blogspot »

In this tutorial we will learn how to create a quick, smooth and glossy a web2.0 icon. Even though the beauty of design lies in detail, we will try to make an icon in 10 steps.


More Info | Views 34 | Comments 0 | Saves 0 | Report bad link | Share It!
Create a quick glossy web2.0 icon in photoshop

Design a Glossy Download Icon

Adobe Photoshop » Buttons and Icons » November 14, 2008
Source psdtuts »

The difficulty in designing web graphics is not so much in the actual execution of the design, but more in the planning of it. At the same time you want the graphic to be eye-catching, yet smooth and small enough so it doesn't dominate your layout. This tutorial will teach you how to create a graphic that does just that.


More Info | Views 22 | Comments 0 | Saves 0 | Report bad link | Share It!
Design a Glossy Download Icon

Creating a Gel-Styled Button

Adobe Photoshop » Buttons and Icons » November 3, 2008
Source photoshopatoms »

There are hundreds of thousands of styles to apply to your text and buttons using PhotoShop - and it is very easy to come up with your own styles when you're just experimenting. This tutorial will show you how to create a gel-looking text and button effect which looks very clean and polished.


More Info | Views 26 | Comments 0 | Saves 0 | Report bad link | Share It!
Creating a Gel-Styled Button

Creating A Glossy 3D Button

Adobe Photoshop » Buttons and Icons » October 31, 2008
Source magnusfx »

In this tutorial, it will show you how to design a glossy navigation 3D button. There are thousands ways to create this kind of button. And, you always need to spend quite a while in order to develop a suitable one. And, this tutorial just show you how to make a pretty simple one for your web.


More Info | Views 53 | Comments 0 | Saves 0 | Report bad link | Share It!
Creating A Glossy 3D Button

Photoshop Electronic Torch Light Icon

Adobe Photoshop » Buttons and Icons » October 29, 2008
Source tutorialqueen »

In this adobe photoshop tutorial I will teach you about How to Create Photoshop Electronic Torch Light Icon.


More Info | Views 39 | Comments 0 | Saves 0 | Report bad link | Share It!
Photoshop Electronic Torch Light Icon

Make a neat set of speaker icons

Adobe Photoshop » Buttons and Icons » October 28, 2008
Source psvibes »

In the fourth part of our “Design Your Desk” series, we’re going to be looking into the creation of a set of speakers for your desktop (or laptop) that we created earlier. We’ll be creating the main body of the speaker, the front cover, and both the woofer and tweeter from scratch. As well, we’ll texture the body of the speaker with a wood texture. Finally, we’ll make a plain, jet black speaker without the wooden case. Stay tuned for next week’s Design Your Desk, when we’ll be creating a slick mouse to go along with the rest of your desk.


More Info | Views 22 | Comments 0 | Saves 0 | Report bad link | Share It!
Make a neat set of speaker icons

How Web 2.0 Logos are drawn

Adobe Photoshop » Buttons and Icons » October 24, 2008
Source hongkiat »

Ever wonder how these guys draw their Web 2.0 Logos? Sometimes its nice to learn from others, build up the basic skills and start your own creativity from there. In this Photoshop tutorial, I’m going to reveal you some of the nice Web 2.0 logos, how you can draw their logo exactly the same (well, not really 100% though) with Photoshop.


Views 65 | Comments 0 | Saves 0 | Report bad link | Share It!
How Web 2.0 Logos are drawn

Professional Web Design Studio Logo

Adobe Photoshop » Buttons and Icons » October 24, 2008
Source photoshopandyou »

Learn how to create a professional web design logo. We'll show you several ways of working with text in this tutorial. The outcome from this tutorial could also go well with our Product Sales Page tutorial, as a proper logo wasn't really made for it.


Views 49 | Comments 0 | Saves 0 | Report bad link | Share It!
Professional Web Design Studio Logo

BzZz, Create a Fly Logo Design

Adobe Photoshop » Buttons and Icons » October 24, 2008
Source aiburn »

This tutorial is focused on the process of creating a logo for a web design client. It will cover developing a logo from concept to completion and working with the client throughout this process. This tutorial series covers both the technical processes and business issues related to designing this fly logo.


Views 30 | Comments 0 | Saves 0 | Report bad link | Share It!
BzZz, Create a Fly Logo Design

Design a Concept Web Logo in Photoshop

Adobe Photoshop » Buttons and Icons » October 24, 2008
Source originmaker »

Having your company logo design done by a professional can be an expensive process. In this tutorial you will learn how to design an effective web logo in photoshop.


Views 30 | Comments 0 | Saves 0 | Report bad link | Share It!
Design a Concept Web Logo in Photoshop

Professional Logo Design

Adobe Photoshop » Buttons and Icons » October 24, 2008
Source photoshopforce »

In this tutorial you will learn how to create an elegant logo that would fit in nicely with most any design company. The techniques taught in this tutorial can also be altered in many ways to create an almost entirely different company logo.


Views 32 | Comments 0 | Saves 0 | Report bad link | Share It!
Professional Logo Design

Simple logo design ideas using custom shapes in Photoshop

Adobe Photoshop » Buttons and Icons » October 24, 2008
Source entheosweb »

Learn how to create logo designs using shapes, styles, gradients in Photoshop. Logos are very important parts of web designing and they can be made with letters and graphics. Here we will learn to design simple logos using custom shapes in Photoshop.


Views 30 | Comments 0 | Saves 0 | Report bad link | Share It!
Simple logo design ideas using custom shapes in Photoshop

The Power of Blending Options

Adobe Photoshop » Buttons and Icons » October 23, 2008
Source eyesontutorials »

After publishing my last article on the Process of Making an Icon, I got a few requests for more indepth knowledge on Blending Options, and a more explicit walkthrough of their direct usage. 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. Ironicly, this easily available styling is one of the harder things to master. Blending options is all about manipulating individual layers to obtain a certain effect. It's a key aspect of creating icons, and will help you create textures, shading and highlighting.


Views 38 | Comments 0 | Saves 0 | Report bad link | Share It!
The Power of Blending Options

The Making of an Icon

Adobe Photoshop » Buttons and Icons » October 23, 2008
Source eyesontutorials »

I've had a few requests for insights into the process of making icons. Instead of answering individually, I've decided to make this the first subject of a range of articles to be authored here at PixelResort. This won't be a tutorial or a step-by-step walkthrough, more like a general guideline based on my own experience. It's how my workflow crops up. Enough disclaimer, let's see if we can make an icon. To illustrate the creation of an icon, I've decided to redraw my old TextEdit icon from the bottom up.


Views 26 | Comments 0 | Saves 0 | Report bad link | Share It!
The Making of an Icon

How to make a good lookin logo in less than 5 mins

Adobe Photoshop » Buttons and Icons » October 22, 2008
Source ubldesignes »

Step by step tutorial using photoshop on how to make a good looking logo is less than 5 minutes.


Views 41 | Comments 0 | Saves 0 | Report bad link | Share It!
How to make a good lookin logo in less than 5 mins

Seal-Badge Photoshop Tutorial

Adobe Photoshop » Buttons and Icons » October 2, 2008
Source photoshopstar »

In this quick Photoshop tutorial I'm going to show you how to design a sweet-looking a golden badge, pretty much like this one I've designed below. For this tutorial I've used the example 100% satisfaction guaranteed seal/badge.


Views 60 | Comments 0 | Saves 0 | Report bad link | Share It!
Seal-Badge Photoshop Tutorial

1 2 3 4 5 NEXT LAST ( Page 1 of 5 )