CARA MEMBUAT ICON / FAVICON MENGGUNAKAN PHOTOSHOP BUAT BLOG

Cara membuat favicon / icon untuk blog kita bisa menggunakan aplikasi Adobe Photoshop. Nantinya icon yang dibuat ini selain bisa untuk digunakan sebagai icon blogger / wordpress bisa juga digunakan untuk icon shortcut program, logo perusahaan, logo usaha online dan banyak lainnya. Seperti yang saya ingin bahas pada tema hari ini yaitu Cara Mengganti / Membuat agar icon "B" ( Favicon default untuk Blogger) atau Icon default Wordpress  bisa kita rubah sesuai yang kita inginkan menggunakan Adobe Photoshop.


Sebenarnya ada banyak cara membuat icon / favicon blogger atau wordpress selain dengan menggunakan aplikasi Adobe Photoshop, Contohnya kita bisa menggunakan generator icon online seperti Logaster, Favicon.cc, Xiconeditor, Dan Webestools. Tetapi dengan cara ini biasanya tidak begitu disukai, karena kita hanya bisa menggunakan template yang disediakan oleh generator icon online ini. Untuk mengatasi keterbatasan tersebut maka saya merekomendasikan untuk menggunakan adobe photoshop atau sejenisnya, disini kita bisa menentukan warna, tema, desain tulisannya dan pola yang diinginkan.




berikut ukuran yang biasa digunakan untuk membuat icon / favicon, gambar menggunakan format .png dengan bentuk bujur sangkar sisi sama panjang ( 50x50 , 100x100, dll ). Langsung saja berikut ini saya akan membuatkan tutorial untuk mebuat icon / favicon menggunakan photoshop.

LANGKAH - LANGKAH MEMBUAT ICON/FAVICON MENGGUNAKAN PHOTOSHOP


1. Buka Adobe Photoshop, kemudian klik FILE - NEW

2. Tentukan height dan widht, dan juga mode background menggunakan mode transparant klik oke jika sudah sesuai.

3. Kemudian klik Rectangle Tool (U) berfungsi untuk membuat background icon yang kita buat.

4. Lalu arahkan kursor kedalam canvas yang tersedia dan klik tahan kemudian tarik kursor di dalam kanvas.

5. Jika ingin merubah warna background iconnya kita bisa klik Color, dan pilih warna yang kita inginkan. kita bisa memilih warna, pola serta bentuk backgroundnya itu sendiri.

6. Berikutnya kita menambahkan teksnya. Klik menu sebelah kiri ( Lambang T ) Horizontal Type Tool dan buat teks diatas background yang kita buat tadi. Disini kita bisa memodifikasi / menentukan mau menggunakan jenis font, ukuran, dan warna teks yang akan kita gunakan.

7. Dan beginilah hasilnya, hehehe

8. Jika terasa masih kurang menarik atau kurang bagus, kita bisa menambahkan style pada layer Text yang kita buat. Caranya klik layer pada menu kanan bawah, lalu pilih elemen yang ingin kita rubah stylenya misal Textnya, maka kita double click pada Teks maka akan muncul menu style jika terasa sudah cukup klik oke.

9. Jika sudah cukup kemudian kita men save project kita tadi, dengan menge klik File - Save As lalu pilih format PNG kemudian klik Save.

Dan ini dia hasil finalnya, kita tinggal upload favicon ke blog kita ( maaf saya enggak jago photoshop hehe)

Demikian tutorial Cara Membuat Icon / Favicon Menggunakan Adobe Photoshop dengan mudah. Sekarang tinggal kalian bagaimana berkreasi untuk membuat iconnya, bisa juga membuat icon menggunakan gambar android, logo apple dan masih banyak lagi yang bisa kita explore menggunakan aplikasi Adobe Photoshop ini.

Location:

Share :