CSS ile Güneş Tutulması

Vatanay Özbeyli Yorum yazın CSS3

CSS3 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

Photoshop ile Mavi Parçacıklar Efekti

Vatanay Özbeyli 5 Yorum Efektler, Fotoğraf Efektleri, Öne Çıkanlar, Photoshop Dersleri

Photoshop 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 Efekti

Vatanay Özbeyli 4 Yorum Efektler, Fotoğraf Efektleri, Öne Çıkanlar, Photoshop Dersleri, Video Dersler

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

Vatanay Özbeyli Yorum yazın CSS3, Tasarım Unsurları

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