Bildiğiniz gibi CSS3’in transparan yazı rengi, geçiş efektleri ve gölgelendirmeleri sayesinde birçok tasarım hazırlamak mümkün. Bu yazımda ise yine aynı elementleri kullanarak farklı bir yazı tipi oluşturacağız. (daha&helliip;)
yazı
Photoshop ile Renkli Yazı Efekti
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.
Photoshop ile Yazılardan Oluşan Resim
Photoshop ile yapılabilecek yüzlerce yazı efektinin en dikkat çekicilerinden birisi de kelimelerden oluşturan resimler olmuştur.
Bu makalemde sıradan bir görseli yazılardan oluşturacağız. Bu tasarım web üzerinde logo ve banner gibi alanlarda kullanılabileceği gibi poster tasarımcılarının da işine yarayabilir. Lafı fazla uzatmadan konumuza gelelim.
İlk olarak yazının üzerine işleyeceğiniz paragrafları hazırlamalısınız. Elimin altında hazır metin yok diyorsanız buradan Lorem Ipsum sitesine girip kendiniz için istediğiniz oranda metin hazırlayabilirsiniz. (daha&helliip;)
CSS ile NYAN CAT Yazı Tasarımı
Bildiğiniz gibi Nyan Cat internetin en çok tanınan simalarından birisi. Ama daha önce Nyan isimli bu kediyle tanışma fırsatınız olmadıysa sizi buraya alabiliriz.
CSS ile Tipografik Baskı Yazı Tipi
Merhabalar. Yukarıda gördüğünüz yazı efektini hem CSS ile hem de Photoshop ile saniyeler içerisinde hazırlayabilirsiniz. Bu yüzden eş zamanlı iki adet makale yazıyorum. Bu okuduğunuz makalede CSS kullanarak efektimizi hazırlayacağız. (daha&helliip;)
Photoshop ile Tipografik Baskı Yazı Tipi
Merhabalar. Yukarıda gördüğünüz yazı efektini hem Photoshop ile hem de CSS ile saniyeler içerisinde hazırlayabilirsiniz. Bu yüzden eş zamanlı iki adet makale yazıyorum. Bu okuduğunuz makalede Adobe‘un Photoshop programını kullanarak uygulama yapacağız. (daha&helliip;)
CSS ile Grunge Yapıda Başlıklar
Grunge birçok anlama gelmekte. Bunlardan en yer etmiş olanı Rock müziğindeki tür. Ama benim anlatmak istediğim kirli ve yıpranmış tasarım türü.
İlk olarak yazılarımızın üzerinde kullanacağımız görüntüyü oluşturuyoruz. Bu yapı için transparan desteğine ihtiyacımız var, bu yüzdendir ki ben PNG formatını tercih ettim.
Bu tekniğin temeli CSS ile Gradient Yazı tekniğiyle aynıdır. Sadece minik bir varyasyon oluşturuyoruz.Bu tekniğin bütün detaylarını incelemek için üstte belirttiğim konuyu inceleyiniz.
Web Geliştiricilerinin El Kitabı
Üniversite hayatımın son yılında yazmaya başladığım “The Differences Between Web 1.0 and Web 2.0” konulu tezim hiç yönelmediğim, web tasarımının sosyal yönünü bana öğretti.
WWW içinde fazlasıyla yer etmiş onlarca akademisyenin çalışmalarını okumak üniversite eğitimi hayatımdaki tek verimli dönem olmuştu.
Bu makale dizesinde web geliştiricilerinin bilmesi gereken bazı ipuçlarından bahsedeceğiz. Web teknolojilerini verimli kullanarak sayfalarımızı geliştireceğiz bir yandan da SEO dostu tasarımı konuşacağız.
Okumakta olduğunuz makale sizlerle etkileşim içinde gelişecektir. Önemli bir bilgi bankası olana kadar genişlemeye devam edecektir. (daha&helliip;)
CSS ile Yazılara Gradient Efekti
Bu dersimizde ilk olarak Nick La’nın web sayfasında gördüğüm CSS Text Gradient tekniğini öğreneceğiz.
Bu teknik minik bir hile üzerine kurulu. Web sayfanızın arka plan rengiyle uyumlu gradient dosyaları hazırlayıp onları span halinde yazıların üstüne ekliyoruz.
Nasıl mı? Beyaz bir arka plan, üzerinde siyah bir başlığın olduğu sayfanız var diyelim. Beyazdan 0% opacity e doğru giden bir gradient çizip .PNG uzantısı ile kayıt ediyorum ve yazının üzerine gelecek şekilde yerleştiriyorum. Böylece gayet kullanışlı bir yazı efekti elde ediyorum.
(daha&helliip;)
Photoshop ile Renkli Arka Plan ve Balon Yazı
Kısa bir aradan sonra yepyeni bir Photoshop dersi ile herkese merhabalar.
Yukarıdaki görsel iddialı ve kompleks gözüküyor olabilir. Ama gözünüzü korkutmasın. Çünkü uygulamaya geçtiğinizde ne kadar çabuk bittiğine şaşıracaksınız. Photoshop ‘u açtıysanız artık başlayabiliriz.
İlk olarak arka planı hazırlayacağız. Sonrasında ise yazımızı ekleyeceğiz.
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
Photoshop ile Fotoğraf Eskitme
Photoshop ile Boyama ve Renklendirme Teknikleri -1-
CSS ile Açılıp Kapanabilen Haber Kutucukları
Yandex Partner ile Web Sitenizden Para Kazanın