Etiket arşivi: grafik

Zahmetsiz Hareketli Favicon Yapımı

Published / by Uğur Özşahin / Leave a Comment

    Çok fazla zahmete girmeden hareketli Favicon yapmak hiçte zor değil. Favicon web2.0 ile birlikte daha bir günyüzüne çıkan, yakın zamanda sayfa içerisindeki site logoları kadar önemli olacağını düşündüğüm ve bookmarklama sırasında sitenizin farkını ortaya koyan bir web sunumu. Özellikle bookmarks a ekledikten sonra diğer bookmark lardan sıyrılmak istiyorsanız, favicon siteniz için çok değerli bir kazanç olacaktır. Favicon larınızı istediğiniz resimden elde edebilirsiniz. İsterseniz bu grafiklere kolaylıkla küçük animasyonlar ekleyebilirsiniz. Benzer bir örneğini şu an kendi sitemde kullanıyorum. Siteniz ilk açıldığında grafiğinizi az sonra linkini vereceğim site sayesinde aşağıdan yukarıya yada soldan soğa doğru  kaydırabilir. Faviconun daha etkileyici görünmesini sağlayabilirsiniz.

    Favicon tasarımlarınızda daha etkileyici grafikler kullanabilmeniz de mümkün. Mesela sabit bir resimle yukarıda belirttiğim basit animasyonlar yerine favicon olarak daha çok göze hitap eden sıradışı görseller kullanabilmeniz de olası. Ancak ben burada uygulamamızın pratik, bir kaç saniyelik bir işlem olması ve pek dert tasa gerektirmemesi açısından yukarıda bahsettiğim basit hareketli favicon yapımını anlatacağım sadece. Bahsedecek çok fazla birşeyinin de olmaması bizim için bu seçeneği zaman açısından daha bir önemli kılıyor.

   Aşamalarımız gayet basit :

  • http://www.html-kit.com/favicon/ linke tıklıyoruz.
  • Yeni açılan sayfada "Source Image" kısmının yanında bulunan browse butonuna tıklayarak bir sonraki aşamaya geçiyoruz.
  • Gelen pencereden Favicon için belirlediğimiz grafiğimizi seçiyoruz
  • "Scrolling Text" kısmını doldurmak zorunda değiliz, Eğer favicon içerisinde kayan yazı olsun istiyorsak buraya istediğimiz bir metin girişi yapabiliriz.
  • Aşağıdan yukarıya animasyonumuzu yapmak için "Animate FavIcon" seçeneğini onaylayıp, "Scrolling Text" kısmını boş bırakmamız yeterli.
  • Eğer sağdan sola doğru kayan bir Favicon istiyorsak "Animate Favicon" seçeneği onaylıyken "Scrolling Text" kısmına tire "-" işareti koymanız amacınıza ulaşmanızı sağlayacaktır. Buradaki tire "-" işareti yerine siz istediğiniz farklı bir karakteri de kullanabilirsiniz. Hangisi hoşunuza gidiyorsa yani.
  • Bütün adımları gerçekleştirdikten sonra yapmanız gereken "Generate Favicon" butonuna tıklayıp, istediğiniz favicon un server tarafında hazırlanmasını beklemek.
  • Bütün işlemler bittiğinde isterseniz hazırlanan favicon unuzu "Download Favicon" butonuna tıklayarak indirebilir yada dilerseniz önce önizlemeden favicon unuzun nasıl olduğuna bakar, beğenmezseniz adımlarınızı farklı kriterlerde tekrar gerçekleştirirsiniz.

    Yukarıdaki işlemler sadece bir kaç saniyede gerektirmekte. Açıkçası sağladığı kolaylık açısından bu yöntem benim favori tercihim. Ekstra bir programa gerek kalmadan sadece internet üzerinden gerçekleştirdiğiniz işlemlerle standart bir favicon oluşturabiliyorsunuz. Bunun için program arayanlar IcoFX – The Free Icon Editor ücretsiz icon editörünü deneyebilirler. Bu programla istediğiniz kriterlerde iconlar tasarlayıp bunları favicon olarak kullanabilirsiniz.