How To: Create You Own Favicon using Adobe Photoshop

No Comments
Posted 08 Jan 2007 in How To
Advertisement

Let’s make you blog/website more eyecandy with nicely favicon, what you need to create this? Just use Adobe Photoshop and Plugins that you can grab from here (Telegraphics AUS), this plugins is free and very useful.

First Download the Plugins that extract on Plugins directory on you Adobe Photoshop plugins folder, after that Open Adobe Photoshop and Make New File with this size 48×48px

Picture 01

After that try create you own design ICO Type or Some Logo, after that choses Image > Image Size or (Ctrl+Alt+i) if you on Windows Machine. Then Set size to 16×16px

Favicon 02

Favicon 03

After that you original 48×48 will become 16×16px, and you are ready to export to ICO format, just select File > Safe and on dialog box enter you ICO name and select you Format to ICO that choose save.

Favicon 04

Yes it’s done you are ready have own ICO, than this important step, to put you ICO on you Website/Blog, Open you html/php file that contain header template and find this line

< head>

After that code put this code


< link REL="shortcut icon" HREF="/favicon.ico" TYPE="image/x-icon" />

And don’t forget to Upload you favicon.ico to server on root directory.

That’s all, you are was done build own favicon.ico with easy step, any feedback I really appreciate it.

Popularity: 6%

Share and Enjoy:
  • del.icio.us
  • Facebook
  • Digg
  • Reddit
  • BlinkList
  • NewsVine
  • Print
  • LinkedIn
  • StumbleUpon
  • Sphinn
  • Yahoo! Buzz
  • FriendFeed
  • HelloTxt
  • Google Bookmarks
  • Suggest to Techmeme via Twitter
  • Technorati
  • email
  • PDF

favicon how to create a favicon ico photoshopsupport com

How to create a Favicon in Photoshop. Adobe Photoshop CS5 Extended software helps you create the ultimate images for print, the web, and video.
Source: http://www.photoshopsupport.com/tutorials/jennifer/favicon.html

adobe photoshop tutorials create your own favicon

Adobe Photoshop tutorials / Miscellaneous - Create your own Favicon - Step by step tutorial to create your own favicon. A simple and effective way
Source: http://tutorial-index.com/redirect/11004

creating a favicon using adobe photoshop quot; chette com

Creating a favicon using Adobe Photoshop. A favicon, shortcut for Favorites Icon, adds a Take note that you can use other tools to create favicons.
Source: http://chette.com/v2/2005/09/creating-a-favicon-using-adobe-photoshop/

how to create a favicon for your site jhong medina's qlick

How to create your own favicon for your blog. "Using Adobe Photoshop Plugin ICOFormat-1.6f9 I have been using other tools to create a favicon, but this is much better.
Source: http://www.qlickcafe.com/blogs/qlick-tips-and-tricks/how-to-create-a-favicon-for-your-site/

make a favicon using photoshop cs3 enhance your blog or website

If you have a website or blog of your own, you may have wondered how to make them yourself. available, you can create your own favicons in Photoshop CS3 using a freeware
Source: http://graphic-design-tutorials.suite101.com/article.cfm/make_a_favicon_using_photoshop_cs3

how to create ico with photoshop ehow com

to create and export these icons using the proper plugin. Learn how to install a new plugin, design and export your own ICO files to use as favicon You'll Need: Adobe Photoshop ICO
Source: http://www.ehow.com/how_5105688_create-ico-photoshop.html

favicon how to create a favicon ico photoshopsupport com

How to create a Favicon in Photoshop. You might find something that triggers an idea for your own. Adobe Photoshop CS5 Extended software helps you create the ultimate
Source: http://www.photoshopsupport.com/tutorials/jennifer/favicon.html

how to create your own logo and favicon

Logo and favicon can make our websites or blogs look different and unique. Now you can create your own logo and favicon using MS-Excel, Paint, and Adobe Photoshop CS, plus a
Source: http://www.articlesbase.com/e-learning-articles/how-to-create-your-own-logo-and-favicon-105858.html

how to create a favicon

How to Create a Favicon. Open your graphics software of choice. We recommend Adobe PhotoShop, Jasc Paint Shop Pro or Ulead PhotoImpact. Create a icon image however you wish. Using
Source: http://www.basictips.com/how-to-create-favicon.shtml

make a favicon using photoshop cs3 enhance your blog or website

While there are icon editors available, you can create your own favicons in Photoshop CS3 using a photoshop tutorial; make favicon; adobe photoshop cs3 tutorial; ico format
Source: http://graphic-design-tutorials.suite101.com/article.cfm/make_a_favicon_using_photoshop_cs3


Add Your Comment

We Are DoFollow, it' mean No Follow Free ;)