Walleq's Blog
Ana Sayfa Profilim Arşiv İletişim
.:. Burn Me Alive .:.

Loading



03 Eylül 2010 Cuma
Kategori: Güncel
Yazar : Walleq, 10 yorum var, 4072 defa okunmuş.
Etiket : Favicon Animasyon Tasarim Grafik
    Ç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.











  • mavi_patikli
    faydalı bilgi için teşekkürler
  • harun
    Teşekkürler
  • Direk izle
    Tesekkurler arkadasim bakicam banada lazimdi zaten.
  • film izle
    eyw güzel paylasim olmuş tesekkurler
  • erkekh
    sorunsuz çalıştı teşekkürler
  • nerdebu
    Tesekkurler
  • IŞIK TABELA
    çok sagol kardeşim
  • emrah er
    paylaşımın için treşkkür ederm
  • Emre Parladıroğlu
    Gerçekten çok faydalı bilgilerdi. Paylaşımın için teşekkürler.
  • tunahan koçakl
    çok iyi
Kategoriler
Son Yazılarım
» Postacı Programı Kullanıma Hazır
» Taşınabilir ASP Web Server
» Portable VirtualBox 1.6.2
» PHP ile E-Mail Geçerlilik Kontrolü
» MySQL Türkçe Karakter İlk Harf Sıralaması
Etiket Bulutsusu
Son Yorumlar
zafer
» yahuu get started butonu yokki :S ???? a
cicekci
» hocam kusura bakmayın ama benim sormak i
Havuz
» çook teşekkür ederim hoş bir paylasşım o
stiw
» teşekkürler işime yarıyıcak bilgiler bun
Feyyaz
» simdi ben anlamadım bu kodları nereye ek
Bağlantılar
» isimler
» ABD de Yaşam
» Ferruh Mavituna Blog
» Osmanlica Türkçe Sözlük
» Kişisel Güncem
» Ergene.NET - Renk Katar
Blog Takip Sistemi

E-Mail İle Blog Takibi :


Coded And Designed By Walleq
Gizlilik Politikası