Membuat Favicon Atau File ICO Dengan Photoshop CS2

January 3, 2009 by N.E.S  
Filed under Photoshop, Photoshop Plugins

Pada kesempatan kali ini saya ingin memberikan tip tentang cara membuat Favicon atau ICO file menggunakan Adobe Photoshop CS2, sebenarnya banyak cara untuk membuat Favicon ataupun ICO yang sudah bertebaran di internet dan anda tinggal cari menggunakan Google dengan kata kunci Favicon Creator, Favicon Generator, ICO Converter, atau yang lainnya, dengan cepat Google akan menampilkan banyak situs yang menyediakan layanan pembuatan Favicon atau ICO Converter bahkan banyak yang gratisan, tapi untuk yang gratisan cara pembuatannya secara online, dan kalau mau punya software Favicon sepertinya tidak gratis alias berbayar, tapi ada juga software pembuat favicon gratisan namun tidak maksimal alias banyak kekurangan dari segi fitur.

Nah buat yang belum tau apasih Favicon atau ICO itu..?? favicon atau ICO hampir sama dengan file gambar pada umumnya, Cuma file favicon lebih di khususkan untuk beberapa keperluan tertentu, sebagai contoh logo aplikasi sebuah software atau logo untuk sebuah installer, seperti yang sering anda lihat beberapa software ternama pasti installernya memiliki logo tersendiri sebagai branding dari perusahaan tersebut, dan file ICO juga sering digunakan untuk beberapa icon pada computer yang kita pake sekarang, dimana banyak logo-logo mini bertebaran baik itu folder atau shortcut pada desktop, semuanya berekstensi ICO.

Dan file favicon atau ICO juga sering digunakan untuk logo sebuah website dimana favicon atau ICO ini akan tampil pada pada bagian sebelah kiri address bar browser anda, yah disamping website bisa tampil lebih keren dan tentunya berbeda dengan yang lain yang sekaligus juga sebagai branding dari sebuah website itu sendiri.

Nah berikut contoh favicon atau ICO :


Dan sekarang saya akan sedikit membagikan tip tentang cara pembuatan favicon menggunakan Adobe Photoshop CS2 ( sebenarnya tidak hanya untuk CS2 saja tapi berlaku juga untuk versi Photoshop 7.0 ) dan yang pasti semuanya gratis.
Nah sekarang yang anda perlukan untuk bisa membuat favicon atau file ber ekstensi ICO ini adalah sebuah plugins photoshop dan anda bisa mendownloadnya disini, setelah anda download extract dan letakkan file ICOFormat ke Local Disk (C ) – Program Files – Adobe – Adobe Photoshop CS2 – Plug-Ins – File Formats. Setelah selesai coba sekarang buka Photoshop anda dan cobalah berkreasi membuat gambar atau logo anda sendiri dengan ukuran standard file untuk icon.
Caranya buka Photoshop anda lanjutkan dengan File – New – lalu pada jendela pengaturan buatlah file berukuran 48 x 48 pixel dengan resolusi 300 pixel seperti pada gambar dibawah ini :

Sekarang buatlah gambar atau logo sesuai selera anda, setelah semuanya selesai dan sudah siap untuk disimpan sebagai Favicon atau ICO, maka simpanlah karya anda ke ekstensi ICO dengan cara File – Save As. Ke ICO ( Windows Icon ) maka semua proses pembuatan Favicon ataupun file ICO sudah selesai, selamat mencoba dan semoga bermanfaat.

Comments

14 Responses to “Membuat Favicon Atau File ICO Dengan Photoshop CS2”
  1. iwan says:

    Mas Shetiawan, kenapa favicon saya tidak muncul d IE?
    terima kasih

  2. N.E.S says:

    @ Iwan

    Untuk browser IE 6 ke bawah favicon memang enggak muncul,tapi kalau pake IE versi 7 keatas faviconnya pasti muncul.

  3. jambrong says:

    om, saya udah coba.tapi file gambar yg saya bikin ko ga bisa di save ke *.ico ya?
    malah keluar dialog “could not save because file can not be found”.

  4. N.E.S says:

    @ Jambrong

    Sudah download pluginnya belum? setelah download install atau pasang dulu pluginnya dan kalau memang photoshopnya sedang terbuka pastikan tutup dulu lalu buka kembali setelah pluginsnya terpasang.

  5. aan says:

    waaahhh siiipp niiii blog nyaaaa heheheh

    q temanx ya david itu looooh mazzzz

    q bleh kn copy postingnya di blog q soalnya baguss bangett

    hehehhe

  6. Hi, interesting post. I have been wondering about this issue,so thanks for posting. I’ll certainly be coming back to your posts.

  7. Dell says:

    mas aku blh minta pluginya??? aku pake PS3 .. plis dunk mas .. mail me..

  8. yan says:

    thx 4 infonya *hilorius* ternyata pake cs3 juga bisa makasih bro

  9. febri says:

    thanks,s nih tips,mau dicoba nih.

  10. ulpan says:

    mas, bisa ngak kalau itu di pakai di Photospop CS4, truz, kalau ngak bisa, ada ngak plug-ins yang untuk CS4 Y???

  11. N.E.S says:

    Untuk CS4 jujur saya sendiri belum coba, mungkin anda bisa mencobanya dulu kan tidak ada salahnya mencoba, jika enggak kompatible tinggal copot aja mas.

  12. Bali Blogger says:

    susah ya mas buat file ico nya? soalnya saya lihat ukurannya kecil banget

  13. Bamboong_Elite says:

    keren mas ulasannya,..makasih banyak ya,sangat² bermanfaat infonya….

  14. iRvan says:

    Di seven ga jalan mas ???

Speak Your Mind

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!