CSS ve jQuery ile Dönen Menü

css-jquery-rotate-menuBu makalemizde CSS ve jQuery desteğiyle farenin sağ tuşuna basıldığında açılan bir menü tasarımı yapacağız. Bu menüyü diğerlerinden ayıran özelliği de ekrana eğik olarak gelmesi.

Bir zamanlar tipografik animasyonlarda bol bol gördüğümüz ‘öğeleri çevirerek kadraja alma’ tekniği temel anlamıyla bu tasarımda da yer almakta. Gelişen web teknolojileri sayesinde de bu tasarımı web tarafında oluşturmak gayet basit.

Örneği görüntüleyerek başlayabilirsiniz.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku


css3ps

CSS3PS : PSD to CSS Converter

Web tasarımı ile uğraşanlar bilir, Photoshop ile çizilmiş tasarımları CSS‘e dökmek zor bir zanaattir. Bu yüzden birçok tasarımcı hazırladığı PSD dosyalarını CSS’e çevirmesi için profesyonel destek almak zorunda kalır. Kaybedilen zaman ve para da cabası.

İşte bu aşamada yardımımıza koşan onlarca Photoshop eklentisi mevcut. Bugün, bu listenin en çok dikkat çekenlerinden birini sizler için inceleyeceğiz.

CSS3PS, Photoshop’un CS3 ve sonraki versiyonlarda çalışan, katmanları otomatik olarak CSS kodlamasına çeviren bir eklenti. Ücretsiz bir şekilde kullanabileceğiniz bu eklenti sayesinde PSD to CSS çeviri işlemleriniz fazlasıyla hız kazanacak!

(daha&helliip;)

Devamını Oku

Photoshop ile Kişileri Heykele Çevirme

Natalie Portman'ı heykele çeviriyoruz!Merhaba arkadaşlar. Bu dersimizde Photoshop ile kişileri heykele çevireceğiz. Konumuz gayet eğlenceli, teknik ise fazlasıyla basit.

Heykelin yüzeyini oluşturmak için çizgili bir mermer yüzeyine ihtiyaç duyacağız. İsterseniz daha sert yüzeyler bile kullanabilirsiniz. Üzerinde çatlaklar olan bir kaya yüzeyi de heykelinizi eski gösterecektir.

Beraberinde üzerinde çalışmak için bir fotoğrafa ihtiyacınız olacak. Ben Natalie Portman‘ın V for Vendetta filminden bir fotoğraf kullanacağım. Ben kullanacağım tüm görselleri konunun devamında sizinle paylaşacağım.

Natalie’yi taşa çevirmek biraz ironik olacak gibi, neyse lafı uzatmadan derse başlayalım. (daha&helliip;)

Devamını Oku

Photoshop ile Gerçeğe Yakın Hareketlendirme (Kukla Yöntemi)

Bu dersimizin konusu Photoshop ile objelere gerçekçi hareketler eklemek olacak. Bu teknik sayesinde hazırlayacağımız animasyon derslerine altyapı oluşturacağız.

İlk olarak üzerinde çalışmak için bir resim bulun. Herhangi bir 2 boyutlu hayvan fotoğrafı kullanabilirsiniz. Veya benim kullandığım kol modeline buradan erişebilirsiniz.

Kullanacağımız aracın adı Puppet Warp. Gelin biz buna Kukla Tekniği diyelim ve derse başlayalım.

(daha&helliip;)

Devamını Oku