Sitenin adresi http://goingtorain.com/

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.

Güncelleme: Google Chrome demin itibariyle yayınlandı. Indirip Denemek için yazının sonunu okuyun.

  Bir süredir Firefox‘la birlikte ilerleyen Google‘ın kendi Web Browser’ını çıkarması insanı düşündürüyor. Hatta Techcrunch‘da 28 Ağustos’ta yazılan yazıya göre Google, Mozilla ile ‘Search Deal‘ olarakta adlandırabileceğimiz Firefox’taki Arama kutucuğu ile ilgili anlaşmasını 3 yıl daha yenilediğinden bahsediliyor. (Ilgili Yazı) Mozilla‘ya bu kadar önem veren Google‘ın Yaptığı bu Chrome tanıtımı Mozilla‘nın ve Net kullanıcılarının Google‘ın yapmak istediğinin ne olduğunu düşünmesine neden oluyor.
 

  Başlangıçta Gbrowser olarak anılan Google Chrome, Bana göre Eğer kullanıcıların ilgisini uzun vadede yakaladığı takdirde Google‘ın akıllıca atmış olduğu bir adım olacak. ‘Google = Internet‘ kavramını daha da güçlendirecek olan Chrome. Mobil hayatımızın her yerinde bir Google hizmeti gördüğümüz bu günlerde Mobil hayatımızın kapıları olan Browser alanında da söz sahibi olmak istediğinin bir kanıtı. Google‘ın her zaman yaptığı gibi Sade ve Işe Yarar Tasarımı Chrome‘un SS (ScreenShot-EkranGörüntüsü) larında da görülüyor.
 

  Google, Chrome‘un tanıtımı için Scott McCloud‘a yaptırdığı karikatürle Net dünyasına duyurdu. Karikatürde Google’da çalışan Mühendislerin Çizgi Karakterleri bize Chrome’u anlatıyor. Eğer Ingilizceniz varsa Karikatürü okumanızı tavsiye ederim. Karikatür tanıtıma ulaşmak için Tıklayın.
 
  Bu tanıtımda ilk Browser’ların sınırlılığından ve şu anki Browser’lardaki eksiklerden bahsederek konuya giriş yapılıyor. Chrome‘un Açık Kaynak Kodlu olacağını da buradan anlıyoruz. Sekme sistemine de yenilik getirecek olan Chrome, şekil olarak diğerlerinin aksine Sekmeleri Browser’ın en üstüne koyuyor. Değişik bir sistem kullanılan bu üründe Her sekmenin kendine ait hafızası olacağından, Böylece Browser sekmelerinden birinde girdiğimiz sitede sorun olduğundan Browser’ı değil, sadece o sekmeyi kilitleyeceğinden bahsediliyor.

  Her sekmenin kendine ait bir URL Box (kutucuğu) bulunmakta. Chrome‘da URL Box’a Google‘da arama yaptığınız gibi birşeyler yazmaya başladığımızda bize site önerileri verecek. Normal URL ile arama için yazılan kelimelerin sinir bozacağını inanan kısım içinse Güvenin, bu hoşunuza gidecek diyor Google çalışanları. Chrome bu özelliği ile bir Application olarak çalışan Google Search görevini de üstlenmiş gibi görünüyor. Sekmeleri anlatmaya devam edersek Chrome sekmelerinde kullanılan ‘Detach’ olayı sayesinde istediğimiz sekmeyi istediğimiz yere ayırabilaceğiz. Sanırım aşağıdaki Karikatür bunu güzel şekilde anlatmış.

 
  Birde Chrome‘un varsayılan ekranı bulunmakta. Bu ekran daha önce Opera’da da gördüğümüz sisteme benzer birşeyler sunuyor. Ek olarak sağ menüde Son Arananlar, En Son Eklenen Yer imleri, En son Kapanan Sekmeler gibi şıklar sunuyor. Chrome‘un Varsayılan sayfası da işe yarar şeyler barındıracak gibi duruyor.

  Karikatürden kafamızı kaldırıp Google‘ın Official Blog’unda yazanlara kafamızı çevirirsek Google Chrome‘un Kullanıcı deneyimlerine yardım edecek özelliklerinin olduğundan bahsedilmiş. Zaten şöyle bir düşünürsek, Sekme sistemindeki yenilikler, Arama için yapılan iyileştirmeler ve bahsetmeyi neredeyse unuttuğum Chrome‘da standart bulunan ve V8 denilen Javascript Derleyicisi sayesinde Chrome‘da bir sayfaya girmeye çalıştığımızda işlemlerin daha hızlı gerçekleşeceği anlaşılıyor gibi.
 
  Bunca özelliği olmasa bile Sadece Google ismi yüzünden çoğu Net kullanıcısı (Ben Dahil) bu Web Tarayıcıyı deneyeceğiz. Eğer dediklerini yapmışlarsa (ki yapmadıklarını şimdiye kadar görmedik) Web Browser piyasasındaki diğer Firmaların buna nasıl karşılık vereceklerini şimdiden merak ediyorum. Google attığı bu adımı sağlam attığı takdirde Diğer Firmaları bayağı zora sokacak. Son sözler olarak Official olarak Beta sürümünün yayınlanması halinde Bu başlık altında Chrome‘a ulaşabileceğiniz link eklenecek. Şimdilik aşağıdaki Fotolarla idare edin.

Güncelleme: Yukarıda da linkini verdiğim gibi biraz önce Google Chrome Yayınlandı. Ilk bakışta hoş bir Web Browser olan Chrome’u incelemeye başladım. Chrome yayınlanır yayınlanmaz, Google Official Blog’da Google Chrome Now Live adlı bir yazı yayınlandı. Ilgilenenler bu ingilizce yazıyı okuyabilirler. Linki yeniden tekrarlamak istiyorum. Google Chrome’u indirmek isteyenler aşağıdaki linke tıklayabilirler;
http://www.google.com/chrome/index.html?hl=tr&brand=CHMG&utm_source=tr-hpp&utm_medium=hpp&utm_campaign=tr

Örnekle anlatmak gerekirse HD kameranızla bir video çektiniz ve bunu en az kayıpla Net ortamına atmak istiyorsunuz. Bu videoyu Youtube a attığınızda belli bir sıkıştırmaya maruz kalıp fazla bir kayıpla pekte iyi görünmeyen bir video kaydınız olacak. Onun yerine videoyu Vimeo’ya atıp gerekli ayarları yaptığınızda 1280×720 çözünürlüğe kadar bir video kalitesini sağlayabileceksiniz ki Bu çözünürlük şu anda Net üzerinden video izleme servisleri arasında en iyi kalite demek. Vimeo’nun kalitesini az çok anlamanız için aşağıdaki resme bir göz atın.

Vimeo’nun bana göre şu andaki tek handikapı HD kalitesindeki videoları sadece kendi sitesi üzerinden izleyebilmemiz.

Vimeo’da nasıl HD Video izleriz?

Eğer Vimeo’ya eklenmiş video HD destekliyorsa izlediğimiz videonun sağ kenarında Share ve Embed’in altında HD is off yazısı bulunuyor. Video bu haliyle yüklenirse Youtube’daki gibi bir kaliteyle yüklenmektedir ama HD is off a basıp aynı yerde HD is on yazısını görmeye başlamışsak izlediğimiz video ilk baştan HD olarak yüklenmeye başlar ve Tam ekrana geçtiğimizde oldukça kaliteli bir video izlemeye başlarız. Bu konuda deminde değindiğim gibi Vimeo bize videolarını sadece kendi sitesi üzerinden HD olarak izlememize olanak sunuyor. Yani Embed kullanarak site içeriğimize gömdüğümüz Videoları, ziyaretçiler HD izlemek isterlerse HD is On düğmesine bastıklarında kendilerini Vimeo’daki ilgili sayfada buluyorlar. Embed kod üzerinden de HD görüntü alınabilse daha iyi olurdu gibi geliyor ama bu haliyle de Vimeo’yu kabulleniyoruz.

Sonuç

Vimeo bize yeni nesil Net üzerinden Video izleme ve Yüksek kalitedeki Videolarımızı net üzerinden sunma olanağını sunuyor. Tabi ki Youtube ile karşılaştırıldığında bir çok eksisi olduğu görülse de Fikir üretme ve harekete geçme hakkında bize fikir veriyor. Zaten keşfedilmiş, ben niye keşfedeyim yada Aynısını kopyalayıp bir Klon olayım demek yerine kendi fikrini katıp bize yeni birşeyler sunuyor. Vimeo’da hoşuma giden 1-2 video’yu aşağıda görebilirsiniz. Iyi seyirler.