After Effects ile 3 Boyutlu Dönen Para

Vatanay Özbeyli Yorum yazın After Effects Dersleri, Öne Çıkanlar, Video Dersler

Bu dersimizde After Effects kullanarak 3 boyutlu olarak gerçekçi bir dönüş hareketi yapan bozuk para efekti oluşturacağız. (daha&helliip;)

Devamını Oku

Ders 3 : Bootstrap İkon Kullanımı

Vatanay Özbeyli 1 Yorum Bootstrap, Öne Çıkanlar

Bootstrap konulu makalelerimiz tasarımın önemli unsurlarından olan ikonlar ile devam ediyor.

Glyphicons (Halflings), ücretli bir ikon servisi. 260’ın üzerindeki vektör görseli font formatında bize sunan bu yapı Bootstrap ile ücretsiz olarak kullanılabiliyor.

Bugün sizlerle bu ikon setini nasıl ve nerelerde kullanabileceğimizi konuşacağız. (daha&helliip;)

Devamını Oku

Preloader.js ile Sayfalarınıza ‘Yükleniyor’ Barı

Vatanay Özbeyli 1 Yorum jQuery, Öne Çıkanlar

Adobewordpress gururla sunar : Preloader.js

Birçok takipçimizin YouTube’da kullanılan yükleniyor barının nasıl yapıldığını sorması üzerine sizlere özel bir plugin geliştirme gereği duyduk. Preloader ismini verdiğimiz bu jQuery eklentisi sayfanızın yüklenmesini hesaplayıp bu süre dahilinde dolan bir bar ve dönen bir spinner oluşturuyor.

Ayrıca isteğe bağlı olarak kırmızı, mavi, yeşil ve sarı gibi ana renklere bürünmekle kalmıyor, tercih edilirse yüklenme sırasında sitenizin üstünü siyah ve beyaz renkteki perdesiyle de örtüyor.

Adobewordpress ailesi olarak Cumhuriyet Bayramı‘nızı kutlarız. Ne mutlu Türküm diyene!

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

Photoshop ile Işık Işınları Oluşturma

Vatanay Özbeyli 2 Yorum Fotoğraf Efektleri, Öne Çıkanlar, Video Dersler

Bu dersimizde Photoshop ile sisli bir orman fotoğrafına ışık ışınları ekleyeceğiz. 3 yıl kadar önce hazırladığımız “Denize Yansıyan Işık Efekti” makalesindeki kullandığımız teknikleri tekrar hatırlayacağız, daha kısa ve basit yollarla yenileyeceğiz. (daha&helliip;)

Devamını Oku

Photoshop ile fotoğraf çekim efekti nasıl yapılır?

Vatanay Özbeyli Yorum yazın Fotoğraf Efektleri, Öne Çıkanlar, Video Dersler

Bu dersimizde Photoshop kullanarak fotoğraf çekim modeli oluşturuyoruz. ‘Telefonuyla fotoğraf çeken birinin fotoğrafını çekmek’ diye karmaşık bir şekilde de isimlendirebileceğimiz bu derste Photoshop’un bulanıklık ve boyutlandırma efektlerini birlikte kullanacağız.
(daha&helliip;)

Devamını Oku

Neden Bitmap görselleri Vektörel’e çevirmeliyiz?

Vatanay Özbeyli Yorum yazın Illustrator Dersleri, Öne Çıkanlar, Photoshop Dersleri, Video Dersler

Bu dersimizde bitmap görselleri nasıl vektörele çevireceğimizi öğreniyoruz. Beraberinde de bir mobil uygulama tasarımı yaparak bu işlemi örneklendiriyoruz.
(daha&helliip;)

Devamını Oku

Front-end Developer ne yapar? -Super Mario

Vatanay Özbeyli Yorum yazın CSS3, HTML5, jQuery, Öne Çıkanlar

Facebook sayfamızdan bir takipçimiz sormuş : “Front-end Developer ne iş yapar?” diye. Hakkaten ne iş yapar bu insanlar?

Özellikle serbest çalışma statüsündeki makalelerimize başlık atmak bizleri zorluyor. Dolayısıyla yer yer üstüne oturduğumuz yerlerden başlıklar türetmek ya da gelen soruları evirip çevirip yanıtlamak zorunda kalıyoruz. Bugün de konumuz web dünyasının son kullanıcıyla olan etkileşimini yöneten front-end geliştiricileri ile alakalı.

Front-end developer sadece önyüz yapar deyip bu makaleyi bitirmek isterdik. Ancak bu iş o kadar basit değil. Günümüzde iyi bir önyüz geliştiricisi olmak istiyorsanız birkaç stil kodu biliyor olmakla yetinmemeli, fonksiyonelite tarafında da kendinizi geliştirmelisiniz. Biraz da grafik tasarım..

Adobewordpress‘in Adobe eğitimleri sizi grafik tasarımcı, HTML–CSS–JS dersleri web tasarımcısı yapabilir. Bu iki yola da hakim olmanız da sizi tasarımcı yapar. Bunu müzisyenin de, ressamın da sanatçı diye nitelendirilmesiyle örneklendirebiliriz.

Makalemizin devamında “Front-end Developer ne yapar?” sorusunu hazırlayacağımız çalışmayla, aynı anda grafik tasarım ve web tasarımı yaparak örneklendireceğiz.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

LESS nedir? Nasıl yazılır?

Vatanay Özbeyli 4 Yorum CSS3, Öne Çıkanlar

Tasarımcının kodla haşır neşir olduğu ender dillerdendir CSS. Çoğu zaman keyif verici bir dil olsa da büyük projelerde, satır sayısı binleri aştığında can sıkıcı bir hal alabiliyor. Bunun sebebi de çoğu zaman aynı kodları birden fazla yerde kullanmak durumunda kalıyor olmamız.

En ufak bir yazı tipi veya renk değişikliği için bile özgün tanım yapmamız gerekiyor. Peki buna mecbur muyuz? Tabii ki hayır. (daha&helliip;)

Devamını Oku

CodePen’de Yapılmış En Etkileyici 10 Çalışma

Vatanay Özbeyli 2 Yorum Haftanın İlham Kaynakları, Öne Çıkanlar

Adobewordpress ailesi olarak CodePen‘i çok seviyoruz ve sık sık örneklerimizi orada oluşturuyoruz. Biz web geliştiriciler için hazırlanmış interaktif bir oyun sahası olan CodePen’de milyonlarca fikri barındırmakta. Ama bunlardan bazıları var ki yaratıcılık ve teknik bilginin birlikte tavan yaptığında ne sonuçlar doğurabileceğini bize gösteriyor.