wmaraci reklam

Photoshop’da Google’ın Logosunu Yapmak

3 Mesajlar 2.782 Okunma
pst.net
wmaraci reklam

bd bd WM Aracı Kullanıcı
  • Üyelik 26.10.2010
  • Yaş/Cinsiyet 34 / E
  • Meslek 2
  • Konum Manisa
  • Ad Soyad B** D**
  • Mesajlar 4926
  • Beğeniler 784 / 3953
  • Ticaret 18, (%100)
Açıkçası google’ın yeni logosu eski logosuna göre çok daha canlı ve profesyonel görünüyor. Yıllardır hep aynı logoyu kullanan google logosunu bu şekilde canlı bir logo ile değiştirerek çok iyi yaptı bence. Bugün internette google’ın yeni logosunun yapılışını anlatan türkçe bir kaynak aradım ancak ne yazıkki bir kaç ingilizce kaynak dışında bulamadım. Bu da beni üzdü desem yalan olmaz. Bu yüzden bugün yazacağım yazımda size photoshop’da google’ın yeni logosunu nasıl yaparız onu anlatacağım.



Üstteki resimde de gördüğünüz gibi google’ın yeni logosu eski logosuna göre çok daha canlı görünüyor. Ayrıca bu logoyu yapmak o kadarda zor bir iş değil. Photoshop’da bir kaç efekt kullanarak bu logoyu rahatlıkla yapabilirsiniz. Tek yapmanız gereken aşağıdaki adımları izlemek.

Adım 1 – Başlarken

Logoyu yaparken Adobe’un yeni sürümü Photoshop CS5′i kullandım. Yine logo yapımına başlamadan önce google’ın logosunda kullandığı yazı tipini indirmemiz gerekecek. Bu yazı tipinin ismi: “Catull Regular”. Bu fontu buradaki bağlantıdan rahatlıkla indirebilirsiniz. Yine logo yazı boyutunu ben 85pt olarak ayarladım. Bu yüzden aşağıda verdiğim gölgelendirme değerleri daha büyük boyuttaki yazılar için az gelebilir. Yine bu değerleri kendi göz zevkinize göre ayarlayabilirsiniz.

Adım 2 – Logo Yapımına Başlıyoruz

Google logosunda mavi, kırmızı, sarı ve yeşil olmak üzere 4 farklı renk kullanılıyor. Bu renklerin hex kodları ise şu şekilde:

Mavi: #1552d9 (G, g harfleri için)
Kırmızı: #d62408 (İlk o ve e harfleri için)
Sarı: #fca304 (İkinci o harfi için)
Yeşil: #01a20c (l harfi için)

Kullanacağımız renk kodları bu şekilde. Şimdi photoshop’da Google yazarak bu renk kodlarını harflere uyguluyoruz. Uyguladıktan sonra logomuz şu şekilde olacaktır:



Adım 3 – Şimdi Biraz Gölgelendirelim

Bildiğiniz gibi google’ın logosunda hafif bir gölge var. Şimdi bu gölgelendirmeyi yapalım. Bunu yapmak için yazının layer’ına sağ tıklıyoruz ve “Blending Options” seçeneğine giriyoruz. Buradan “Drop Shadow” seçeneğini seçiyoruz ve aşağıdaki ayarları uyguluyoruz.

Blend Mode: Normal
Opacity: 60%
Angle: 120 degrees – Use Global Light
Distance: 2
Spread: 10
Size: 2



Bu gölgelendirme değerlerini uyguladıktan sonra logomuz şu şekilde görünecektir:



Adım 4 – Sıra Bevel and Emboss Efektinde

Şimdide sıra Bevel and Emboss efektine geldi. Yine bu efektimizi uygulamak için yazının layer’ına sağ tıklıyoruz ve “Blending Options” seçeneğine giriyoruz. Buradan “Bevel and Emboss” seçeneğini seçiyoruz ve yine aşağıdaki değerlerimizi giriyoruz.

Style: Inner
Technique: Smooth
Depth: 50%
Size: 5px
Soften: 0px
Angle: 120 – Use Global Light
Altitude: 45
Opacity 1: 50%
Opacity 2: 90%



Bu değerlerimizi de girdikten sonra logomuz bitiyor ve görümü şu şekilde oluyor.



Adım 5 – Ve Son Olarak Kaydediyoruz

Şimdi png dosyası olarak kaydedelim ve işte logomuz:



Evet arkadaşlar. Göründüğü gibi yapımı o kadar zor olmayan bir logo ama ancak bu kadar az efekt ve uğraşa rağmen web’in en iyi logolarından biri. Tek ihtiyacımız olan biraz yaratıcılık.

Yine bazı arkadaşlarımızın işine yarayacağını düşünerek resmi PSD dosyayı olarakta kaydettim. Bu dosyayıda buraya tıklayarak indirebilirsiniz.

Kaynak: Sorbize
 

 

wmaraci
reklam

petsise petsise WM Aracı Kullanıcı
  • Üyelik 27.11.2010
  • Yaş/Cinsiyet - /
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 3
  • Beğeniler 0 / 0
  • Ticaret 0, (%0)
Evet gerçektende yeni logosu eskisine nazaran çok daha zarif ve canlı görünüyor. Teşekkürler ;)
 

 

AhmetDncr AhmetDncr WM Aracı Kullanıcı
  • Üyelik 27.11.2010
  • Yaş/Cinsiyet 34 / E
  • Meslek Grafiker
  • Konum Konya
  • Ad Soyad ** **
  • Mesajlar 6
  • Beğeniler 0 / 1
  • Ticaret 0, (%0)
tşkler güzel anlatım :)
 

 

>> Ufaktan Moda <<
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al