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

Warning: /home/dx/public_html/blog/wp-content/cache/1b024432566075617b30550625767aa4.spc is not writeable in /home/dx/public_html/blog/engine/wp-content/plugins/simplepie-core/simplepie.inc on line 1769

Warning: /home/dx/public_html/blog/wp-content/cache/3dd0760428a8935c5a8e1816727f3039.spc is not writeable in /home/dx/public_html/blog/engine/wp-content/plugins/simplepie-core/simplepie.inc on line 1769

favicon how to create a favicon ico photoshopsupport com

Mysteries Of The Favicon.ico — How To Create A Favicon In Photoshop This Photoshop tutorial offers tips on how to improve blog templates by adding your own design elements.
Source: http://www.photoshopsupport.com/tutorials/jennifer/favicon.html

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

Adobe Photoshop icon file format I have been using other tools to create a favicon, but this is much better. Thanks for taking the time to preach your knowledge on this.
Source: http://www.qlickcafe.com/blogs/qlick-tips-and-tricks/how-to-create-a-favicon-for-your-site/

how to create favicon ico files using adobe photoshop

Create ICO files favicon using adobe photoshop which does not support ico files by default. Use plugin for ico files to get the option on photoshop
Source: http://www.clickonf5.org/tutorial/how-to-create-favicon-ico-photoshop/5586

how to create a favicon for your website cre8ive commando

Have you ever seen some websites display a small icon next to the website address (URL) in the browser window? This little icon is called a favicon and in a few
Source: http://www.cre8ivecommando.com/how-to-create-a-favicon-for-your-website-54/

how to create motion effect with adobe photoshop indodx

I make this guide to help each other on Play around with Adobe Photoshop, As I know, Adobe Photoshop is one of powerful application to design image, manipulate
Source: http://blog.indodx.com/archives/create-motion-effect-with-adobe-photoshop.jsp

creating a favicon using adobe photoshop « chette com

Using your favorite graphics program (such as Adobe Photoshop or Macromedia Fireworks), create a new canvas. It is recommended that you use a favicon using Adobe Photoshop”
Source: http://chette.com/v2/2005/09/creating-a-favicon-using-adobe-photoshop/

creating favicons with adobe photoshop and adobe golive

Adobe GoLive and Photoshop make it easy to create and manage these custom HTML source code to the favicon.ico file. You tedious that I recommend using Edit>Find instead. If you
Source: http://www.amenco.com/golivein24/tips/favicon/

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

favicon how to create a favicon ico

How to create a Favicon in Photoshop. You might find something that triggers an idea for your own. That's it. Enjoy your Favicons! from the Adobe Photoshop CS3
Source: http://www.photoshopsupport.com/tutorials/jennifer/favicon.html

ico windows icon file format plugin for photoshop

Adobe\Photoshop CS\Plug-Ins\File Formats. If you are running on a 64-bit Windows system and are using The Favicon.ico - How To Create A Favicon In Photoshop; Creating Your Own
Source: http://www.telegraphics.com.au/svn/icoformat/trunk/dist/README.html


Add Your Comment

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