Anasayfa » Tasarım » Buradasın

Web 2.0 Logo Yapmak

Bu yazı dincer tarafından 29 Kasım 2008 tarihinde yayınlandı.

Web 2.0 Logo yapmayı öğrenmek istermisiniz?

Yorum Yok 1 kere okundu Facebook'ta Paylaş

Web 2.0 tarzında logoları basit ve karmaşık olarak ikiye ayırmanın yerinde olduğunu düşünüyorum. Bu yazıda Web 2.0 bir logonun nasıl yapılması ve neye benzemesi gerektiğini anlatacağım.

Aslında birşeyi “Web 2.0″ tasarlamak diye bir standart yoktur ama Web 2.0 diye adlandırılan Web Hizmetlerinin nasıl tasarlandığına yakından bakarak (tabir yerindeyse kulaktan kulağa anlatımla) birşeyler yapmaya çalışıyoruz. Yeni sitelerin modern web tasarımını kullanarak yapılmasıyla ortaya çıkan bu akım bize Ajax gibi nimetleri sundu. Web Tasarımcısı açısından daha hızlı, ziyaretçilere daha fazla siteye katkı sağlama yetkisi veren bu teknolojilerle birlikte sitelerin görsel tasarımları da değişti.

Web 2.0 Logo Neye Benzer?

Bu sitelerdeki Logolar Kalın ve Büyük Fontlardan oluşan, çekici renkleri olan bir yapıya dönüştüler. Hala Web 2.0 Logolar hakkında bir fikriniz oluşmamışsa aşağıdaki resimdeki logoları inceleyebilirsiniz.

Listenin uzunluğunu ve logoları gördünüz. Bir sürü Web 2.0 Logo tasarım türü var ama genel olarak Yuvarlak köşelere sahip fontlar kullanılarak, Soft, Canlı Renklere sahip, yansımaları olan, sert köşeli olarak uzayıp gidiyor. En iyi eğitimin görerek olduğuna inandığım için yukarıdaki logolar size zaten yeterli fikri vermiştir. Bir Web 2.0 Logoyu nasıl yaparız? En basit şekilde Web 2.0 Logo Yaratıcı adlı siteyle istediğimiz şeyi yazdırabiliriz. Bu seçenek dışında Photoshop veya benzeri bir Programla kendimiz bir Logo çizebiliriz.

Web 2.0 Logo Çizelim

505px ‘e 165px beyaz bir döküman açalım. Text Tool‘u seçin ve Istediğiniz şeyi yazın (Ben Arial Rounded MT Bold fontunu kullanarak 60 puntoda Mondaynay yazdım)

Şimdi rengimizi seçelim. Web 2.0 bir logonun en önemli kısmı rengidir. Seçtiğimiz renk açık ve canlı bir renk türü olmalı (Ben #fd3400 rengini kullandım)

Gradient kullanmanın sırası geldi. Pürüzsüz bir Logo istediğimiz için Blending Options‘tan Gradient Overlay‘e giriyor ve aşağıdaki ayarları uyguluyoruz.

Stroke‘u açıp aşağıdaki ayarları uygulayın.

Daha sonra Drop Shadow ayarını açıp aşağıdaki ayarları uygulayın.

Bu ayarları yaptıktan sonra aşağıda gördüğünüz gibi bir logo ortaya çıkar.

Bir logo oluşturmak, Photoshop veya benzeri programları ne kadar iyi bildiğinizle de alakalıdır.

Photoshop Stil Dosyası Yardımıyla Logo Yapmak

Bir süre önce Web 2.0 Stilleri diye bir Photoshop Stil dosyası ortada gezmeye başladı. Bu dosyayla Text Tool‘la istediğinizi yazıp yüklediğiniz stillerden birini seçerek değişik logolar tasarlayabilirsiniz. Önce web20asl dosyasını indirin. (Sağ tık yapıp dosyayı kaydet’in) Zipli dosya içindekini “C:Program FilesAdobeAdobe Photoshop CS2PresetsStyles” benzeri bir yere yani Photoshop Klasörü içindeki “PresetsStyles” a kopyalayın.

Stili Yüklemek için dosyayı attığınız yerdeyken attığınız dosyaya 2 kere tıklayın. Dosya Kurulmuş olması gerekir. Web 2.0 stilleri Photoshop içindeki Styles sekmesinde kullanıma hazır olmalı.

Nasıl Çizeriz?

Şimdi bu stil yardımıyla bir Logoyu nasıl yapabileceğimize bakalım. Ben yine Mondaynay.com yazacağım bunun için 4 tane layer oluşturdum. Bu layerlere Text Tool yardımıyla sırasıyla “Mon”, “day”, “nay” ve “.com” yazdım ve aynı yere yan yana dizdim. Demin yüklediğim Styles içindeki stillere gelerek “Mon” ile “nay” a go2web20-purple’ı; “day” ile “.com” a ise go2web20-green’i çekip tek tek ilgili layerlerin üzerlerine bıraktım. Karşınıza aşağıdaki gibi bir sonuç çıkmalıdır.

Web 2.0 logo hakkında benim anlatabileceklerim bu kadar yazının içinde de dediğim gibi Web 2.0 olan logolara bakarak ve Photoshop bilginizi genişleterek daha değişik şeyler ortaya çıkarabilirsiniz. Aşağıdaki gibi bir logoyu son anlattığım teknikle yapmak çok zor olmasa gerek.