camera-modal-photoshop

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

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


CSS ile Material Design’ın Ripple Efekti

google-material-designGoogle‘ın ses getiren tasarım trendi Material Design ile birlikte görmeye alıştığımız dalgalanma efektini CSS ve jQuery ile hazırlamak mümkün. Bu şık efekt kullanıcıya tıklama hissiyatını vermenin yeni yolu. Özellikle web sayfanızın mobil ekranlarında kullanmanızı önerebileceğimiz bu tasarımın örneğini aşağıdan görüntüleyebilirsiniz.

Bu dersimizde su dalgalanmasını andıran bir tıklama efekti hazırlayacağız.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

CSS ile SEO ve performans dostu harika resim açıklamaları

Merhaba arkadaşlar. Bu makalemizde görsel açıdan olduğu gibi performans ve SEO açısından da inanılmaz başarılı olan bir resim efektini anlatacağız.

Okumakta olduğunuz makalenin türevleri olabilir, fakat tarafımızdan hazırlanan bu CSS kodu yerli ve yabancı kaynaklarda bulabileceğinizin en iyilerinden biri. Neden mi?

  1. Sadece tek division kullanıyor.
  2. Köprü bağlantılar a block veya onclick ile değil, klasik href türünde. Böylece ziyaretçinin browserinin java desteği kapalı olsa bile tam performans ile çalışmakta.
  3. Yukarıda dediğim gibi, kod satırlarının içersinde JS yok. Bu yüzden hızlı ve her kullanıcı tarafından görülebilir.
  4. CSS3 ‘ün yeni teknikleriyle süslü.
  5. Yazılar paragraf içinde, yani tam anlamıyla açıklama metinleri oldular. Böylece arama motorlarının botları görsel arandığında <p> içindeki geniş açıklama metnini yayınlar. Kısaca SEO dostu diyebiliriz.
  6. Yazılar seçilerek kopyalanamaz.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

Photoshop ile Renkli Yazı Efekti

Rainbow Text Effect

Bu makalemizin konusu renkli bir yazı efekti. Photoshop ile birkaç dakikada hazırlayabileceğiniz bu yazı tasarımı sunumlarınız için gayet şık bir tercih olabilir.

Başlayalım

Photoshop’u açtıktan sonra istediğimiz boyutlarda yeni bir çalışma alanı oluşturuyoruz. Ben 690×235 piksel boyutlarında çalışacağım. Açtığımız yeni çalışma alanının arkaplan rengini siyah olarak ayarlayabilirsiniz. Burası sizin tercihiniz.

 

(daha&helliip;)

Devamını Oku