CARI CARA MEMBUAT ICON FAVICON DENGAN PHOTOSHOP UNTUK BLOG DAN WEBSITE - Yang tepat

Image source: http://www.dumetschool.com/images/fck/6-24-2014%206-06-38%20PMm.png

Cara membuat icon / favicon bisa kita lakukan dengan program Adobe Photosop. Icon ini nantinya bisa digunakan untuk memberi ikon / logo kepada website / blog yang kita miliki, selain itu icon icon yang dibuat juga bisa dipergunakan untuk icon shortcut suatu progam, logo perusahaan, dan sebagainya. Sebagai contoh, bila anda mempunyai blog kepada blogger maka favicon default blogger (logo b putih dengan tepi persegi berwarna kuning) lah yang akan otomatis terpasang kepada icon blog anda. Begitu juga bila anda memiliki blog / website wordpress maka logo wordpress lah yang secara default terpasang.
Sebenarnya ada beberapa cara mengolah icon / favicon selain dengan menggunakan Photoshop / program program foto editor sejenis. Salah satunya dengan menggunakan online icon generator atau membuat favorites icon secara online di Internet. Namun umumnya cara ini tidak terlalu disukai sebab kita mau tidak mau harus menggunakan template yang disediakan. Jadi untuk mengatasi hal ini, lebih baik membuat sendiri dengan Photoshop. Membuat icon sendiri dengan Photoshop dirasa bisa menjadi solusi yang tepat sebab kita akan menentukan sendiri pola, tema, dan rona yang dikendaki.

Ukuran Icon / Favicon yang biasa digunakan adalah gambar berformat png (clipart) dengan bentuk bujur sangkar bersisi sama panjang seperti 50 x 50 , 100 x 100, dll. Sebagai contoh saya akan membuat icon untuk blog ini berbagiinfo4u.blogspot.com dan hanya menggunakan huruf b saja sebagai faviconnya.

MEMBUAT ICON / FAVICON DENGAN PHOTOSHOP

1. Buka program Adobe Photoshop kemudian klik FILE - lalu NEW
2. Tentukan ukuran tinggi (height) dan lebar (width), pastikan juga Transparent sebagai mode Background Content. Klik OK andai kata sudah terselesaikan.

3. Klik RECTANGLE TOOL untuk membuat Background Iconnya.

4. Masukkan RECTANGLE TOOL kedalam CANVAS yang tersedia.

lima. Untuk merubah rona klik COLOR, dan pilih rona yang dikehendaki. Anda bisa memodifikasi sendiri rona, pola, dan bentuk backgroud yang dikehendaki.

6. Selanjutnya adalah menambahkan Teks. Klik menu HORIZONTAL TYPE TOOL dan buatlah teks diatas backgroud yang telah dibuat tadi. Anda juga bisa menentukan jenis font yang digunakan, ukuran, serta rona teks.

7. Seperti ini lah contoh bentuk teks iconnya.

8. Opsional : Jika ingin lebih menarik, anda bisa menambahkan style kepada setiap layer yang dibuat. Caranya klik Layer, kemudian pilih elemen mana yang ingin dirubah stylenya. Contohnya teks, double click kepada T dan pilih gaya yang tersedia, lalu klik OK.

9. Jika sudah terselesaikan kemudian simpan (SAVE AS) dan pilih format PNG lalu SAVE.

MEMBUAT ICON / FAVICON DENGAN FOTO / GAMBAR

Selain dengan menggunakan logo, kita juga bisa membuat icon / favicon kepada blog dan website dengan menggunakan animasi yang berformat gif, foto maupun gambar dengan kondisi gambar / foto yang ingin dijadikan ikon berbentuk persegi dengan ukuran yang sama kepada tiap sisinya. Bila Anda ingin membuat icon menggunakan foto namun foto belum berukuran kecil / persegi. Anda bisa merubah ukuran foto tersebut. Caranya bisa dilihat kepada artikel : Cara mengecilkan ukuran foto / gambar.
Demikianlah cara mengolah icon / favicon dengan Photoshop paling simpel. Selain dengan teks, kita juga membuat icon dengan ikon ikon gambar seperti apple, logo android, logo hewan dan logo logo lain. Anda bisa berkreasi sendiri sebab mungkin Anda lebih mahir :) . Sebagai penutup, dibawah ini adalah contoh contoh bentuk icon sederhana yang dibuat menggunakan Adobe Photoshop.

Advertisement