Photoshop’ta Font Awesome Nasıl Kullanılır?

Font Awesome’u neden kullanmalıyız?

Photoshop arayüz geliştirirken veya bir tasarım gerçekleştirirken vektörel simgeler kullanmak vakit kaybı hemde performans kaybına neden olur.

Ayrıca web tasarımında Arayüz geliştiricilerinin (veya siz) çizdiğiniz tasarımı kodlamasını yaparken resim olarak kullanmak yerini sizin gibi yazı tipini kullanır.

Bu yine zaman ve performans artışına neden olur. Resim yerine yazı tipi kullanır. Sitede ne kadar fazla resim olursa buda sitenizi açılış hızını etkiler ve ziyaretçi kaybına neden olur.

Nasıl Kullanacağız?

Photoshop’ta tasarım yaparken Font Awesome ikonlarını kullanabiliriz. Hemde kolay ve vektörel olarak. Peki nasıl yapacağız?

Öncelikle Font Awesome yazı tipini bilgisayarımıza indirip kurmamız gerekir. Yazı tipini indirmek için bu bağlantıyı kullanabilirsiniz. Yazı tipini indirdikten sonra arşiv dosyasını(.zip) dışarıya çıkarın.

Yukarıdaki dosyaları göreceksiniz bizim için sadece “otfs” klasörü gerekli içine girin.

Tüm yazı tipi dosyalarını (font) seçin ve sağ tıklayın. Daha sonrasında “Yükle” seçeneğini seçerek yazı tipini bilgisayarınıza yükleyin. Artık Photoshop’ta kullanabiliriz. Ama nasıl kullanacağız?

Font Awesome’un resmi sitesinde ikonların bulunduğu sayfayı buradan açın. Buradan kullanmak istediğimiz ikonu bulup, seçelim. Daha sonra kopyalayalım.

Daha sonra Photoshop programını açın yazı ekleme aracı (T kısayol tuşudur.) açalım. Aşağıdaki gibi Font Awesome’a ait yazı tiplerinden birini seçelim ve daha önce siteden kopyaladığımız ikonu yapıştıralım.

İşlem bu kadar. Eğer bu işlemi yaptığınız halde kare bir şekil görüyorsanız. Sebebi basit. Tabii çözümü de, Photoshop’ta gözüken kareyi seçin ve yukarıdaki yazı tipi seçinden tekrar FontAwesome yazı tipini seçin. Problemin çözüldüğünü göreceksiniz.

Düşünce ve problemlerinizi yoruma bırakabilirsiniz.