animasyon | bildirgec.org

Her derde deva jQuery ekletilerinden biri olan Spritely (jQuery.spritely), Web sayfalarımıza, sadece Html ve Javascript ile; imleç hareketlerine duyarlı objeler/karakterler ve hareketli/dinamik arka planlar hazırlayabilmemiz için geliştirilmiş bir eklenti.

Internet Explorer 6+, Firefox, Safari, Chrome ve Opera desteği bulunan Spritely'in bazı avantajlı yanları ise; basit kullanımı, hafifliği ve ücretsiz olması.

Spritely, Flash kullanmak istemediğiniz projeleriniz veya Flash desteği olmayan ortamlar için alternatif bir çözüm sunmakta.

CSS3 ile css ve web tasarımı birbirinden farklı birçok özellik kazandı. Her türlü yazı tipini web sayfalarında kullanabilme, css ile oluşturulan animasyonlar, şık buton tasarımları gibi birçok örnek bulunmakta. Bu örnek ve uyguları öğrenmek ve css3'ü tamamen tanımak için birçok uygulama ve makale bulunmakta. Fakat css3 tarayıcıların eski sürümşerinde çalışmıyor. Bunu dikkate alarak da web sayfanızı şekillendirmelisiniz. İşte birbirinden farklı css3 uygulamaları;

11 classic CSS Techniques Made Simple with CSS3 | Demo

Klasik css'den farklı olarak css3'teki farklılıkları açıklayan bu yazıyı css3'e geçen herkesin okuması gerek. Css3'teki animasyon, yazı tipi değişimi ve vurgusu, köşesiz blok yapımı gibi konularda içinde bulunan çok eğitici bir yazı.

Mock-Up Interface Using CSS3 Colour | Demo

Css3 ile transparan bloklar yapabileceğinizi gösteren çok hoş bir uygulama. İstediğimiz herhangi bir bölümü ya da sayfanın tümünü transparan hale getirmek mümkün.

web browserlar tam anlamıyla CSS3'ü desteklemese de web sitelerinde css3 sıkça kullanılmaya başlandı. bu makalede css3 dünyasında nelerin olduğuna değineceğiz. aşağıda sizlere ilham vereceğini düşündüğüm farklı tarzlarda css3 örnekleri mevcut. css3 ile neler yapılabilir sorusunun cevabına yanıt bulabileceğiniz örneklere göz atalım.

CSS3 & jquery saat

analog saat - tutorial

3d cube that rotates using arrow keys- tutorial
(yön tuşlarıyla hareket ettirebileceğiniz 3d küp) -

metinlerinize jquery kullanarak ne gibi efektler, animasyonlar yapabiliriz? metinlere daktilo efekti, 3d, gölge, ışık, granit, uçuşan metinler gibi birçok efekt vermeniz mümkün. şimdi bu jquery eklentilere göz atalım.

1- Font efekt eklentisi: demo ve download
metinlere gölge ışık eğim gibi çeşitli efektler uygulayabileceğiniz bir eklenti.

2- jquery textgrad: demo ve download
metinlere granit şeklinde efekt verebileceğiniz bir uygulama

Dijital artistler genelde photoshop ve painter tarzı programlar kullanırlar. Bunların yanında internet üzerinde online bir şekilde çizim yapıp bunları yayınlayanlar da var. Sadece profesyonellere değil herkese açık olan siteler de bulunmakta, bunlardan populer ve sosyal yapıda olanlarını merak ediyor musunuz? Hemen farenizi elinize alın ve içinizde bastırılmış vaziyette bulunan sanatsal yönünüzü dışa vurun!

http://www.ratemydrawings.com/

Üyelik üzerine kurulu ve oylama sistemiyle çizilen resimleri derecelendirme özelliğine sahip olan bu sitede çizim alanı olarak flash ve java kullanılmakta. Çok hızlı bir büyüme sürecinden sonra kendini iyice geliştiren bu sitede flash ile yapılan çizimlerin video kaydı tutulabilmekte, java ile çizilen resimlerin ise videosu alınamamaktadır. Flash çizimlerin çizgileri vektörel bir yapıda olduğu için java ile yapılanlara nazaran daha kırık gözükebilmektedir ama bu flash ile yapılan çizimlerin daha kötü olacağı anlamına gelmiyor. Sitede forum, topluluklar, çizim dersleri, aynı anda aynı tuval üzerinde çizim yapabilmemizi sağlayan drawchat bölümü ve deviantart tarzı kolleksiyonların oluşturulabildiği bölümler bulunmakta. Sık sık düzenlenen yarışmalarda grafik tablet hediye eden bu site aynı zamanda 22 dolara 35" x 23" ebatında posterlerin de satışını yapıyor.

JQuery ile hazırlanmış 10 adet animasyonu ve bu animasyonların nasıl hazırlandığı ile ilgili eğitim dokümanlarını bulabileceğiniz bu liste yardımı ile web sitenize, blogunuza veya web uygulamalarınıza ziyaretçilerinizin beğenisiniz kazanacak animasyonlu web bileşenleri ekleyebilirsiniz.

1- Smoke Effect | Demo

2- Animated Postcard | Demo

Photoshop (*), her çeşit tasarımcı için önemli bir araçtır. o, tasarımın birçok çeşidinde ve daha başka bir dolu yerde kullanılıyor. hatta photoshopu animasyon yapımında da kullanabilirsiniz.
eğer normal photoshop derslerinden sıkıldıysanız ya da onlar size artık kolay geliyorsa (aslında bunlar çok daha kolay) bu bildiri tam size göre.

daha önce şurada da birkaç örneği bulunan gif formatında animasyonlar yapabilmeniz ya da kendi hareketli avatarınızı, imzanızı kolaylıkla yapabilmeniz için bu bildiride 24 adet ücretsiz photoshop dersine yer vereceğiz.

1 - hareket eden böcek animasyonu

2 - kar temalı çalışmalar için animasyon dersi

Flash web siteleri internet kullanıcıları arasında daha popülerdir. Flash sitelerinin avantajları olduğu kadar dezavantajları da vardır. Animasyonun yüklenme süresi kullanıcıyı biraz sıkabilir. Bu yazıda tüm zamanların en yaratıcı flash preloader (yükleniyor) uygulamalarına ulaşabileceksiniz.

Flash yükleyicileri, bir içeriğin yüklenme durumunu gösterir. İlham kaynağı olarak faydalı olabilecek bu koleksiyonun tadını çıkartın.

1. Sergey Tyukanov Artworks

2. EducationIsEverywhere