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
test on prod
test
|
|
|
|
 |
|
Starting a Graphic Design Business: Part II
You’re in the Money
In our last post we identified some of the advisors you’ll need on your team as you start a graphic design business. Lucky for you, the logistical fun doesn’t end there. Armed with your graphic design education and ready to take on your first project, you’ll first need a pricing structure. Design [...]
Starting Your Graphic Design Business: Part I
Learning the Biz
Graphic Design schools will sharpen your artistic talents, but what about your business acumen? If starting a design business appeal to you, however, both sides of your brain need to be functioning. In order to get You, Inc., off the ground, knowing the nuts and bolts of business ownership is just as essential [...]
3D Photoshop Object Projects and Tutorials - Part II
More 3D for Fun and FunctionIn our last article we presented some nifty examples of what you can do with Photoshop in creating your own 3D objects. There are literally thousands of PS objects that you can download from the Internet, but the process of making your own Photoshop 3D items is not only fun [...]
3D Photoshop Object Projects and Tutorials - Part I
Practice Makes Perfect
After a while, it seems that plain old 2D Photoshop images are lacking when it comes to creativity for some of your graphic design projects. Maybe you have thought about doing more 3D work but didn’t know where to start. The following Photoshop tutorials can help you create some nice objects. All that [...]
The Do?s and Don?ts of a Successful Portfolio - Part II
Presentation and Eye Appeal
What would your reaction be if you were served a plate of food at a restaurant that had dust, lint, or smudges on the dish? Now let’s switch this scenario around and put this in the context of a job seeker presenting a portfolio that has dust, lint, and smudges on the [...]
The Do?s and Don?ts of a Successful Portfolio - Part I
The Basics
At long last you’ve landed a job interview at a design firm. You’re excited, nervous, and worried all at the same time. You realize that part of the interview process hinges on presenting a strong portfolio. But where do you begin?
You’ve got lots of examples from projects while going to your graphic design college [...]
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.
Best of Brochure Design
AVATAR DESIGN NEEDED!!!
Emailing potential clients
Inspirational Buisness Cards
What type of music do you listen to when designing?
Envelope Printing???
My art gallery
Pantone/Photoshop question
Beautiful, just great design
