Merhaba Arkadaşlar;
Bu yazımızda, Adobe Fireworks CS4 programını kullanrak bir klasör ikonu oluşturacağız. Her zaman olduğu gibi, adım adım ilerleyeceğiz ve sonunda güzel bir klasör ikonu çizmiş olacağız.
1.Adım
Klasörümüzün iç kısmını oluşturmak ilk adımımız olacak. Vector araçlarından Rounded Rectangle aracı ile, kendinize aşağıdaki resimde göründüğü gibi bir şekil çizin. Şeklinizi, eğer isterseniz, seçili durumda iken üstündeki sarı noktaları hareket ettirerek, kenarların yuvarlatılma oranlarını değiştirebilirsiniz.
2.Adım
Bu adımda, klasörümüzün sol alt köşesine, tekrar Rounded Rectangle aracını kullanarak bir şekil daha ekliyelim.
Ekledikten sonra, oluşturduğumuz 2 nesneyi birleştirip tek bir nesne elde etmek için, 2 nesne de seçili durumda iken Modify>Combine Paths>Union komutunu verelim.
3.Adım
Nesnemizin sağ köşelerindeki yuvarlamayı iptal edeceğiz. Bunu yapmak için, nesnemizden daha yüksek herhangi bir dikdörtgen çizelim. Çizdiğimiz dikdörtgeni, soldaki şekilde görüldüğü gibi sağ köşelerin üstüne getirin ve Modify>Combine Paths>Punch komutunu verin.
Artık köşelerimizi de hazır.
4.Adım
Artık 2 boyutlu olarak klasörümüz hazır. Fakat biz 3.boyut hissi de vermeliyiz. Bu hissi uyandırmak için, nesnemizi seçin ve Skew Tool ve Distort Tool yardımı ile aşağıdaki şekillerdeki gibi 3B hissi vermeye çalışın.
5.Adım
Nesnemizi klonlayın.(CTRL+SHIFT+D). Klonu, klavyenizin ok tuşlarına birkaç kere basarak biraz sağa öteleyin. Sonrasında klon nesnenize bir yatay Linear gradient efekti uygulayın.
Linear Gradient uyguladıktan sonra, renklerini değiştirmelisiniz. Sol Rengi #000000 (Beyaz) , Sağ rengi ise #999999 yapın.
6.Adım
Artık klasörümüzün dış kısmını çizmek için hazırız. Dilerseniz, Layers Panelinde katmanınızın yanındaki göz simgesine tıklayarak, daha önce çizdiğiniz şekilleri görünmez yapabilirsiniz.Sizin tercihinize kalmış.Ancak az önce oluşturduğumuz Katman'ı kilitlemenizi kesinlikle öneririz ki yaptıklarımızı yanlışlıkla değiştirmeyelim. Bunu yapmak için de, katmanın yanındaki boş alana tıklayın. Bir kilit simgesi oluşmalı.
Yeni bir katman oluşturmak için de, Layers panelinin altındaki "+" simgesine tıklayarak yeni bir katman oluşturun.
7.Adım
Layer 2'yi seçin ve 1.katmandaki ile aynı yükseklikte fakat yarısı kadar genişlikte olan bir yuvarlatılmış diktörtgen (Rounded Rectangle) çizin. Sağ taraftaki yuvarlatılmış köşeleri iptal etmek için ise 3.Adım 'da uyguladıklarımızı tekrar uygulayın.
8.Adım
Dış kısmın sol üst tarafına küçük bir yuvarlatılmış dikdörtgen ekliyoruz. Çizdikten Sonra , 2 nesnemiz seçili durumda iken Modify>Combine Paths>Union komutunu uygulayarak nesnelerimizi birleştiriyoruz.
9.Adım
Dış kısmı bitirmeden önce, son eklediğimiz küçük dikdörtgenin alt kısmındaki geçişi biraz daha yumuşatacağız. Zoom Tool 'dan yardım alarak, belirttiğimiz kısma yakından bakıyoruz ve resimde görüldüğü şekilde, Subselection Tool yardımı ile, şekildeki mavi kareleri hareket ettirerek buradaki geçişi yumuşatıyoruz.
10.Adım
Zoom Tool'a çift tıklayarak, tekrar normal görünüme geçiş yapalım. Şimdi, daha gerçekçi bir görünüm elde etmek için, dosyamızın dış kısmını eğeceğiz. 4.adımda iç kısma uyguladığımız işlemin aynısını uygulayacağız. Resimleri inceleyelim
11.Adım
Artık, klasörümüzün dış kısmı da bitti. Bundan sonra yapmamız gereken, gerçekçi bir hava katmak olacak. İç kısma yaptığımız gibi, dış kısmı da klonlayın(CTRL+SHIFT+D) ve oluşan klonu birkaç piksel sağa öteleyin.
Oluşan klona bir Radial Gradient uygulayın. Doğrultusu olarak da sol üst köşeden sağ alt tarafa doğru bir geçişi olsun. Sol renge #FFCC33, sağ renge ise #FF6600 değerini verin.
12.Adım
Parlak bir 3B hissi vermek için, son oluşturduğumuz klonu tekrar klonlayın ve yaklaşık 3 piksel kadar sağa öteleyin. Bu yeni klonu düz beyaz renk ile doldurun. Şimdi de beyaz klonu klonlayın ve oluşan klonu düz siyah renk ile doldurun. Bunun gibi detaylar oluşturabilmek için, zıt renkler (beyaz ve siyah gibi) kullanmanızı öneriyoruz. Böylece detaylara konsantre olabilirsiniz. Parlaklık efektini verebilmek için, siyah klonumuzu da yaklaşık 3 piksel kadar sağa öteleyin.
13.Adım
Bu adımda, Siyah klonu beyaz klon ile "Punch" komutu ile birleştireceğiz. Solda kalan beyaz alan, bize parlaklık efektini verecek. Fakat Punch komutunu vermeden önce, siyah klonu, istemedeğimiz beyaz kısımları da yok etmek için biraz değiştirmemiz gerekecek. Aşağıdaki resimdeki işaretli noktalara bakalım.
İşaretlinmiş noktalarda siyah kısımları beyaz kısımları örtecek şekilde, Subselection Tool yardımı ile oynatın. Resimdeki gibi sonuca ulaştığınızı düşünüyorsanız, Zoom Tool 'a çift tıklayarak normal görünüme dönün. Artık Punch komutunu uygulayabilirsiniz. Beyaz ve Siyah klonları birlikte seçin ve Modify>Combine Paths>Punch komutunu verin. Oluşan beyaz kısmın Opacity değerini %40 yapın.
14.Adım
Bu adımda, Klasörümüzün dış kısmının sağ tarafına 3 adet dikey çizgi ekleyeceğiz. Rectangle Tool 'u seçin. Renk dolgusu olarak Linear Gradient verin. Renk değerleri olarak ise, 2 adet koyu turuncu renk girin. 1 piksek genişliğinde, klasörün yüksekliği kadar yüksekliğe sahip bir dikdörtgen çizin. Sonra bu çizdiğiniz dikdörtgeni 2 kere klonlayarak dikdörtgenin yanına doğru sürükleyin.
15.Adım
Üst tarafa bir ışık düşürelim. Bunun için, en üstteki katmanı (Gradient ile doldurduğumuz) klonlayın.(CTRL+SHIFT+D). Oluşan klonun dolgu rengini düz beyaz olarak değiştirin. Daha sonra, bu katmanın üzerine büyükçe bir daire çizin. Düz beyaz katman ile daireyi birlikte seçin ve Modify>Combine Paths>Punch komutunu verin. Oluşan beyaz kısmın görünürlük (opacity) değerini %25 yapın.
16.Adım
Şimdi de, Klasörümüzün iç kısmına bir ışık düşüreceğiz. Öncelikle, Layer 2 'yi gizleyelim ve layer 1 'i görünür yapalım. Layer 1'deki kilit simgesini de kaldıralım. Katmanlar panelininin görünümü aşağıdaki gibi olmalı.
Şimdi, en üstteki katmanı (gradient dolguya sahip olan) klonlayın(CTRL+SHIFT+D). Oluşan klonu, düz beyaz renk ile doldurun ve şekildeki gibi, beyaz dolgudan istemediğiniz kısımların üzerine gelcek şekilde bir çember çizin. 2 Nesnemiz de seçili iken Modify>Combine Paths>Punch komutunu verin ve kalan nesnenin görünürlük değerini %25 yapın
17.Adım
Layer 2'nin görünür yapın. Artık klasörümüzün nasıl göründüğünü görebilirsiniz.
İsterseniz, opsiyonel olarak klasörünüze bir metin girebilirsiniz.
