Fireworks ile Blogger Logosu Tasarlamak

Bundan bir önceki yazımda 15 adet kurumsal logonun tasarım derslerini sizlerle paylaşmıştım. Bu logo tasarım derslerinin içinde dünyaca ünlü blog altyapısı WordPress’in logosunun da dersi vardı. O var olduğu için Blogger’ın da logo tasarım dersini koymak istedim. Fakat sadece Corel Draw programında yapılan bir videolu anlatım vardı. Bana Photoshop’ta yapılan bir anlatım lazım olduğundan o dersi alamadım. Bu gün de ona merak sarmıştım.

Photoshop kullanmadığım için Fireworks programı ile Blogger logosunu yapmaya başladım.

Şimdi de size Fireworks CS4‘te Blogger logosu nasıl yapılır onu anlatayım;

1. Adım

İlk önce 600×400 boyutlarında bir sayfa açıyoruz. Sayfaya aşağıdaki şekli belirtilen boyutlarda (385×385) çiziyoruz. Şeklin rengini #FE6700 olarak ayarlıyoruz. Ben şekli çizgisiz olarak yaptım. Siz isteğinize göre seçebilirsiniz.

2. Adım

Bu adımda çizdiğimiz şekli seçip Properties bölümündeki Roundness değerini değiştirerek ovalleştirme işlemini yapıyoruz. Resimde görüldüğü gibi Roundness bölümünü 35 olarak ayarlıyoruz.

3. Adım

Şimdi çizdiğimiz ilk şekli Ctrl + C yardımıyla kopyalayıp CTRL + V ile yapıştırıyoruz. Elde ettiğimiz şeklin rengini boyutunu herşeyi aşağıda belirtildiği gibi değiştiriyoruz. Son olarak bu şekli, ilk çizdiğimiz şeklin ortasına gelecek şekilde yerleştiriyoruz. Eğer ortalama işlemini düzgün yapamıyorsanız View » Smart Guides seçenekleri işaretli olmalıdır.

4. Adım

Bu adımda yani Pen Tool aracını kullanarak son oluşturduğumuz beyaz şeklin yanlarına kıvrım noktaları ekleyeceğiz. Bunu yapabilmek için öncelikle Subselection Tool yani en üst sağdaki beyaz imleç ile şeklimize tıklayıp sonrasında çıkan küçük kıvrım noktalarından birine tıklamamız gerekiyor. Daha sonra Pen Tool’u kullanmaya başlayabiliriz. Bu işlem, sonraki adımda yapmamız gereken Auto Vector Mask efekti için gerekiyor.

5. Adım

Şimdi beyaz şeklimizi ikiye böleceğiz. Bunun için resimde gördüğünüz yerleri Subselection Tool (beyaz imleç) + Shift tuşu yardımıyla seçiyorsunuz. Daha sonra delete tuşuna basıp bu noktaları yok ediyorsunuz.

6. Adım

İkiye bölme işlemi tamamlandı. Fakat ortaya çıkan yarım şeklin alt tarafı yamuk olabilir, çünkü bu kıvrım noktalarını biz eklemiştik. Bunu düzeltmek için Subselection Tool ile bir noktayı seçip klavyedeki yön tuşları ile aşağı, yukarı çekebilirsiniz.

7. Adım

Sıra geldi efektimizi uygulamaya. Bu efekt ile Blogger logomuzun arkaplanı daha parlak görünecek. Efekti yapmak için önce beyaz şekli seçip Commands » Creative » Auto Vector Mask efektini uyguluyoruz.

8. Adım

Bu efekti seçtikten sonra karşımıza bir pencere çıkacak. Aşağıya doğru şeffaflaşan şekli seçiyoruz ve onaylıyoruz. Resimden nasıl bir görüntü oluşacağını görebilirsiniz.

9. Adım

Efektimizi oluşturduk. Şimdi aşağıdaki resimdeki gibi saydamlığı 30 olarak ayarlamalısınız. Bu işlemle birlikte logomuzun arkaplanı tamamen bitmiş oluyor.

10. Adım

Şimdi logomuzun asıl bölümü olan B harfini yazma aşamasına geldik. Öncelikle beyaz bir kare şekli çizip özelliklerini resdimdeki değerlere göre ayarlıyoruz. Daha sonra logomuzun arkaplanının ortasına yerleştiriyoruz.

11. Adım

Geldik en uğraştırıcı bölüme.. Bu adımda Blogger logomuzun logo olmasını sağlayacak olan B harfinin dış yüzeyini oluşturacağız. Bunu yapmak çok zor olmasa da yeni başlayanlar için çok uğraştırıcı olabilir. Özellikle ben bunu yapabilmek için neler çekmiştim :) Subselection Tool ve Pen Tool kullanarak oluşturacağımız bu şekilde, ortadaki yeşil dairenin içindeki kıvrım noktasını biz oluşturuyoruz. Aynısı olmasına gerek yok, siz benim yaptığıma benzettiyseniz olmuştur zaten.

12. Adım

Şimdi B harfimizin dış yüzeine gereken efektleri uygulayalım. Shadow and Glow » Drop Shadow efektini uyguluyoruz. Açılan küçük penceredeki ayarları aşağıdaki gibi değiştiriyoruz. Gölge rengini #A44203 olarak ayarlıyoruz.

13. Adım

Az kaldı bitiyor :) Şimdi de resimdeki ölçüleri uygulayarak Rounded Rectangle aracaı ile bir yuvarlatılmış dikdörtgen çiziyoruz. X ve Y yani yatay ve dikey konumlarını resimde görüldüğü değerlerde girin. Fakat sizin logonuzda iyi durmazsa kafanıza göre ayarlayabilirsiniz. Şekil için #FE6700, çizgi için #EA5E00 renk kodunu kullanabilirsiniz. Çizgi stilini resimdeki gibi Pencil » Pixel Soft olarak seçerseniz daha iyi görünecektir.

14. Adım

Son olarak B harfinin ikinci boşluğunu da yapmak için yine aşağıdaki resimdekileri uygulayın. Renkler yukarıdaki aşama ile aynı.

Sonuç

14 aşamadan sonra Blogger logomuz hazır.

Kayıt Dosyası: blogger-logosu-kayit-dosyasi.rar
Dosya Şifresi: www.sorbize.com

5 Yorum

  1. admin 22 Haziran 2010
  2. Uğur Aydın 22 Haziran 2010
  3. Slayer 28 Haziran 2010
  4. Şenol 29 Haziran 2010
  5. NovaCep 22 Ocak 2011

Yorum Yaz