Photoshopla Klasör Simgesi Yapımı

Photoshop, Tasarım | | 13 Ağustos 2007

Photoshopla 5 Adımda Klasör Simgesi Oluşturmak

Digg‘de gezintilerimden birini yaparken bir gönderiye rastladım. Photoshopla klasör yapımını anlatan hoş bir makale ilgimi çekti. Aşağıda okuyacağınız yöntemle, kolay ve yapması fazla uzun sürmeyen bir biçimde kendi klasörlerimizi oluşturabiliriz. Lafı fazla uzatmadan hemen uygulamamıza geçelim. (Bu uygulama için Photoshop versiyonunuz önemli değil, ben 7 versiyonda bu uygulamayı yapabiliyorum)

ADIM 1
Öncelikle 400*400 px boyutunda RGB özellikli ve 72 resulation’a sahip bir doküman açın. Daha sonra aşağıdaki şekle benzer bir şekli Tool bölümünden Polygonal Lasso Tool (L) ile çizin. Shift tuşuna basılı tutarak düz çizgiler elde edebilirsiniz. Dilerseniz Photoshop’ta View >> Show >> Grid diyerek çalışma alanınızı karelere bölebilir bu sayede çiziminizi daha kolay yapabilirsiniz.
Adım 1

ADIM 2
Çizdiğimiz katmana (layer) şu özellikleri uygulayalım. (Adım 1′de çizmiş olduğunuz layer üzerine iki kere tıklayarak katman özelliklerini açın ve aşağıda yer alan özellikleri vererek çalışmanızın son halini elde edin.)

Gradient Overlay bölümünde renk geçişleri #FFd27A -> #FFB912 arasında olacak.

Stroke alanında ise Size: 1px – Position: Outside – Renk: #C07C33

Inner Glow bölümünde Blend Mode: Normal – Renk: #FFFFFF – Choke: 100% ve Size: 1px şeklinde ayarlayın. Bu aşamadan sonra aşağıdakine benzer bir görünüm elde etmiş olmalısınız. (Bu katmanı, katman 1 olarak adlandırın)
Adım 2
ADIM 3
Bu adımda ise mevcut katmanımızı Ctrl+J tuş fonksiyonuyla kopyalıyoruz. Kopyalanan katman üzerinde Ctrl+T tuş kombinasyonunu kullanarak eğip bükme işlemlerini yapacağız. Lütfen aşağıdaki şekle benzer biçimde değişiklikleri yeni layerınıza uygulayın. Yeni katmanın önce üst köşelerinden yana doğru bir miktar çekiyoruz. Daha sonra üst orta bölümden bir miktarda boyunu kısaltıyoruz. Şekilde yaptığımız işlemleri görebilirsiniz. (Bu katmanı, katman 2 olarak adlandırın)
Adım 3
ADIM 4
Bu adımda ise klasörümüzün içinde bir belge varmış izlenimi vermek için yeni bir katman oluşturacağız. Bu katmanda klasörlerimizden daha küçük bir dörtgen çizerek işe başlıyoruz. Bu dörtgeni dilerseniz Marquee Tool (M) ile dilerseniz de Rectangle Tool (U) ile çizebilirsiniz. Katman renginin beyaz olmasına (#ffffff) dikkat ediniz. (Bu katmanımızın adı da katman 3 olsun)

Çizimimizi yaptıktan sonra katmanımıza aşağıdaki özellikleri uyguluyoruz.

Gradient Overlay bölümünde Opacity: 10% renk geçişleri #000000 -> #FFFFFF – Angle: 50°

Stroke alanında ise Size: 1px – Position: Outside – Renk: #D6D6D6

Bu özellikleri verdikten sonra aşağıdakine benzer bir şekil elde etmiş olacaksınız.
Adım 4
ADIM 5
Klasörümüzü ve içinde görünecek olan belgeyi oluşturduktan sonra artık son rötuşlara geliyoruz. Bu bölümde son çizmiş olduğumuz beyaz dörtgen katmanı seçiliyken Ctrl+T tuş kombinasyounnu kullanıyoruz ve dörtgenimizi (shift tuşuna aynı anda basarak) biraz yukarı kaldırıyoruz. Böylelikle belge görünümü sanki klasörün içine girmiş gibi olacak. Daha sonra Katman 2′yi seçiyoruz ve burada katman özelliklerinden Opacity (görünüm) değerini %70′e getiriyoruz. Böylelikle bu katmanımız biraz daha şeffaf bir hale gelmiş olacak ve içindeki belgemiz daha görünür hale gelecek.
Adım 5
Katman 3′ün katman 2′nin altında olduğuna dikkat ediniz. Aksi durumda katmanlarımız arasında görünüş farkı olacaktır. Layer penceresinde hangi katmanın hangisinin altında veya üstünde kalmasını istiyorsanız fare yardımıyla o katmanı bir sonrakinin üzerine sürükleyebilirsiniz. (Bu da başka bir Photoshop ipucu oldu)

Çalışmamız burda noktalanıyor, dilerseniz farklı renklerde klasörler oluşturabilir, Katman 3′ü kendinize göre tasarlayabilirsiniz. Şayet bu şekilde bırakacaksanız Katman 3′ün üst köşesine aşağıdaki gibi bir katlanma efekti verebilirsiniz. Sadece Katman 3′ün sağ üst köşesini kesip koyu bir renge boyayıp yapıştırmanız yeterli olacaktır.
Son Çalışma

Rastgele Yazılar

Bu yazı , , kelimeleriyle etiketlenmiştir. Bu yazıyı beğendiyseniz Delicious, Twitter, Facebook gibi sitelerde paylaşabilirsiniz. Yazılarımızı düzenli olarak takip etmek içinse Rss abonemiz olabilirsiniz.

Photoshopla Klasör Simgesi Yapımı yazısı için 8 yorum yapılmış...

  1. tusul.com diyor ki:

    Photoshopla Klasör Simgesi Yapımı…

    Photoshopla 5 kolay adımda Windows klasör simgeleri oluşturma. (Bu makale t-infection.com tarafından yabancı bir kaynaktan Türkçemize çevrilmiştir.)…

  2. Muradu diyor ki:

    Çok güzel bir çalışma olmuş. Peki bu yaptığımız klasör simgelerini nasıl windows’un görünüşüne adabte edeceğiz. Yani klasörler açılırken bu yaptığımız şekilde nasıl görünebilir…

  3. enver diyor ki:

    aslında o klasörleri kullanmak çok basit. sadece bu yapılan klasörü .ico olarak kaydetmek gerekiyor malasef photoshop un ilk kurulumda ico olarak kaydetme özelliği yok bu yüzden ufak bi eklenti yapacağız photoshopa. bu eklentiyi http://www.box.net/shared/tjlpljtoel
    Plug-Ins\File Formats dizini altına atın. şimdi yaptığını çalışmayı save as diyere ico formatında farklı kaydedin. tabi çalışma boyutunu 64*64 filan yaparsanız sizin için iyi olur. şimdi iconunu değiştirmek istediğiniz dizini sağ tıklayın. yukarıdaki sekmelerden Customize > Change Icon > Browse diyerek iconun yerini belirtin bu kadar.

  4. webthese diyor ki:

    @Muradu bende tam bu konuda araştırma yapıyordum ki Enver’in yorumunu gördüm. Sanırım senin soruna güzel bir yanıt olmuş.

    @Enver kardeşim eline sağlık, iyi ki yazdın buraya. Ben de öğrenmiş oldum.

  5. turanyum diyor ki:

    Ben de bazen böyle ufak boyuttaki şekillerle uğraşan birisi olarak bu basit ve etkili klasör yapımı paylaşımı için teşekkür ediyorum. Ayrıca enver’in belirttiği eklentiyi indirdim, en çok da bu işime yaradı, ben de buna benzer birşeyler arıyordum, bunun için ayrıca teşekkürler…

  6. mm87 diyor ki:

    çok guzel

  7. oktay diyor ki:

    bu kadar basitmiş demek
    başka sitelerde ne tariflerle nelere zaman harcadım ben
    tekrar teşekkür etmek istiyorum
    yanlız bişey sormak istiyorum
    mozilla yada nero gibi programların ikonları çok daha kaliteli duruyo ben çalışmalarımda o kaliteyi yakalayamadım :( Hangi ayarı kurcalamak gerekiyor acaba?
    birde kısayol ikonlarının sol altında çıkan “ok” şeklini küçültmenin yada kaybetmenin bi yolu varmı acaba?

  8. ercan diyor ki:

    valla ben bişey anlamdım bunu benımle paylaşmak isteyen arkadaş varsa bana bu adresle ulşabilir

    düzenleme: lütfen yorumlarınızda e-posta adresi vermeyiniz.

Yorumunuzu Yazın