Setelah anda pahami apa itu favicon, maka sekarang bagaimana cara membuat gambarnya? Atau membuat logo yang akan dijadikan sebagai favicon tersebut?
Ada banyak cara. Pertama dengan cara online, yaitu menggunakan layanan gratis dari situs favicon generator. Contohnya bisa anda ikuti pada halaman ini: Cara Membuat Gambar Favicon secara Online. Dan kedua, dengan cara offline, yaitu dengan menggunakan software grafis atau aplikasi pengolah gambar, misalnya dengan menggunakan Macromedia Freehand. Contoh cara kerjanya, bisa anda ikuti beberapa langkah berikut:
Pertama silahkan anda buka dulu program Macromedia Freehand yang sudah terinstall pada perangkat anda. Jika belum, ya cari dulu softwarenya kemudian install. Itu sepenuhnya adalah urusan anda sendiri. Bukan tanggung jawab saya. hahaha.
Beginilah interface Macromedia Freehand saat baru dibuka.
Untuk bisa bekerja dengan Macromedia Freehand, langkah pertama adalah dengan membuat dokumen baru. Caranya klik pada menu File dan pilih New, sehingga terbuka halaman kerja seperti dibawah ini:
Kemudian untuk menggambar, gunakan tool-tool yang sudah tersedia pada panel sebelah kiri. Pada contoh ini, saya akan bagikan bagaimana cara membuat favicon sederhana, dengan meniru logo atau favicon blog ini secara global.
Langkah awalnya buat dulu sebuah bidang bujursangkar. Caranya silahkan klik dulu tool Rectangle seperti gambar diatas.
Kemudian sambil menahan tombol Shift pada keyboard drag (klik tarik) pada area kerja, sehingga membentuk sebuah bidang bujursangkar.
Selanjutnya bagaimana caranya agar setiap sudutnya menjadi tumpul? Maka kliklah pada icon Subselect seperti gambar diatas.
Kemudian drag (klik tarik) salah satu titik ke arah tengah, sehingga setiap sudutnya, menjadi bulat seperti gambar diatas.
Kemudian warnailah bidang bujursangkar diatas. Caranya saat bidang tersebut masih dalam keadaan aktif terseleksi(karena diklik), maka kliklah pada tool fill color seperti gambar diatas, sehingga terbuka palet warna seperti di bawah ini:
Sekarang pilihlah salah satu warna yang anda inginkan, sehingga bidang kosong sebelumnya, menjadi terisi dengan warna yang anda pilih. Contohnya seperti ini:
Selanjutnya tinggal menambahkan huruf atau objek logonya di area bidang orange diatas. Pada contoh ini saya akan menambahkan huruf "b", sebagai inisial dari title blog ini yaitu blogernas. Caranya tinggal klik pada ikon A yang terdapat pada panel Tools sebelah kiri.
Kemudian kliklah pada bidang orange diatas, sehingga muncul kursor untuk mengetik
Pada contoh ini saya ketikan huruf "b"
Untuk memperbesarnya, klik dulu di sembarang area, lalu klik lagi pada huruf b tersebut. Untuk mengeditnya, layangkan pandangan anda ke panel tool sebelah kanan, sehingga tampak beberapa fitur pengaturan seperti dibawah ini:
Untuk mengubah besar huruf, gunakan fitur pada no.1. Untuk memilih jenis font, pilih pada fitur no.2. Sedangkan untuk gaya hurufnya, apakah normal, bold atau miring, gunakan fitur no.3. Pada contoh ini saya menggunakan font Century Gothic, besar huruf 150 pt, dan stylenya Normal atau Plain. Jika semuanya sudah diatur, tinggal mengatur posisi hurufnya dalam bidang.
Untuk mengatur posisi huruf, drag (klik tarik) pada huruf tersebut ke arah tengah, atau ke posisi yang anda inginkan. Jika sudah berada pada posisi yang diinginkan, baru lepaskan kliknya.
Lebih kurang seperti inilah hasilnya. Nanti anda tinggal buat model lain sesuai keinginan anda. Sekarang bagaimana cara menyimpan gambar favicon ini? Tentu saja ekstensi filenya, harus ekstensi file gambar. Dalam hal ini yang paling tepat adalah GIF, agar latar belakang yang tidak ada objek, menjadi transparant. Caranya seperti ini:
Kliklah pada menu File lalu pilih Export.
Selanjutnya tentukan dimana anda ingin menyimpan gambar hasil kerja ini pada windows eksplorer anda. Kemudian pada no.1 berilah nama filenya sesuai keinginan anda, pada contoh ini saya beri nama favicon. Kemudian kliklah segitiga pada no.2. Lalu pilih ekstensi file GIF (*.gif).
Jika sudah, baru klik tombol Save.
Sekarang file gambar dari favicon sudah tersimpan pada komputer atau laptop anda. Selanjutnya tinggal memasang gambar ini ke blog anda. Bagaimana caranya? Mari kita lanjutkan pada: Cara Memasang Favicon Blog pada Blogger.
