Text

Photoshop ile Renkli Yazı Efekti

Vatanay Özbeyli 4 Yorum Efektler, Photoshop Dersleri, Yazı Efektleri

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

Photoshop ile Yazılardan Oluşan Resim

Vatanay Özbeyli 3 Yorum Efektler, Photoshop Dersleri, Yazı Efektleri

Photoshop ile Metinlerden Resim OluşturmaPhotoshop 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;)

Devamını Oku

CSS ile Yazılara Gradient Efekti

Vatanay Özbeyli Yorum yazın CSS3, Tasarım Unsurları

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.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

Photoshop ile Renkli Arka Plan ve Balon Yazı

Vatanay Özbeyli 2 Yorum Efektler, Photoshop Dersleri, Yazı Efektleri

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.

(daha&helliip;)

Devamını Oku

Photoshop ile Etkileyici Yazı Efekti

Vatanay Özbeyli Yorum yazın Efektler, Photoshop Dersleri, Yazı Efektleri

Merhaba arkadaşlar.

Geriye dönüp hazırladığım Photoshop makalelerine bakınca yazı efektlerinin sayısının yetersiz olduğunu fark ettim. Biraz araştırma sonunda solda gördüğünüz tekniği anlatmaya karar verdim.

Bu dersi uygulamanız için bir adet siyaha boyanmış objeye ihtiyacınız olacak. Ben Photoshop’un içinde bulunan kedi görselini kullandım. Eğer siz de aynı kedi resmini kullanmak isterseniz Custom Shape Tool‘u kullanabilirsiniz. (daha&helliip;)

Devamını Oku

Css Font Özellikleri

Egemen Özbeyli 1 Yorum CSS3

Merhaba arkadaşlar,

Uzun zamandır işlerimin yoğunluğundan dolayı yapamadığım paylaşımlarıma somut olarak işlemler yapabileceğiniz ve web sayfalarının en önemli kısımlarından biri olan font ve özellikleriyle devam edeceğim.Bu paylaşımda css ile fontları nasıl ve ne şekillerde değiştirebiliriz onu öğreneceğiz.

İlk olarak Css’de font için kullanabileceğiniz özellikler aşağıdaki gibidir,

i . Color
ii . Font Family
iii . Font Size
iv . Font Weight
v . Font Style
vi . Font Variant
vii . Font

Şimdi adım adım yukarıdaki değelerin nasıl uygulanacağına geçebiliriz.

1 – Color :

Bu özellik sayesinde web sayfalarında yazılarımıza istediğimiz rengi tanımlayabiliriz.Örnekle açıklayacak olursak aşağıdaki satırlar net bir uygulama olacaktır.


p.header { color:#FF0000;} // Bu şekilde header bölümünde yazılarımız kırmızı olarak yazacaktır.

2 – Font Family :

Metinlerde kullanacağımız font ailelerini belirlemek için kullanacağımız özelliktir,Kullanımı hakkında aşağıdaki örneğe bakabilirsiniz.


p{

color:#FF0000;

 font-family:"Times New Roman", Times, serif; } // Bu durumda yazdığımız yazılar kırmızı ve Times New Roman ailesiyle yazılacaktır.

3 – Font Size :

Bu özellik yazdığımız yazıların boyutlarını belirlemekte kullanacağımız özelliktir,Kullanımının farklı çeşitleri vardır,Bu farklı kullanımlar aşağıdaki örnekte (daha&helliip;)

Devamını Oku