Cara menggunakan Icon Font Awesome di Phothoshop
Font awesome adalah salah satu font yang sering di gunakan di berbagai website, karena pada font awesome itu sendiri memiliki icon - icon yang sangat menarik dan sangat berguna untuk menghiasi website kita agar lebih menarik, tidak hanya itu, penggunaan font awesome ini pun sangat mudah, karena sudah lengkap dokumentasi cara penggunaan font pada website resmi nya
Nah kali ini kita tidak akan membahas cara penggunaan font awesome pada sebuah website, tetapi kita akan membahas cara menggunakan font awesome beserta icon icon nya di Software Design yaitu Photoshop
Cara penggunaannya pun sangat mudah, tidak jauh berbeda dari penggunaan font lainnya,
hal pertama yang harus di lakukan adalah mendownload font awesome tersebut di situs officialnya di
atau bisa ikuti langkah langkah berikut :
1. pada form pencarian browser anda ketik font awesome
 |
| Search font awesome |
lalu pilih website yang paling pertama pada hasil pencarian, setelah itu anda akan di arahkan ke website font awesome
 |
| Font Awesome download page |
2. setelah itu klk pada bagain download, maka akan muncul pop up
 |
| Pop Up Download |
3. Setelah itu klik pada bagian, No thanks, just download Font Awesome untuk mendownload font
 |
| file hasil download |
4. setlah terdownloadm ekstrak folder pack font awesome, dengan menggunakan winrar, klik kanan lalu pilih Extract Here
 |
| direktori font awesome |
5. selanjutnya masuk ke direktori font-awesome yang telah di ekstrak lalu masuk lagi ke dalam direktori fonts selanjutnya klik dua kali pada file font yang ditandai pada gambar di atas
 |
| Install font awesome |
install kedua file yang di tandai pada gambar sebelumnya,
6. selanjutnya untuk penggunaan, buka phothosop lalu buat dokumen baru
 |
| New Docoment pada Phothosop |
7. selanjutnya untuk percobaan buka browser anda lalu pada form pencarian gunakan kata kunci
font awesome cheat sheet
 |
| Hasil pencarian Font awesome Cheat Sheet |
pilih website pertama pada hasil pencarian, lalu anda akan di arahkan ke halaman website tersebut
8. pilih salah satu icon yang akan di gunakan dengan cara mengcopy icon tersebut pada halaman website
 |
| font awesome cheat sheet |
sebagai contoh kita copy icon bell slash
9. selanjutnya pada phothosop gunakan Type tools (atau tekan tombol T pada keyboard) untuk membuat text baru lalu Paste icon yang baru saja di copy ke lembar kerja phothosop
 |
| icon yang di paste ke lembar kerja photoshop |
untuk sementara hasil dari icon tersebut abstrak, kenapa ? karena icon yang di Paste haruslah menggunakan font awesome.
10. Pada tools bar di atas, ubah font menjadi font awesome, blok text yang akan di ubah font nya lalu ubah font menjadi font awesome
 |
| icon yang sudah di ganti font menjadi font awesome |
berikut hasil akhir dari perubahan font tidak jauh berbeda dari gambar di atas
 |
| hasil Akhir penggunaan icon font awesome |
Begitulah caranya menggunakan icon pada font awesome di phothoshop
dan berikut ini hasil akhir dari penggunaan font awesome yang saya buat sederhana
Cukup sekian tutorial kali ini semoga bermanfaat
#fontawesome #phothoshop #tutorialphotoshop #fontawesominphothoshop #fontawesomeindesign