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.

Quick and easy but with good results on how to make a folder icon.

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

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.

In this easy, step-by-step tutorial I’m going to show you how to design a simple, professional & glossy “Download” button. I’m just using download as an example here, it’s really a multi-purpose button ;) These kind of buttons are also being used a lot on “Web 2.0″ sites lately, so get with the times!

With this tutorial you'll learn how to make a very sleek and professional navigation bar for a website template.

In this Photoshop tutorial I will be showing you how to make an industrial-style navigation button, well-suited for a clan template or something of the sort. You can see the result below.

Learn a unique way to make a navigation set, this is called the pixel stretch navigation.

You can make some professional, glossy buttons for web-templates.

Learn how to make a cartoonish ribbon that would suit a portfolio web template.

Learn how to make a grungy navigation that would suit Warcraft 3.

Learn how to make a gentle green search button.

In this Adobe Photoshop tutorial we will make Sony Ericsson logo in about 20 minutes. Besides this you will understand how to save your time, changing layer styles and using the copies of your initial effect or form.

This tutorial will show you how to draw a pumpkin, with a scary cut out face for Halloween.

Not sure about you, but when I create buttons for a web site, I always use shapes, especially if the button has rounded corners. These vector shapes have the advantage that they are easy to scale or resize. Combine them with effects and you have the most flexible button ever. Not sure what I mean? I hope I can share something useful with you here…

Nowadays Web 2.0 style becomes more popular. Every day tons of sites which has simple, bright and very interesting things, appear in Network. There are no standards about creating any Web 2.0 elements, but we have several typical features, for example and clean colors, many gradients. Today I want to show you how to create Web 2.0 styled button using Adobe Photoshop CS2.

Websites include many elements that the user can interact with. One of the most popular elements are buttons. They get the user to interact with the website. Using a web 2.0 badge and pill box style button you can create an affective button that will get the user to click on it. Providing support content that will also help get the user to actually click on the button. In this tutorial I will show you how to make a web 2.0 badge and pill box button. Adding effects to make it more appealing, and adding support content.

How to implement popular and effective Web 2.0 concepts into text through creating a snazzy logo.

Web 2.0 company logo design is a term you will come across a lot when dealing with clients, and with doing company logo design. They always seem to ask “I want a web 2.0 logo design ” or a design. Web 2.0 is more about technologies (Ajax, ruby, etc etc), but there are some design elements that go under web 2.0. (At least clients seem to think so.) This is the first of a few web 2.0 logo design tutorials for company logo design. We Have another one, and we are doing more tutorials on many company logo design tutorials. We will create a very trendy logo design using a techinque that is used a lot now-a-days. The name of the logo I used was "WEB 2.0" but you should change it with your company name! :)

Here is another web 2.0 logo design tutorial! Here is another popular style with a shiny box. A good tip with doing web 2.0 designs, and logos is try to keep the shiny/3d/etc effects on one to two elements of the page. Over doing it wont be good for usability and it will make it look very cluttered. There is a general rule to use about one or two shiney elements and leave the rest not so done up. With light shadows here and there to create the realistic effect. Adding subtle drop shadows will give the polished effect, and will make your designs look great. Well, lets get started!