FontAwesome merupakan icon font populer yang menggunakan konten karakter font untuk menampilkan ikon. Kelebihan menggunakan icon font adalah resolusi yang tak terbatas dan mudah untuk kustomisasi warna. Tapi kekurangannya tidak semua browser kompatibel dan dalam urusan grafis tentu saja tidak bisa digunakan ikonnya. Nah kali ini saya membagikan tutorial bagaimana mengkonversi ikon pada FontAwesome agar menjadi format PNG dengan Photoshop. Ikuti langkah berikut :
1. Download dan install font FontAwesome pada komputer Anda. untuk file font silahkan klik
tautan ini, unzip dan copypaste file .ttf yang telah diekstrak ke C:\Windows\Fonts
2. Setelah terinstal buka aplikasi Character Map, dengan menekan tombol Windows + R lalu ketik charmap.exe, OK
3. Pada Character Map, di bagian font pilih FontAwesome. Kemudian klik salah satu ikon yang diinginkan, tekan tombol Select lalu Copy.
4. Buka aplikasi Photoshop. Klik toolbar File - New, lalu pada jendela New pilih resolusi gambar dengan mengisi kolom Width dan Height, lalu OK.
5. Klik kanan ikon eraser tool lalu pilih Magic Eraser Tool, setelah itu klik area gambar yang telah dibuat, hingga menjadi transparan.
6. Klik toolbar Font, pilih FontAwesome dan beri ukuran font nya. Lalu klik area gambar kemudian tekan Ctrl + V. Maka ikon akan terpaste.
7. Untuk warna, tinggal blok ikon lalu klik color picker di tab Color pada sidebar kanan, pilih warna dan klik OK.
8. Jika sudah selesai Save ikon dengan megklik toolbar File - Save, pilih format PNG lalu klik Save.
Semoga bermanfaat
1 komentar:
Makasih banget loh untuk informasinya :)
Ada pertanyaan atau komentar ? Silahkan tulis pada form komentar di bawah. Terimakasih :)
- Admin Radith