Photoshop ile Kaliteli Button Nasıl Hazırlanır

Merhaba arkadaşlar,

Bu yazımda Photoshop kullanarak kaliteli buttonların nasıl oluşturalacağı hakkında bir paylaşımda yapacağım.

1-İlk olarak çalışmak istediğiniz boyutlarda bir sayfa açıyoruz ve arkaplan rengimizi belirliyoruz,Daha sonrasında bu layerın orta kısmında temiz bir çalışma yapabilmek için View penceresinden New Guide sekmesini tıklıyor ve ben 500px genişliğinde açtığım sayfamın tam ortasını belirlemek için değeri 250px olarak belirliyorum.

2 – Daha sonrasında Rounded Rectangle Tool aracı ile köşelerin ovalliğini kendi zevkimize göre belirlediğimiz bir button oluşturuyor ve rengini belirliyoruz. (daha&helliip;)

Devamını Oku


Photoshop Colorburned Efekti Uygulaması

Merhaba arkadaşlar,

Bu hafta ne tür bir paylaşım yapacağım konusunda çok kararsız kaldım ve evde uzun zaman geçiremediğim için düşünmek için fazla zamanda bulamadım,fakat bu sabah bir photoshop efektine rastladım ki,çok hoşuma gitti ve bu efektin yapılışını photoshopta deniye deniye hazır hale getirdim.Şimdi sırada ise bu uygulamayı ve nasıl yapıldığını sizlerle paylaşmak var. (daha&helliip;)

Devamını Oku

Photoshop Gömülü Yazı Efekti Uygulaması

Merhaba arkadaşlar,
Bu paylaşımımda sizlere yine Web tasarımında sıkça kullanılan bir yazı efekti uygulamasının nasıl yapıldığını anlatıcağım.
Photoshop’la haşır neşirseniz çoğu sitede bu dersin bulunduğunu görmüşsünüzdür,Inset Text Effect diye geçen bu uygulamanın
adına biz türkçe karşılık olarak Gömülü Yazı Efekti diyoruz.Bu uygulama sayesinde sitenizin header kısmına güzel grafikler
tasarlayabilirsiniz.

Şimdi geçelim dersimize
1 – İlk olarak belli boyutlardaki sayfamızı Photoshopla açıyoruz ve arkaplan rengini #d9cfc0 olarak ayarlayıp,Layer ismini
arkaplan olarak değiştiriyoruz.

2 – Daha sonra arkaplan için ufak birkaç değişiklik daha yapıyoruz.Buradan indirdiğimiz texture’lardan birini arkaplanımıza ekliyor ve (daha&helliip;)

Devamını Oku

Photoshop 3D Ribbon Uygulaması

Merhaba arkadaşlar.
Bu paylaşımımda sizlere Photoshop ile web tasarımında en sık kullanılan uygulamalardan birini daha anlatıcağım. Bundan önceki yazımda Noise Texture uygulamasıyla web sayfaları ve masaüstü için güzel arkaplanları nasıl yapıcağımızı anlatmıştım, bu yazımdada bir önceki ders kadar faydalı olduğunu düşündüğüm başka bir uygulamadan bahsetmek istiyorum.
Uygulamanın son hali paylaşımın thumbnail’ında gözüktüğü gibidir,
Artık dersimize geçebiliriz.

1 – İlk adım olarak belirlediğimiz boyutlarda bir sayfa açıyoruz ve daha sonra arkaplan rengi olarak istediğimiz rengi seçiyoruz.

Ben pattern yardımıyla üstteki gibi bir arkaplan belirledim,Bu sizin zevkinize göre değişebilir.

2 – Daha sonra yeni bir layer açarak adını genel olarak değiştiriyoruz ve bunada bir arkaplan belirliyoruz.

Ben bunun içinde farklı bir pattern kullanarak beyaz üzerine çapraz çizgilerden oluşan bir arkaplan belirledim.

3 – Daha sonra 3d ribbon’umuz için belirlediğimiz şekli çizmeye geldi. Bunun için yeni bir layer açıyoruz ve adını 3d ribbon olarak değiştiriyoruz, ve bunada bir renk ataması yapıyoruz.

4 – Şimdi sıra 3d özelliğini veren eklemeleri hazırlamaya geldi. Ben sol taraftaki çıkıntı kısmının yapımını anlatıcağım diğer kısmıda aynı şekilde yapılıyor. Bunun için kırmızı renkte oluşturduğumuz şekille aynı uzunlukta fakat width değeri küçük ve rengi daha koyu olan bir şekil daha belirliyoruz. Tabi bunu yapmadan öncede yeni bir layer açıp adını Ribbon sol olarak değiştiriyoruz. Her şekil için farklı layer’da çalışmamız bize değişikliklerde kolaylık sağlayacaktır.

4 – Şimdi bu koyu renkte hazırladığımız şekil için derinlik özelliğini vermeliyiz.Bunun için ctrl+t tuşlarına aynı anda basıyoruz ve şeklimiz köşelerinden boyutlandırılabilir bir duruma geliyor, daha sonra şeklin üzerinde sağ tuşa basıp Perspective sekmesini seçiyoruz ve aşşağıdaki gibi şekillendiriyoruz.

5 – Bu adımdan sonra şekli bulunması gereken yere kaydırıyor ve fazlalık kısımları siliyoruz.

Gördüğünüz gibi sol tarafı hazır hale geldi, aynı işlemleri sağ taraf içinde yaptığımızda karşımıza şu şekilde bir sonuç çıkıyor.

Bu konu üzerinden yaratıcılığınız kullanarak farklı şekiller oluşturabilirsiniz. Umarım faydalı bir konu olmuştur,bir dahaki paylaşımımda görüşmek üzere…

Bu uygulamayı kullanarak yapılan örnek çalışmalar :

Devamını Oku