GRAPHIC DESIGNERS FROM OUR DESIGN COMMUNITY
home > images > Clipart > HOW TO CREAT ICONS : TUTORIALS TO MAKE ICONS with ADOBE PHOTOSHOP
Online Tools and Software to Generate Icons and Favicons - This is the ultimate list of tools, utilities, and software for generating these pesky little icons / favicons.
PHOTOSHOP ICON DESIGN TUTORIALS
Apple Style Menu Tutorial Using CSS Sprites - The menu that Apple uses on its website is becoming more of an iconic menu bar, especially to us web designers and developers. It is really simple to create and there are a variety of states. One interesting aspect that Apple has also used here, is the CSS sprite effect. Here, we will recreate the menu using Photoshop and CSS sprites!
Create an Adobe CS3 Icon - This tutorial will teach you how to quickly make a slightly altered looking Adobe CS3 Icon.
 |
 |
 |
||
 |
 |
 |
||
Create a Shiny Lock Icon Design - A popular icon that you can find on the internet is the lock icon. It is widely used to identify secure Web pages. It often indicates password fields for secure files. Wherever you wish to place a lock icon, this tutorial will show you how to create an attractive one for you to use!
Create a Glossy Home Icon in Photoshop - Learn how to design your very own glossy home icon in Photoshop.
Create Icons Tutorial - How to make icons with Adobe Photoshop.
Create a Jaguar Style Folder Icon - In this tutorial, we will show you how to cover an object in a Jaguar style fur texture. In this example, we'll cover a computer folder, but this technique can be used with any other object, like a CD cover, a mouse, or even a computer.
Create a High-Gloss Graduation Hat Icon Design - Photoshop is great to use for creating quality icon designs. In this tutorial, I will teach you how to make a professional, shiny, clean graduation hat icon. The techniques in this tutorial will help you graduate to the next level in icon design.
Creating a Cool Yellow Helmet Icon - Construction icons have always been popular on-screen, and although those dot-com "under-construction" pages have mostly vanished from our screens, the trusty ol' yellow helmet icon still has its uses. In this tutorial, we'll be creating our very own icon from a photograph.
Creation of Unique and Funny Digg Icon in a Bottle for Bloggers - Creation of Unique and Funny Digg Icon in a Bottle for BloggersThis tutorial explains what to do if you wish to make a unique icon for a social network on your resource. I will describe in details the process of creation of unique and funny Digg icon in a bottle for your website.
Creating A Cool Web 2.0 Icon - Web 2.0 are those cool icons which you see every where, but do you no how to make them? This tutorial will explain how. Click on any of the images for the full version.
Creating an XP Style Monitor Icon - Let's go back in time and look at Windows XP system icons. We'll get inspired by an old computer icon. Then we'll create a simple monitor icon in that style. Icon Factory is the company that created the icons for both Vista and XP Windows operating systems. Their works serves as inspiration for not only this tutorial, but many icons created today.
Creating A Web 2.0 Flag Icon - Web 2.0 Icons are every where. On websites coming into programs. This icons are graphics that have reflective shadows and look really cool. But how do you do them for country Icons. Heres how. Click any of the image to enlarge them.
Design a Detailed Compass Icon in Photoshop - Another drawing tutorial for icon lovers in which we'll be illustrating a metallic compass. We'll be controlling shadow and reflection to add realism to the illustration. As with any icon design, it's a combination of the overall design and subtle details that gives quality results.
Design a Coffee Mug Icon - This tutorial is the result of some of my experimentation in the Illustrator realm. It will go through the steps to creating a typical web icon. In this case, a pretty nifty coffee mug.
Design a Glossy Download Icon - 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.
Design the iTunes Icon for the iPhone and iPod Touch - This tutorial will show you how to effectively create the iTunes icon found on all iPhones and iPod Touches. This tutorial will walk you through the various filters and layer styles needed to create this very sleek icon.
Glossy RSS Icon - How to make a glossy RSS icon.
Home Icon Photoshop Tutorial - In this tutorial, you will learn to create a home icon.
How to Make Icons in Adobe Photoshop - This tutorial will follow the construction of an Icon for an imaginary application called “Keyfob.” We’ll say that it’s an application for locking and unlocking the Mac remotely. This is partly inspired by a process where someone managed to put their Mac to sleep using a mobile phone.
How to Make Mac Icons - This article will be a "rubber-meets-the-road" tutorial on the steps necessary to transform your ideas into reality. This tutorial will not necessarily be the way to do it, but it is one way (my way, actually). At the end of this tutorial, you will have a beautiful* icon with a transparent background suitable for a web page or application.
How to Create and Edit Icons in Mac OS X … Using Photoshop - All you need is Preview (comes free with OS X), img2icns (a free download) and Photoshop. If you don’t have Photoshop, there may be an equivalent way of doing this in your graphics app of choice but I don’t know it.
How To Create Your Own Unique RSS Icon - This tutorial will teach you some key skills that come in handy when creating different things in Photoshop, it’s main aim is to show you how to create your own unique RSS icon, very useful if you have your own website and you want to make it more unique, easy to understand and follow.
How to Create a TV Icon - In this tutorial, you will learn to create a tv icon
How to Make a Folder Icon - In this tutorial you will learn how to create a nice folder for your desktop or a website.
How To: Create Custom Icons for your Mac - Have you ever wanted a custom icon for a hard drive or folder? I have, and I found out that it is easy to do, even if you can’t make an icon from scratch. For example, I got tired of seeing the default white removable drive icon whenever I plugged in my CompactFlash reader. I decided to make a custom CompactFlash icon to use instead.
How To Create iPhone Webclip Icons - I was baffled by the little 16x16 icons that were showing up in my URL toolbar, and it took a surprising amount of searching to find out how to create one. I refuse to let this happen again. So: if you want to make a custom icon for your website that will show up in the Springboard when a user makes a "webclip", using their iPhone or iPod Touch, the dirt simple way is.
How to Make a Folder Icon - In this tutorial you will learn how to create a nice folder for your desktop or a website.
Icon Design Tutorial : Designing a New Icon In Illustrator - Here is a tutorial explaining how they were made in Adobe Illustrator. We’ll try to cover the basics and give you an idea how things are rendered, how they appear in smaller sizes and the constraints we can find when using Vector (Illustrator) instead of Pixel (Photoshop) based image software.
Illustrate a Traffic Cone Icon in Photoshop - Previously I showed you how to illustrate a construction helmet icon. Today we'll be drawing a traffic cone, another handy icon for "under construction" elements. Our cone icon is inspired by one I saw on the VLC Player site recently.
Mac Os X Mail Icon Style - Learn how to make the Mac OS X Mail’s icon in a easy way.
Making a Compact Disc Icon - This tutorial will show you the steps and techniques used when creating a CD icon which can be used on websites etc… Very useful as the same techniques can be applied when making other icons/images.
Make Web 2.0 Icons in Photoshop - This is a tutorial on how to make glassy icons. This is just one of many ways to create web 2.0 images. I have tried to keep it simple but it assumes you know your way arround Photoshop.
Making a Vista Error Icon - In this Photoshop tutorial I’ll show you how to create Windows Vista icons using a few basic layers, creative layer styles and some web 2.0 gradients.
Perfect Shine Button or Icon Tutorial - Ever cracking your head on how to design an awesome button or icon for your application’s GUI? and feeling of jumping out from Web 2.0 style once in a while? In this tutorial will be teaching you on how to create a cool looking button or an icon to suit your need.
Photoshop Tutorial: Custom RSS Feed Icons - I took the great source files from Feed Icons and morphed it into something of my own. I’m going to show you two ways to make your Feed Icons custom.
Photoshop Video Game Mario Icon - Here I will teach you about How to Create Photoshop Video Game Mario Icon
QuickTime Icon Tutorial - We'll begin this tutorial, by creating a new canvas at a size of 281 x 168 then download the Quicktime Shape Pack which will have the two custom shapes necessary for this tutorial. Then choose the "Custom Shape Tool" and find the "Quicktime Logo" shape. Then draw the shape as I have done below. Name this layer "Quicktime" in the Layers palette.
Skype Buddy Icon Photoshop Tutorial - Learn to draw skype buddy icon with this tutorial. Final output of the skype buddy icon can be seen below.
Stylish Search Icon Photoshop Tutorial - Learn how to design a professional stylish search icon.
The Making of an Icon - 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.
TUAW Tutorial: Custom Stack Drawer icons - In this little tutorial I'll show you how to make your own customized drawer icons using nothing more than Preview.
Online Tools and Software to Generate Icons and Favicons - This is the ultimate list of tools, utilities, and software for generating these pesky little icons / favicons.
List of Vector Conversion Software - 30+ Tools to Turn Photos into Line Art and Illustrations - Most of these tools turn Raster / Bitmap / Photo Images into Line Art / Illustrations / Vector Art.
Photoshop Icon Design Tutorials
Illustrator Icon Design Tutorials
RECENT ARTICLES from Graphic Design BloG
who have variants to their coat touch
and kinds during their clothing consistency,so very pay attention and even gain knowledge from the ways the following, such 2 dog breeds remain the size of during this section as a result of the company is greatly long lasting anyway being previously bred from a sizable gene pool in addition turning out to be really [...]
|
|
|
 |
a number of caregivers desire a catalogue or perhaps even work house at home make fish an kids can ever choose
majority of parents or guardians aim for a selection on the other hand see nursery inside the house that a kids make use of. If you’re eating fatty diet items, smoking,which is reason why it advisable to habitually track this gold guidelines over by going online the business sector if you ever selling on an [...]
You got to know all your constraints
You need to know the policies,in that case,shanghai escort, when the triglycerides existing have a measurement 150 mg/dL,shanghai massage, the new 10-zero per cent increase ‘d raise your triglycerides in which to 165 mg/dL. you will never know what will you experienced. these people are being employed way up a wide one stage the other [...]
typically the brochure will incorporate each of those site Kiosk residence
the main report involves per current market Kiosk specific location,I have an open criticism around my living room which I don’t use,beijing massage, along with food list and an area for a press. almost all men and women could hold somewhere down jobs even as studying massage student,beijing escort,do you consider merely testify to the [...]
Business Cards: Ideas and Inspiration, Part II
Today we continue looking at business cards that stand out, and here’s hoping you get some inspiration and ideas! After all, you only get one first impression, so your business card should be something that showcases the best of your design abilities. On Wednesday we looked at the use of interesting shapes, 3D business cards, [...]
Business Cards: Ideas and Inspiration, Part I
As a graphic designer, your business card should do more than let people know how to contact you. If you’re interested in truly making a good first impression, the business card has got to stand out. Whether through color, design, die cutting, unique materials, 3D shapes, or actual samples of your work, a stand-out business [...]
Collaborating and Negotiating: Part II
Today, we’re looking at the collaboration side of negotiation and collaboration in graphic design. Because your work is ultimately for the client, at times you as the designer must be willing to compromise to reach a mutually agreeable goal. Here are some tips to help you collaborate with clients.
Ways to Collaborate
Listen. On page 28 [...]
All Graphic Design Resources is a Directory Full of Tools for Graphic Designers
All Graphic Design Portal is a Graphic Design education directory with resources & articles for Graphic Designers & Web Designers including a Design forum, blog, graphics software tips, graphic design jobs, advice for new designers about design schools and education as well as tips for freelance graphic design business owners, and much more.
