Bugün sizlerle birlikte Photoshop kullanarak neon yazı efekti oluşturacağız.
(daha&helliip;)Text
Photoshop ile Şık Yazı Portre Tasarımı
Geçtiğimiz günlerde Photoshop ile şık poster ve afiş tasarımları hazırlamıştık. Bugün onlara bir yenisini katacağız.
Birlikte Mario Puzo‘nun dünya klasiklerine armağanı olan Godfather için bir tasarım hazırlayacağız. Kitap karakterlerinden olan Vito Corleone‘den (Marlon Brando) bir alıntı ve portreden oluşacak bu tasarım hem şık hem de basit.
(daha&helliip;)
HTML5 ve CSS3 ile Resim Açıklamaları
Bugün sizlerle HTML5 ile gelen figure ve figcaption tanımlarını CSS3‘ün animasyon öğeleriyle süsleyerek şık resim açıklamaları oluşturacağız. Bu işlemi daha önce, HTML5 öğeleri olmadan benzer yollarla “CSS ile SEO ve performans dostu harika resim açıklamaları” başlığı altında hazırlamıştık. Eski makalemizi güncellemektense bu süreçte gelişen teknolojinin nimetlerinden yararlanarak yenisini hazırlamaya karar verdik.
(daha&helliip;)Photoshop ile Yazıları Resimle Kaplama
Bu dersimizde Photoshop ile yazıları resim ve fotoğrafla kaplamayı öğreniyoruz.
(daha&helliip;)
Photoshop ile Metalik Yazı Efekti #1
Bu dersimizde metalik yüzeye sahip bir yazı efekti oluşturacağız.
(daha&helliip;)
Yatay <li> Elemanlarını Nasıl Ortalarız?
Yatay menü tasarımlarında sıklıkla kullandığımız <ul> içerisindeki <li> öğelerini ortalamak aslında gayet basit.
Birkaç basit CSS koduyla Firefox, Chrome ve Internet Explorer gibi yaygın tarayıcılarla uyumlu olarak çalışan bir ortalayıcı hazırlayabilirsiniz. (daha&helliip;)
CSS ile Yazı Arka Planı : text-fill-color
CSS3 ile yelpazeye dahil olan text-fill-color ile alışılagelmiş color arasındaki farkları inceleyeceğimiz bir makaleyle devam ediyoruz.
Sol tarafta görmekte olduğunuz gibi bu teknik ile fotoğrafları rahatlıkla metin üzerine yerleştirebiliyoruz. Sadece fotoğrafları değil, gradient (renk geçişleri) de bu teknik ile kullanılabilmekte. (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 ile Text-Shadow’a Maske
Daha önce CSS3’ün gelişmiş text-shadow özelliği ile şık tasarımlar yaptık. Bu makalemde ise oluşturduğumuz çizgisel PNG dosyasını kullanarak gölgelerimizi nasıl maskeleyeceğimizi öğreneceğiz. Özellikle başlıklarınızın için kullanabileceğiniz bu gölgeleme tekniğini hazırlamak gayet basit.
Maske.png dosyasına buradan erişebilirsiniz.
Eğer hazırsanız derse başlayalım. (daha&helliip;)