Örnek Uygulamalar

Photoshop’ta Font Awesome Iconlarını Kullanma

Bu yazımızda “Photoshop programında Font Awesome iconlarını nasıl projemize dahil ederiz?” bu konuya değineceğiz.

En popüler icon setlerinden olan Font Awesome, neredeyse artık tüm web projelerinde kullanılmaya başladı. Bizler de çoğu zaman bu iconlara ihtiyaç duyuyoruz.
Şimdi bu icon setini nasıl projemize dahil edeceğiz görelim.

Öncelikle Font Awesome.io web sitesine giderek download linkinden icon setini indiriyoruz. İndirilen .zip dosyasının içindeki fonts klasörüne girip  “fontawesome-webfont.ttf” dosyasına çift tıklayarak bilgisayarımıza yüklüyoruz. Bu işlemin diğer font yüklemelerinden hiçbir farkı yok.

Photoshop programını başlatıp yeni bir proje(Ctrl + N) açıyoruz, istediğiniz herhangi bir boyutta olabilir, size kalmış.

 

 

Gördüğünüz gibi bir liste oluşturdum, şimdi bu listede her maddeye uygun font awesome iconunu  yerleştireceğim. Bunun için http://fontawesome.io/cheatsheet/  adresini açıyoruz. Buradan örneğin telefon iconu için, tarayıcımın arama bölümünde (“ctrl + f”)  “phone” diye aratıp bulduğum ikonu kopyalıyorum. Photoshopta Telefon yazımın içine girip kopyaladığım iconu yapıştırıyorum. İlk etapta icon gözükmeyecektir ve saçma sapan bir şey oluşacaktır, iconumuzun gözükmesi için de iconu mouse ile seçtikten sonra character bölümünden font ismini “Font Awesome” olarak değiştiriyorum.

 

Aşağıda gördüğünüz gibi bu işlemden sonra iconumuz gözükecektir. İşlemimizi diğer iconlar için de aynı bu şekilde tekrarlıyoruz.
Sonuç :

Etiketler
Show More

Related Articles

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

İlginizi Çekebilir

Close
Close