CARA MEMBUAT ICON / FAVICON DENGAN PHOTOSHOP UNTUK BLOG DAN WEBSITE

Cara membuat icon / favicon mampu kita lakukan dengan aktivitas Adobe Photosop. Icon ini nantinya mampu digunakan untuk memberi ikon / logo pada website / blog yang kita miliki, selain itu icon icon yang dibuat juga mampu dipergunakan untuk icon shortcut suatu progam, logo perusahaan, dan sebagainya. Sebagai contoh, bila anda mempunyai blog pada blogger maka favicon default blogger (logo b putih dengan tepi persegi berwarna kuning) lah yang akan otomatis terpasang pada icon blog anda. Begitu juga bila anda memiliki blog / website wordpress maka logo wordpress lah yang secara default terpasang.

Sebenarnya ada beberapa cara membuat icon / favicon selain dengan menggunakan Photoshop / aktivitas program foto editor sejenis. Salah satunya dengan menggunakan online icon generator atau membuat favorites icon secara online di Internet. Namun biasanya cara ini tidak terlalu disukai sebab kita mau tidak mau harus menggunakan template yang disediakan. Makara untuk mengatasi hal ini, lebih baik membuat sendiri dengan Photoshop. Membuat icon sendiri dengan Photoshop dirasa mampu menjadi solusi yang sempurna sebab kita akan menentukan sendiri pola, tema, dan warna yang dikendaki.

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

MEMBUAT ICON / FAVICON DENGAN PHOTOSHOP

1. Buka aktivitas Adobe Photoshop kemudian klik FILE - lalu NEW

2. Tentukan ukuran tinggi (height) dan lebar (width), pastikan juga Transparent sebagai mode Background Content. Klik OK bila sudah selesai.

3. Klik RECTANGLE TOOL untuk membuat Background Iconnya.

4. Masukkan RECTANGLE TOOL kedalam CANVAS yang tersedia.

5. Untuk merubah warna klik COLOR, dan pilih warna yang dikehendaki. Anda mampu memodifikasi sendiri warna, pola, dan bentuk backgroud yang dikehendaki.

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

7. Seperti ini lah pola bentuk teks iconnya.

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

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

MEMBUAT ICON / FAVICON DENGAN FOTO / GAMBAR

Selain dengan menggunakan logo, kita juga mampu membuat icon / favicon pada blog dan website dengan menggunakan animasi yang berformat gif, foto maupun gambar dengan syarat gambar / foto yang ingin dijadikan ikon berbentuk persegi dengan ukuran yang sama pada tiap sisinya. Bila Anda ingin membuat icon menggunakan foto namun foto belum berukuran kecil / persegi. Anda mampu merubah ukuran foto tersebut. Caranya mampu dilihat pada artikel : Cara mengecilkan ukuran foto / gambar.

Demikianlah cara membuat icon / favicon dengan Photoshop paling mudah. Selain dengan teks, kita juga membuat icon dengan ikon ikon gambar menyerupai apple, logo android, logo hewan dan logo logo lain. Anda mampu berkreasi sendiri sebab mungkin Anda lebih ahli :) . Sebagai penutup, dibawah ini yaitu pola contoh bentuk icon sederhana yang dibuat menggunakan Adobe Photoshop.