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 MAKE ICONS : TUTORIALS TO CREATE FAVICONS
FAVICON DESIGN TUTORIAL
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.
Creating a Simple web 2.0 Favicon : Tutorial - Inspired with the favicon design of web 2.0 sites like Tech Crunch, Lifehacker, Technorati, etc? Well follow this simple tutorial for creating web 2.0 fav icon using Photoshop. All you need is just Adobe Photoshop software installed.
Creating favicons with Adobe Photoshop and GoLive - Do you want to learn how to create custom web site icons like the ones above? Due to recent developments in the web browser market, more and more web designers want to create these custom favorites icons called "favicons." Adobe GoLive and Photoshop make it easy to create and manage these custom icons that are used in the address bar and bookmarks of many new web browsers.
![]() |
![]() |
![]() |
||
![]() |
![]() |
![]() |
||
Creating a Favicon with Adobe Photoshop - In this tutorial I will teach you how to create a favicon for your site. A favicon is a little icon that appears in the address bar of your internet browser on the left-hand side. Our site has one, if you're unsure what they are, just look at the top of your browser right now, and look the the left of the text in the address bar. See it? That's a favicon.
Create Your Own Favicon for URL Bar and Bookmarks (Photoshop) - A favicon is that little image you can see in your url section just before the site address. Don't be anonymous! Give your site a full personality. Most browsers save your favicon when your visitors bookmark your site and this is a good wey to catch your visitors'attention, when they do to browse their bookmarks your site will be different from the mass! Now I'll show you how our favicon got life.
Daily Blog Tips : How toCreate a Favicon - favicon.gifA favicon (short for “favorite icon”) is that small icon displayed on the browser URL bar, on the bookmark lists and, for certain browsers, on the navigation tabs. While a favicon will not drastically change your traffic it will certainly improve the look of your blog, adding a unique icon and making sure that readers are able to individuate your site inside bookmark lists easily. Below you will find a step by step guide to create a favicon.
Favicons : Demystified - One of the few things you only come across once in a while is creating a favicon. It only needs to be done once, doesn’t need any ongoing maintenance or debugging. Do it once, done. That’s the reason, at least in my case, that every time I get to the task “Create a favicon for the page”, I try to remember how exactly they need to be created and what to pay attention to. So this is another “remember for next time” article.
Favicon Tutorial : ClickFire - A favicon should be 16 X 16 pixels with 16 colors and the file name should be favicon.ico. IconEdit32 is a good freeware program that allows you to create favicons as well as icons of other sizes and color depths.
Favicon Tutorial : Learn How to Make a Basic Favicon Button - A detail tutorial for creating favicons in Adobe Photoshop
How to Create a Favicon.ico for Your Web Site - This brief tutorial will show you how to create a unique favicon.ico
How to Create Favicon.ico file - I am going to present several ways in witch one can create favicons.
How to Create a Favicon : Basic Tips - A very basic tutorial for Favicon creation.
How To Make a Favicon : GraphicsAcademy - A Favicon is a small graphic used to represent a particular web site. It can be displayed by various browsers (including Internet Explorer 5 and above) when navigating or bookmarking that web site. In this tutorial, I'll show you how to create a FAVICON for your web site.
How to Create a Favicon.ico with GIMP - You want to create an icon for your website (which is displayed in the browser's location bar). You already know, that you have to place a file called favicon.ico in your web server's document root directory. But how can you create one?
How To Create A Favicon - So what’s the trick to creating lightweight multi-size favicons? I used to use the online java tool the folks at favicon.com offered, but now they seem more concerned with making money than providing free tools. More recently I’ve used Icon Forge which I can easily say is one of the most awful programs I have ever used in my life. Truly horrid. I wouldn’t recommend anyone do that, so here’s the process I came up with. (Any excuse to use a nested list.)
How to Create Animated Favicons - I’m sure you’ve seen plenty of favicons while browsing the internet as they are becoming more and more common. However, have you ever seen an animated favicon? That is to say, have you ever seen one that shows a moving image? It’s actually quite easy to do!
How to create a Favicon with IconArt - In order to make your own icon, you need a special program that can save images with the .ico extension. Until recently I used to use a freeware called IconArt to create favicons.
How to Make a Favicon - Have you ever noticed those little icons in the address bar of your web browser? They also appear next to your bookmarks, and sometimes next to the items in your RSS feeds. These favicons - or "favorites icons" - are more fun to look at than they are functional, but almost every website has one these days.
How to Create Custom Favicons - Favicons often go unnoticed by webmasters, but I like to think they’re an important part of any website, because they can be the symbol of your website and can leave a message to your audience about what they can expect from your business or blog. Favicons are just the small icons that appear in your browser’s address bar, just to the left of the web address itself.
How To Create And Install A favicon.ico - Learn how to create and install a favicon.ico
Mysteries Of The Favicon.ico : How To Create A Favicon In Photoshop - A Favicon is a little custom icon that appears next to a website's URL in the address bar of a web browser. They also show up in your bookmarked sites, on the tabs in tabbed browsers, and as the icon for Internet shortcuts on your desktop or other folders in Windows. And when I say little, I mean 16 pixels by 16 pixels. So if you like a good design challenge try your hand at this one.
The Making of a Favicon in Adobe Photoshop - There are numerous sites such as flavicon that can help you build these graphics, however I prefer to do it all through Photoshop, here’s how…
Tutorial: Make a Favicon - This is how you create a favicon for your site. Let's begin shall we?
WikiHow : How to Create a Favicon.ico - When you visit a website like Google or Yahoo, you might notice their personal icon in the far left of the address bar. This is called a Favicon, and you can create your own for your personal webpage. Following these steps will further personalize your website, as well as give it a more professional feel. (This wiki assumes the user has a Windows computer.)
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.