Dijital Pazarlama, Nasıl Yapılır?

Photoshop’ta Github Fontawesome İkonları Nasıl Kullanılır?

Açık kaynaklı yazılımların grafiksel olarak da kullanımının artması ile eskiden beri ciddi bir tasarım kıtlığına neden olan font ve ikon kullanımı konusu da önemli ölçüde genişlik kazandı. Artık eskiden sitelerimizde kullanmak zorunda olduğumuz Times New Roman veya Verdana gibi standart sıkıcı fontlar, png uzantılı çirkin ve zevksiz ikonlar yerlerini çok daha yaratıcı ve güzel görünümlü olanlarına bıraktı.

Elbette bu durumun en önemli sebeplerinden birisi Github network’ü içerisinde yer alan Fontawesome gibi ücretsiz olarak sunulan ikon ve font serilerinin yaygınlaşmış olması. Üstelik bu görsel ve fontlar sadece web ortamında değil aynı zamanda grafik işleme yazılımlarında da kullanılıyor. Hal böyle olunca tasarımcıların en çok aklına takılan sorulardan birisi Photoshop ile Fontawesome ikonlarını kullanmak mümkün mü? Cevap evet mümkün… İkinci soru ise peki nasıl?

font-awesome-hd

Github Font Awesome platformuna buraya tıklayarak erişin. Download butonuna basın ve font kurulum dosyasını zip uzantılı olarak indirin. Bu yazının kaleme alındığı tarihteki versiyonun font-awesome-4.7.0 olduğunu hatırlatalım… Zip dosyasının içindeki fonts klasörüne girin ve buradaki  FontAwesome.otf ile opsiyonel olarak fontawesome-webfont.ttf dosyalarını yükleyin. OTF Open Type Font anlamına gelirken TTF ise True Type Font demektir.  Dosyaları; üzerine sağ tıklayarak “Yükle” seçeneği ile veya direkt olarak C: dizinindeki Windows klasörü altında yer alan Fonts klasörüne doğrudan kopyalayarak yükleyebilirsiniz.

Font yüklemesini yaptıktan sonra yapacağımız 2 adım kalıyor geriye. Photoshop’u açarak tıpkı yazı yazar gibi Fontawesome fontunu kullanmak ve ikinci olarak istediğimiz görselin kodunu bu font ile yazmak. Yani “Arial” fontu ile “kalem” yazdığınızda o font görünümünde nasıl bir yazı elde ediyorsanız, Fontawesome sayfasından ilgili ikonu kopyalayıp metin kutusuna yapıştırdığınızda da kalemi metin olarak değil, ikon olarak elde etmiş oluyorsunuz. Bunun için bu sayfada yer alan tüm ikonları kullanabilir, istediğiniz ikonun üstüne gelerek kopyaladıktan sonra, photoshop’ta metin kutusuna yapıştırabilirsiniz. Yapıştırdıktan sonra metnin fontunu yüklediğimiz “Fontawesome” olarak değiştirdiğinizde, istediğiniz ikonu elde ettiğinizi göreceksiniz.

Bir Cevap Yazın

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