How to create your icon or favicon with Photoshop

Writing by Viar MS on Thursday, 13 of December , 2007 at 11:36 pm

Share on Facebook

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.

Comments (3)

Category: Tutorial



Sign up for PayPal and start accepting credit card payments instantly.
3 Comments

[...] 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 : [...]

[...] 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 [...]

Pingback by mahfud.web.id » Cara Pasang Favicon untuk Website Anda

Made Monday, 31 of May , 2010 at 12:35 am

[...] 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 : [...]

Leave a comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Bali Orange Communications (BOC)

Berdiri diatas tapak-tapak digital imajiner dari tukang gambar, ukir, hitung, tulis, tagih, & 'jagal', yang tersenyum ketika hasil karyanya bermanfaat.