Cara Menampilkan Icon Font Awesome Pada Photoshop

Jumat, 22 Juni 2018

Bagikan :

Tweet

Kali ini aku akan mengatakan bagaimana cara memakai / menampilkan icon yang ada pada Font Awesome pada Photoshop. Font Awesome ialah sebuah situs yang menyediakan kumpulan-kumpulan icon secara gratis yang diimplementasikan pada desain web. Cara pemasangannya atau penggunaanya ialah melalui file .CSS yang didownload melalui situsnya. Namun ketika kita memanfaatkan Photoshop untuk mendesain website maka kita tidak sanggup memakai file .CSS tadi melainkan dengan cara yang berikut ini :

Pertama kunjungi situs Font Awesome disitu akan terlihat pribadi tombol download, pribadi saja klik tombol download tersebut. Setelah didownload (file dalam bentuk zip), ekstrak file zip tersebut maka akan menghasilkan beberapa folder yaitu : CSS, Fonts, Less,SCSS.

Buka folder Fonts kemudian instalkan font dari font awesome nya yang berjulukan fontawesome-webfont.ttf pada sistem operasi anda, cukup double klik saja file tersebut installer akan secara otomatis memasang font tersebut di PC anda. Jika sudah silahkan buka Aplikasi Photoshop anda, aktifkan Text Tool (T) kemudian lihat di daftar font anda maka disana akan terdapat font jenis Font awsome.

Selanjutnya ialah buka halaman ini http://zipansion.com/1iwHi disana terdapat icon-icon yang disediakan font awesome. Double klik icon yang ingin anda pakai (icon akan terpilih) kemudian copy (klik kanan copy / ctrl + c).

***
Simpan halaman ini / ctrl + s semoga sanggup kau gunakan nantintinya tanpa perlu memakai internet / ketika sedang tidak ada koneksi internet Atau jikalau kau mengalami problem ketika akan memakai icon melalui halaman offline kau sanggup simpan halaman tersebut dengan format pdf, silahkan cari google dengan kata kunci "save web to pdf online".

kemudian kembali ke dokumen Photoshop anda dengan kondisi text tool aktif dengan font jenis font awesome kemudian pastekan (ctrl + v) didokumen anda
Tara......End....

See you :D

Related Post | Artikel Terkait

Get this widget [ Here ]

Tag : photoshop, WEB DESIGN