CSS ile Güneş Tutulması

eclipse-cssCSS3 ile tasarlanmış ilgi çekici yapımları incelemeye devam ediyoruz. Bugün ‘Eclipse’, yani tutulma isimli çalışmayı sizlerle paylaşıyor olacağız.

Yuvarlak cisimlere verilen beyaz, sarı, kahverengi ve kırmızı gölgelerin hareket ettirilmesi sonucunda oluşan bu teknik hem çok yaratıcı hem de çok şık. Evet, büyük ihtimal her web sayfasında yer alabilecek türden bir tasarım değil ama CSS ve biraz pratik zeka ile web tarafında neler yapılabileceğini gösteren örnek bir çalışma.

Örneği görüntüleyerek başlayalım.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku


Mavi Parçacık Efekti

Photoshop ile Mavi Parçacıklar Efekti

Mavi ParçacıklarPhotoshop derslerimiz yepyeni bir fotoğraf efekti ile devam ediyor. Mavi parçacıklar diye isimlendirdiğimiz bu efekti ilk kez Adobewordpress‘ten görüntülemektesiniz. Fotoğraf efektini tamamlamak için izlemeniz gereken sadece 3 adım mevcut.

Fotoğrafın tozunu alacağız, renk dengesi – yoğunluğunda değişikler yapacağız ve son olarak Photoshop’un varsayılan patternleriyle partikülleri oluşturacağız. (daha&helliip;)

Devamını Oku

Photoshop ile Yağlı Boya

Photoshop ile Yağlı Boya Efekti

Photoshop dersleri devam ediyor. Bu videomuzda Photoshop ile yağlı boya efekti oluşturuyoruz. Photoshop’un varsayılan efektleri arasındaki Oil Paint seçeneği işlemimizi fazlasıyla kolaylaştırmakta. Sizler için hazırladığım videoda bu efekti detayları ile anlattım. Ayrıca konunun detayında aynı teknik ile oluşturduğum birkaç örneği paylaştım.
(daha&helliip;)

Devamını Oku

Divleri Ortalamak

Web tasarımcılarının en çok canını sıkan konulardan birine el atıyoruz. Sayfanın dikey ve yatay olarak tam ortasına div yerleştirmek artık sizler için çocuk oyuncağı olacak.

Yapmamız gereken tek şey <html> tagını tablo, <body> tagını da tablo hücresi olarak tanımlamak.  Böylece sıradan bir vertical-align:middle kodu ile işlemimizi tamamlamış oluyoruz.

Sayfanızın ortasına bir div oluşturacağınızı varsayarak örnek hazırlayalım.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku