GRAPHIC DESIGNERS FROM OUR DESIGN COMMUNITY
Print Design Templates Take a look at these creative Graphic Design templates for brochures, flyers, newsletters, stationery, postcards, ads, menus and posters for a variety of businesses.
Invoicing 4 Freelancers A complete, secure, online billing application that maintains hourly service billing, flat fee billing and recurring charges. Integration with Authorize.Net and other leading payment gateways provides hands-free recurring billing with a sophisticated CRM system.
Free Design Magazines Browse through our extensive list of free Graphic Design, Web Design, Business, Computer, and Computer Graphics magazines, white papers, downloads and podcasts to find the titles that best match your skills and interests; topics include management, marketing, operations, sales, and technology. Simply complete the application form and submit it. All are absolutely free to freelance professionals who qualify.
Suggested Links Design Community
Photoshop Tutorials
Graphic Design Resources
Vandelay Design Blog
Design Reviver
Web Design & Graphic Design Blog
Logo Designer's Logos
Web Design Tools List
Layouts & Templates Directory
Graphic Designers
Creative Public
The Print Guide
Creative Track
Digital Dreamer
Logomarket
Desktop Publishing
Blue Sfear
Web Design Templates
Design Directory
Web Designers & Developers
Crafts for Kids
Webmaster Tutorials
Web Designers
Web Design Portfolios
All Work at Home Ideas
How to Draw
Work From Home Job Search
More Graphic Design Links
OTHER SITES WE OWN
AllFreelance
All Freelance Work & Portfolios
Graphic Design Community
Best of Graphic Design
Web Design Tools & Resources
 |
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
Graphic Design, Book Covers, and You - Part II
Reading a Book by Its Cover
The chance to produce art for a book cover is rare, bug the essential thought processes and creative steps are very similar, if not identical, in the inventive process. In this series we actually try to read a book by its cover--to see if the design concept is successful or [...]
|
|
|
|
 |
|
Graphic Design, Book Covers, and You - Part I
Inspiration from the Covers of Books
In the next few posts, we'll look at some book covers and learn a few things about design. We'll find that design sometimes has to follow form. And in these examples, they follow the form of the content.
The creative processes used to design a book cover are relatively the same [...]
Freelancing 101: The Typical Life
Freelancing 101: The typical life.
Plus tips and advise from a professional.
By Elle Phillips
According to the US Bureau of Labor Statistics, about twenty-five percent of all Graphic Designers (or Graphic Artists) do freelance work, full-time or part-time. Many more have aspirations of doing freelance because of the money, creativity, and the appeal of working from home. [...]
When Design Becomes Literal
As a graphic artist, you face the challenge of creating designs that are unique, and interesting. Some designers, as you will see, have taken the idea of design to a very literal form.
The following examples are fun to look at and admire, but also serve as inspiration to think "inside the box" by approaching design [...]
Logos: What Makes a Good Design? - Part III
And Now the Good Stuff
In our last few articles about logo design we've seen some logos that didn't quite work because of design flaws, problems with concept or lack of visual appeal.
This time we'll look at some of the most famous logos in the world, and some that aren't so famous to see why they [...]
Logos: What Makes a Good Design? - Part II
The Logo Journey Continues
In our last article, we examined several logo designs that were, by most conventional standards, unsuccessful. Your art education is a continuing process and understanding the basics of graphic design can help you to be more effective in creativity and to avoid mistakes.
In Part 2 of this series, we'll take a look [...]
Logos: What Makes a Good Design? - Part I
Logo Design Isn't Always Easy
Designing a logo can sometimes be mystifying, but that doesn't mean it can't be done. At times a logo design just works, even though it may seem rather unremarkable. Other designs should work but they don't.
When Things Go Terribly Wrong
The examples in this article demonstrate what can happen when attention to [...]
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.
