Bu dersimizde Photoshop ile resimler üzerine ekleyeceğimiz 3 boyutlu cam cisimler sayesinde şık duvar kağıtları hazırlayacağız.
(daha&helliip;)
blur
jQuery ile Scroll ve Arkaplan İlişkisi
jQuery‘nin scrollTop tanımı ile birlikte web sayfalarındaki kaydırma çubuğununun seviyesini numerik olarak yakalayabiliyoruz. Hal böyleyken bu yapıyı niye CSS3 ile ilişkilendirip şık tasarımlar hazırlamayalım ki?
Bu dersimizde aşağıya scroll edildikçe büyüyen ve bulanıklaşan arkaplan tasarımı yapacağız. İşlevsellik yükünü jQuery, tasarım yükünü de CSS sırtlayacak. Hazırsanız başlayalım.
(daha&helliip;)
Photoshop ile Bulanık Arkaplan Hazırlama
Bu dersimizde Photoshop ile blurred (bulanık) arkaplan resimleri hazırlıyoruz.
(daha&helliip;)
Ücretsiz 15 Adet Blurred (Bulanık) Arkaplan
Bu yazımızda sizler için hazırladığımız 15 adet bulanık arkaplan resimlerini paylaşacağız. 1920×1080 boyutlarındaki görsellerle ister masaüstünüz isterseniz de web sayfanızın arkaplanını süsleyin. “Bana balık vermeyin, balık tutmayı öğretin!” diyenleriniz de olacaktır.
Eğer bu görselleri nasıl hazırladığımızı öğrenmek istiyorsanız sizi buraya alalım : “Photoshop ile Bulanık Arkaplan Hazırlama” (daha&helliip;)
Photoshop Blur Efektleri : Bölgesel Odaklanma
Photoshop derslerimiz bölgesel blur efektiyle devam ediyor.
Bu efekt sayesinde görselinizin herhangi bir bölgesine bulanıklık katabilirsiniz. Temel hedef ise odaklanmayı sağlamaktır.
Özellikle geniş görüş açısına sahip fotoğraflara ayrı bir hava katan bu efekt beraberinde çalışmalarınıza derinlik vermenize de yardımcı olur.
Bu makalemizde sizler için Photoshop’un Tilt-Shift efektini inceledik. Ayrıca efektin arayüzünü tanımlayarak odaklanma temalı örnek bir fotoğraf hazırladık. (daha&helliip;)
CSS ile 3D, Blur, Ateş, Buz, Neon, Asit, Alfa ve Anaglyph Yazı Tasarımları
CSS’in güncel text-shadow özelliklerine bol bol değişmiştik. Şimdi ise aynı yöntemle oluşturulmuş diğer örnekleri ele alacağız.
CSS Text-Shadow Nedir? Nasıl Yazılara Et Kalınlığı Vermemizi Sağlar?
Bir diğer CSS konulu makalem ile herkese merhabalar. Bu dersimizde sıradan yazılarımıza 3 boyutlu sunumlara çevireceğiz. CSS’in text-shadow kod birimi metinlerinize et kalınlığı vermek için fazlasıyla yeterli. Ama öncesinde bu özelliği biraz tanıyalım.
Photoshop ile Temel Yağmur Efekti
Photoshop ile yağmur efekti hazırlamak gayet kolay. Etrafa birkaç nokta ekledikten sonra onları biraz çekiştiriyoruz. Böylece ortaya hızla süzülen yağmur damlaları çıkıyor. Hadi şimdi bu anlattıklarımı detaylandıralım. (daha&helliip;)
HTML5 ve CSS3 ile Yaprak Menü
CSS’in transition efektleriyle ilgili bir çok çalışma yaptık. Fiziksel efektlerinden de rotate ve bluru daha önce birkaç kez kullandık. Hadi gelin hem o bilgileri pekiştirelim hem de gayet şık bir menü tasarımı yapalım. Ama öncesinde aşağıdaki örnek .GIF dosyasını görüntülemenizde fayda var.
Ya da canlı test etmek isteyebilirsiniz :
(daha&helliip;)CSS ile Etkileyici İnteraktif Logo
Merhaba arkadaşlar.
Bu makalemizde CSS’in Blur efektini kullanarak tanım ve slogandan oluşan gayet etkileyici bir logo (başlık örneği de olabilir) hazırlayacağız. Öncesinde örneği görüntülemek isteyebilirsiniz.
WordPress Kullanıcılarının En Sık Karşılaştığı Hatalar ve Çözümleri
Sitenize Kolayca Slider Ekleyin
Photoshop’u Türkçe Yapma, Türkçeleştirme
Kolayca fotoğraflarınızın kalitesini arttırın!
CSS Renk İsimleri
Yukarı Scroll Edildiğinde Gözüken Header
CSS ile Renkli ve Görsel Geçişli Menü
Photoshop ile Sayfa Kenarını Kıvırma ve Katlama
Photoshop ile Gerçekçi Sinema Efekti