Selain dengan Macromedia FreeHand, CorelDraw, Adobe Photoshop, anda juga bisa menggambar favicon blog dengan menggunakan Adobe Illustrator. Prinsip dasarnya sama. Perbedaannya hanya pada tampilan fitur dan interface aplikasinya. Pada contoh ini saya saya akan sajikan bagaimana cara membuat gambar favicon blog ini sebagai contoh. Nanti anda bisa gunakan langkah-langkahnya sebagai pedoman untuk menggambar favicon untuk blog anda sendiri. Berikut cara melakukannya.
Pertama silahkan buka aplikasi Adobe Illustrator yang sudah terinstall pada komputer atau laptop anda (jika belumm ada, silahkan diinstallkan terlebih dulu). Pada contoh ini saya menggunakan Adobe Illustrator CS6.
Inilah interface Adobe Illustrator saat pertama dibuka.
Untuk memulai menggunakannya, maka buatlah file baru dengan mengklik menu File kemudian pilih New, sehingga terbuka jendela pengaturan dokumen seperti dibawah ini.
Sekarang anda bisa tiru pengaturan yang saya contohkan pada gambar diatas dari no.1 sampai no.3. Jika sudah langsung saja klik tombol OK.
Sekarang filenya sudah terbuka dan tampak area kerjanya sudah tersedia. Selanjutnya anda bisa langsung membuat gambar favicon. Karena pada contoh ini saya akan menggambar logo blogernas (sebagai faviconnya), maka yang akan dibuat pertama kali adalah, bidang bujursangkar dengan warna orange. Maka cara melakukannya adalah seperti ini.
Untuk membuat bujursangkar, yang setiap sudutnya melengkung, maka gunakan fitur Rounded Rectangel Tool seperti gambar diatas. Caranya klik tahan dulu pada tool Rectangle sehingga terbuka beberapa pilihan tool pembuat bidang seperti gambar diatas. Setelah itu baru dipilih Rounded Rectangle Tool.
Bukti bahwa fiturnya sudah aktif, saat kursor berada pada area kerja, maka kursornya berubah menjadi seperti gambar diatas. Jika sudah berarti anda sudah bisa membuat kotak bujursangkarnya.
Sambil menekan tombol Sfhit, klik tariklah (drag) kursor dari pojok kiri atas area kerja sampai ke pojok kanan bawah. Setelah bidangnya terbentuk sesuai harapan, baru lepaskan kliknya.
Nah inilah tampilan bidang yang terbuat. Untuk mengatur tampilannya, maka gunakan fitur terkait yang letaknya pada bagian atas dari layar kerja.
No.1 adalah untuk mengatur warna isi bidangnya. Sedang no.2 adalah untuk mengatur warna garis pinggirnya. Pada contoh ini saya menggunakan warna orange untuk isi bidangnya, sedang garis pnggirnya,, tidak ada atau tanpa garis pinggir.
Nah inilah tampilannya dari hasil pengaturan saya diatas. Sekarang tinggal dilanjutkan dengan membuat huruf logonya yang nanti akan ditempatkan diatas bidang tersebut.
Untuk membuat huruf, gunakan fitur Type Tool seperti gambar diatas
Bukti fitur ini sudah aktif, saat kursor berada di area kerja, bentuknya akan berubah seperti gambar diatas.
Sekarang kliklah diatas bidang yang sudah anda buat sebelum mengetik hurufnya. Setelah itu, baru ketik sebuah huruf yang menjadi inisial dari logo blog anda. Pada contoh ini saya mengetik huruf b.
Karena hurufnya masih standar baik ukuran maupun warnanya, maka sekarang lakukanklah pengeditan.
Caranya kembalikan dulu kursornya ke posisi awal seperti gambar diatas. Kemudian jangan lupa aktifkan objek hurufnya dengan cara mengkliknya.
Selanjutnya lihat pada bagian atas halaman kerja, tepatnya dibawah menu bar. Akan tampak fitur untuk mengatur warna batang huruf dan garis pinggirnya. Pada contoh ini saya memilih warna batang hurufnya dengan warna putih (lihat no.1). Sedang disebelah kanannya, untuk mengatur warna pinggirnya. Pada contoh ini saya justru menghilangkan garis pinggirnya.
Selanjutnya masih pada baris fitur yang sama, lihat ke sebelah kanan. Akan tampak fitur tambahan untuk mengatur huruf tersebut. No.1 adalah untuk memilih jenis font yang ingin digunakan. No.2 adalah untuk memilih font stylenya. Dan pada no.3 adalah fitur untuk mengatur ukuran hurufnya. Silahkan ketiganya anda utak-atik sesuai kebutuhan anda. Sebagai contoh, dengan pengaturan saya diatas, beginilah hasilnya:
Tampak jens Font huruf b diatas sudah berubah. Kemudian warna batangnya sudah putih, dan tanpa garis pinggir atau stroke. Tapi sayang posisinya belum di tengah bidang warna orange.
Untuk menggeser posisi huruf tersebut, klik tariklah (drag) ke lokasi yang anda inginkan. Setelah posisinya sesuai keinginan anda, baru lepaskan kliknya. Contohnya seperti gambar dibawah ini.
Nah sampai disini, berarti selesai sudah sebuah gambar favicon sederhana. Selanjutnya anda tinggal simpan filenya. Caranya?
Sekarang kliklah menu File seperti diatas. Lalu karena gambar ini akan ditayang pada halaman web, maka pilihlah menu Save for Web. sehingga terbuka jendela pengaturan seperti dibawah ini.
Silahkan anda periksa semua pengaturan yang ada apakah masih sesuai dengan pengaturan anda semula saat membuat halaman dokumen. Jika sudah cocok, baru klik tombol Save.
Sekarang tentukan dimana anda ingin menyimpannya. Pada no.1 tulisalah nama yang ingin berikan untuk file ini. Kemudian lanjutkan dengan mengklik tombol Save (lihat no.2).
Nah sebagai contoh, inilah hasilnya yang sudah tersimpan pada laptop saya.
Lalu apalagi selanjutnya?
Anda sudah bisa memasangnya pada blog anda. Caranya bisa anda ikuti pada: Cara Memasang Favicon Blog
