efekt | bildirgec.org

Bugün Flash AS3 + Flint kütüphanesini kullanarak havai fişek efekti ile logomuzu gökyüzüne yansıtacağız. Biz burada yazı (BILDIRGEC) kullandık. Ancak siz .png formatında transparan özelliğe sahip herhangi bir resmi kullanabilirsiniz. Anlatımlarda Adobe Flash CS5 kullandım, programı İngilizce kullananlar vardır diye menü yollarını hem Türkçe hem İngilizce açıklamaya çalıştım. Ayrıca bazı ayarları resimlerle de göstererek işlemlerinizi kolaylaştırmaya çalıştım. İnşallah sonuç başarılı olacak…
Derse başlamadan önce sonucu görmek için Bildirgec Havai Fişek Gösterisi tıklayınız…

Photo manipulation terimini tam olarak karşılayan bir türkçe terim bulunmuyor. bu terim bir takım imgelerin birbiri üstüne bindirilmesi, iç içe geçirilmesi, birlikte uyum sağlayacak ve tek bir görüntü oluşturacak şekilde düzenlenmesi; bir takım doku örnekleriyle yeniden dokulandırılması, çeşitli efektlerle anlatımın etkili kılınması gibi işlemlerin tamamını içinde barındırır. Yazının geri kalanında da bu tanım photo manipulation olarak geçecektir. Elbette ki uygun bir türkçe terim arayışı sürdürülmelidir.

Peki photo manipulation Nasıl Yapılır ?

Günümüzde bu işlem dijital ortamda yapılmaktadır. Dijital ortama aktarılmış imaj dosyalarının oldukça popüler olan "photoshop" gibi programlarda işlenmesiyle bu sanata yeni eserler kazandırılmaktadır.

photo manipulation eseri oluşturmanın en zor kısmı kompozisyonu belirlemektir. başarılı kompozisyon ve doğru teknik ortaya konulan konuyu izleyiciye direk aktarmakta en önemli unsurlardır.

eskiden dinamik web sayfaları derken bunun server-side kısmını ele alırdık. ajax ile birlikte artık sadece kod değil görüntüde oldukça dinamik, yerinde düzenleme ile yapılan değişiklikler, kendini yenileyen div-ler ve benzer uygulamalar. hem programcının işini basitleştirdi, hem de ziyaretçinin daha hoş görünen bir sitede gezmesine sebep oldu. başlıktanda anladığınız gibi işimizi kolaylaştıracak ajax kütüphanelerinden neredeyse en ünlüsü olan jquery ile yapılmış örnekleri sizle paylaşmak istedim. bu örnekleri kullanmasınız bile jquery dili ve kullanışlılığı açısından size bir fikir verecektir.

*geçiş efektleri

innerfade

(tasarımlar üzerine uygulandığında iyi çalışan standart bir geçiş efekti)

flip

(flash'a benzeyen ama saf jquery ile yapılan geçiş efekti)

jquery circulate

(dairesel hareket kullanan bir animasyon)

Sosyal Medya sitelerinde açtığımız hesaplarla sahip olduğumuz profillerimiz, giderek cebimizdeki kimlik belgelerimizin yerlerini almaya başladılar. Bu profil sayfalarının en özemli parçalarından biri ise; profil sayfalarımızda kullanmış olduğumuz ve Avatar olarak isimlendirilen "ufacık tefecik" boyutlardaki, resim veya fotoğraflar.

Dijital bir fotoğraf makinesi ile çekmiş olduğumuz resmimizi bu profil sayfalarımıza, hop diye yerleştirebileceğimiz gibi, çeşitli efekt ve mizansenlerle, daha bir anlamlı, mesaj veya imaj kaygılı bir görünüme de büründürebiliriz.

İşte bu mesaj veya imaj kaygılı Avatar'larımızı, bir kaç tıklama ile üstelik ücretsiz olarak oluşturabilmemizi sağlayan, hayran olunası bir uygulama olan PhotoFunia, 16 farklı kategoride sunduğu onlarca farklı seçenek ile Avatar'larımızı hazırlamamızı sağlamakta.

Web sayfalarının, oldukça ekiletici bir görselliğe kavuşmasını sağlayan, onlarca jQuery eklentisinden biri olan jqFancyTransitions eklentisi, fotoğrafların web sayfalarından slayt gösterimi şeklinde sergilenebilmesini sağlayan ilgi çekici bir eklenti.

Bu gösterim esnasında, bir fotoğraftan diğer bir fotoğrafa geçerken, Wave, Curtain ve Zipper adlı çeşitli şerit/dilimleme efektlerini kullanan jqFancyTransitions eklentisi; geçiş ve şerit sürelerinin ayarlanabilmesi, şerit sayısının ve şeffaflık miktarının belirlenebilmesi gibi özellikleri kullanıcılarına sunmakta.
Ayrıca, Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+ ve Opera 9+ tarayıcılarıyla da uyumlu çalışmakta.

css'in mükemmel özelliklerini kullanarak web siteleri derli-toplu hale getirilebileceği gibi şık uygulamalar ile ziyaretçilerinize hoş karşılamalar yapabilirsiniz. Aşağıda metin efektleri, bilgi kutucukları gibi çeşitli uygulamalar bulunmakta bunlardan mutlaka hoşunuza gidecek uygulamaların olduğunu düşünüyorum.
1- css hover effec - demo
mouse imleci ile üzerine gelindiğinde renk değiştiren kutucuklar oluşturabilirsiniz.

2- css gradient text effect - demo - download
metinlerinize ışık efekti verebileceğiniz bir uygulama.

Fotoğraf üzerinde işlem yapmak çok zevkli ve bir o kadar da zor bir işlemdir. Fotoğrafa uygulanan güzel efektler sayesinde inanılmaz çalışmalar ortaya çıkarabilirsiniz. Aşağıda güzel fotoğraflar oluşturmak için dersler yer almaktadır.

1. Street Photography Effect (Sokak fotoğrafçılığı efekti)

2. Fake HDR Photo Effect (Sahte fotoğraf efekti)

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