PERUSAHAAN WEB HOSTING MURAH, DOMAIN NAME DAN WEB DEVELOPMENT INDONESIA

How to create your icon or favicon with Photoshop

Posted on Thursday, December 13th, 2007

How to create your icon or favicon with Photoshop

icon.png“Ih kerennya itu icon, gimana cara bikinnya yak?”
That’s what I’m thinking when I saw a cool killer icon.
Well, here it is…

1. Create new canvas dengan ukuran 128 x 128 px dengan background putih (or choose any your fave color)

ico1.gif

2. Start drawing anything cool graphic

ico2.gif

4. Resize Image (Image > Image Size > ketik 16 untuk Height dan Weight, dan pixels untuk unit-nya), lalu OK. Ukuran image akan mengecil sebesar 16 x 16 pixel.

ico3.gif

3. Done! Is it? But I need .ICO for it’s extension. Otherwise I couldn’t find this extenstion when I want to “save as”, theres no such extension on the list. Hell yea, this is the secret. You need a plugin installed on your Photoshop, a plugin to export a graphic into .ICO formatted. Come and get it!

4. Once you installed the plugin, you will see .ICO (Windows Icon) (*.ICO) on the list when you click Save As button. Choose it then give “favicon” as filename or whatever you want.

ico4.gif

5. Now it’s done. Be proud of what you’ve created! ;)

Baca juga Cara Pasang Favicon dalam website Anda.

This entry was posted on Thursday, December 13th, 2007 at 11:36 pm and is filed under Tutorial. You can follow any responses to this entry through the RSS 2.0 feed.
  • http://www.baliorange.web.id/cara-pasang-favicon-untuk-website-anda/ Cara Pasang Favicon untuk Website Anda | Blog Indonesia Bali Web Hosting, Web Design, and Domain Name Company

    [...] Anda bisa buat melalui photoshop atau pergunakan jasa website lain. Untuk buat sendiri, baca cara buat favicon dengan photoshop. Untuk menciptakan icon favicon melalui website lain, contoh menggunakan website : [...]

  • http://www.baliorange.web.id/cara-merubah-favicon-pada-blogspot-anda/ Cara merubah Favicon pada Blogspot Anda | Blog Indonesia Bali Web Hosting, Web Design, and Domain Name Company

    [...] inginkan. Favicon bisa dibuat sendiri menggunakan program digital imaging seperti Adobe Photoshop. Cara membuat favicon adalah dengan menyediakan gambar icon kesukaan berukuran 32X32 pixels dengan format file GIF atau [...]

  • http://mahfud.web.id/cara-pasang-favicon-untuk-website-anda/ mahfud.web.id » Cara Pasang Favicon untuk Website Anda

    [...] Anda bisa buat melalui photoshop atau pergunakan jasa website lain. Untuk buat sendiri, baca cara buat favicon dengan photoshop. Untuk menciptakan icon favicon melalui website lain, contoh menggunakan website : [...]

  • http://www.thetradersjourney.com feekyu

    enak nih kalo buat icon terus dijual ke orang lain

  • http://infomasjidkita.com Masjid Kita

    saya mencoba ini tapi sepertinya gagal, salahnya di mana mas yah???

  • http://intech.web.id/cara-pasang-favicon-untuk-website/ Cara Pasang Favicon untuk Website | intech.web.id

    [...] Anda bisa buat melalui photoshop atau pergunakan jasa website lain. Untuk buat sendiri, baca cara buat favicon dengan photoshop. Untuk menciptakan icon favicon melalui website lain, contoh menggunakan website : [...]

Diskon Hosting Indonesia
BOC support
BOC on Twitter

www.flickr.com
bali-orange's items Go to bali-orange's photostream
BaliBlogger
World Silent Day



eXTReMe Tracker