-->

Cara Menggambar Favicon Blog dg Adobe Illustrator

Cara Membuat Gambar Favicon dg Adobe Photoshop


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.


Cara Menggambar Favicon Blog dg Adobe Illustrator

Inilah interface Adobe Illustrator saat pertama dibuka.


Cara Menggambar Favicon Blog dg Adobe Illustrator

Untuk memulai menggunakannya, maka buatlah file baru dengan mengklik menu File kemudian pilih New, sehingga terbuka jendela pengaturan dokumen seperti dibawah ini.


Cara Menggambar Favicon Blog dg Adobe Illustrator

Sekarang anda bisa tiru pengaturan yang saya contohkan pada gambar diatas dari no.1 sampai no.3. Jika sudah langsung saja klik tombol OK.


Cara Menggambar Favicon Blog dg Adobe Illustrator

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.


Cara Menggambar Favicon Blog dg Adobe Illustrator

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.


Cara Menggambar Favicon Blog dg Adobe Illustrator


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.




Cara Menggambar Favicon Blog dg Adobe Illustrator


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.


Cara Menggambar Favicon Blog dg Adobe Illustrator


Nah inilah tampilan bidang yang terbuat. Untuk mengatur tampilannya, maka gunakan fitur terkait yang letaknya pada bagian atas dari layar kerja.


Cara Menggambar Favicon Blog dg Adobe Illustrator

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.


Cara Menggambar Favicon Blog dg Adobe Illustrator

Nah inilah tampilannya dari hasil pengaturan saya diatas. Sekarang tinggal dilanjutkan dengan membuat huruf logonya yang nanti akan ditempatkan diatas bidang tersebut.


Cara Menggambar Favicon Blog dg Adobe Illustrator

Untuk membuat huruf, gunakan fitur Type Tool seperti gambar diatas


Cara Menggambar Favicon Blog dg Adobe Illustrator

Bukti fitur ini sudah aktif,  saat kursor berada di area kerja, bentuknya akan berubah seperti gambar diatas.


Cara Menggambar Favicon Blog dg Adobe Illustrator

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.


Cara Menggambar Favicon Blog dg Adobe Illustrator

Karena hurufnya masih standar baik ukuran maupun warnanya, maka sekarang lakukanklah pengeditan.


Cara Menggambar Favicon Blog dg Adobe Illustrator

Caranya kembalikan dulu kursornya ke posisi awal seperti gambar diatas. Kemudian jangan lupa aktifkan objek hurufnya dengan cara mengkliknya.


Cara Menggambar Favicon Blog dg Adobe Illustrator

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.


Cara Menggambar Favicon Blog dg Adobe Illustrator


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:


Cara Menggambar Favicon Blog dg Adobe Illustrator


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.


Cara Menggambar Favicon Blog dg Adobe Illustrator

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.



Cara Menggambar Favicon Blog dg Adobe Illustrator


Nah sampai disini, berarti selesai sudah sebuah gambar favicon sederhana. Selanjutnya anda tinggal simpan filenya. Caranya?


Cara Menggambar Favicon Blog dg Adobe Illustrator

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.



Cara Menggambar Favicon Blog dg Adobe Illustrator


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.


Cara Menggambar Favicon Blog dg Adobe Illustrator


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).


Cara Menggambar Favicon Blog dg Adobe Illustrator

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
Komentar yang tidak relevan, jorok, spamming dan promosi link akan dihapus

Desember 2015 - Erianto Anas - blogernas