How to create your icon or favicon with Photoshop

How to create your icon or favicon with Photoshop

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.

dongkrak
BOC Banner

7 Comments

  • Abay says:
    December 8, 2016 at 1:46 am

    wah gambarnya blank semua gan

  • Masjid Kita says:
    December 4, 2010 at 1:23 am

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

  • feekyu says:
    October 20, 2010 at 7:10 am

    enak nih kalo buat icon terus dijual ke orang lain

Leave A Response

Promo Hosting

Promo 3 Tahunan Web Hosting

Mendapatkan 3 tahun kontrak web hosting hanya dengan bayar harga setahun, gratis domain name hingga beri cashback ke pelanggan. Stock sangat terbatas dan bilamana tercukupi maka promo akan kami akhiri. Segera klaim paket web hosting 3 tahunan nya di halaman Promo Hosting 3Tahunan.

Web Hosting Cpanel
Web Hosting LiteSpeed
Web Hosting CloudLinux
Web Hosting PHP
Web Hosting Linux