Photoshop da logo yapımı
Photoshop basit logo yapma programlarına göre daha gelişmiştir. Bunun nedeni Photoshop programının sadece logo yapmak için değil aynı zamanda fotoğraf düzenlemek, albüm oluşturmak, filtreler eklemek vs. vs. gibi işlemler içinde kullanılmasıdır. Photoshop programını ilk kez kullanan biri sol ve üst kısımda bulunan araçlardan – menülerden ürker. Bunun nedeni Photoshop CS5 araç çubuğunda bulunan araçların sayısı ve karmaşıklığıdır. Sorunun pratik çözüm yolunu oluşturmak amacıyla Photoshop da logo yapımı için genel olarak kullanılan araçları tanımlayalım.
Logo yaparken en çok kullanılan Photoshop araçları
Move (Taşıma aracı) : Move yani taşım aracı bir nesneyi bir yerden başka bir yere taşımak veya hizalamak için kullanılır. İki veya daha çok nesne arasında belirli bir hizalama yapmak içinde kullanılmaktadır. Sadece logo yapımında değil Photoshop projelerinin hemen hemen hepsinde kullanılır. Kısayolu V tuşudur.
Eyeddropper (Damlama aracı) : Damlama aracı ile Photoshop’da açılan projedeki bütün renkleri öğrenebiliriz. Ayrıca damlalık araçları kısmında ister nokta şeklinde, istersenizde kare şeklinde renk kodlarını öğrenebilirsiniz. Damlalık aracı ile site arkaplanınıza uygun bir şekilde tasarım oluşturabilirsiniz. Kısayolu I tuşudur.
Paint Bucket (Boya kovası) : Belirli bir alanı istenilen renkte doldurur. Kısayolu G tuşudur. Shift + G tuşuna basıldığında yan araca geçmektedir. Graident Tool () adlı araçda bir renkten başka renk geçişleri sağlar. Logo yaparken kullanılan araçlar arasında yer alır.
Text Tools (Yazım araçları) :Photoshop’da yazı yazmak için kullanılır. Soldaki resimde göründüğü gibi ilk yazı aracı yatay, ikincisi ise dikey yazı oluşturmaktadır. Geriye kalan yazım araçları ise içi boş yazı oluştururlar. Kısayolu T tuşudur.
Tools (İşaretleme araçları) : Dörtgen, oval, tek satır ve tek sütün olarak alan işaretlemeye yararlar. Eğer katmanda sizin seçtiğiniz (işaretlediğiniz) alan içerisinde herhangi bir nesne yoksa işlem yapmaya kalktığınızda Photoshop uyarı verebilir. Kısayolu M tuşudur.
Drawing Tools (Çizim araçları) :Ekranda göründüğü gibi Photoshop da Dikdörtgen, yuvarlak köşeli dikdörgen, elips, çokgen,çizgi ve diğer özel şekilleri yapmak için kullanılır. Logo yaparken kullanılma ihtimali yüksek araçlardır. Kısayolu U tuşudur. Araçlar arasında geçiş yapmak için SHİFT + U tuşu kullanılır.
Soldurma / Gölgeleme / Canlılık kazandırma : Soldurma aracı renkleri bulunduğu tonu soldururken, yakma canlandırır. Sünger ise rengi siyah – beyaz modda değerlendirir. Çok fazla parlatılan renklerde sünger aracı kullanılabilir. Kısayolu O tuşudur. Yine geçiş yapmak için shift tuşuyla birlikte O tuşuna basılmalıdır.
Araçlarımızı tanımladıktan sonra iki adet örnek logo yapalım. Bunlardan ilki kişisel site, blog vb tarz şeklinde siteler uygunken ikincisi daha kurumsal ve ciddi görünen siteler içindir.
Photoshopda kişisel site logo tasarımı (Ulaşıcağımız sonuç)
Photoshopda kurumsal site için logo tasarımı (Ulaşıcağımız sonuç)
Logo için ilk katman
Kişisel blog logo tasarımında gördüğünüz soldaki logoyu kullanmayıp logonuzu sadece text logo (sadece yazı) şeklinde oluşturacaksınız bu aşamayı atlayabilirsiniz.
Yapmanız gereken ilk şey sol taraftaki logoda görülecek harfleri belirlemeniz. Logo amblemi için görüldüğü gibi ben Bilgius’un baş harfi “B” yi seçmiş bulunuyorum. Siz de site isminizin baş harfini veya siteniz ile alakalı harfleri belirleyebilirsiniz. Örneğin siteniz “Bilgi Tanrısı” gibi iki kelimeden oluşuyor ise kelimelerin baş harfleri “BT” harflerini alabilirsiniz.
Harfi seçtikten sonra Photoshop yazım araçlarının ilkine ( Yatay yazım aracı / Horizantal Text) tıklıyoruz. Her bilgisayarda (Web fontu olduğundan global olarak kullanılmaktadır) Arial yazı tipi olduğu için sadece Arial yazı tipini kullanacağız. Resimde gördüğünüz amblemi oluşturmak için Büyük “B” harfini ekrana giriyoruz.
Büyük “B” harfini ekranımıza girdikten sonra daha önce kullandığımız renkte atayacaktır. Oysaki bizim gri bir renge ihtiyacımız var bu nedenle yazdığımız büyük “B” harfini seçip Renk seçiciye tıklıyoruz ve renk kodumuzu #a0a0a0 olarak uyguluyoruz.
Harfin son hali aşağıdaki gibi olacaktır.
Şimdiki görevimiz ise site rengimizi ön plana çıkartmak için katmanımızı çoğaltmak. Bu görevi yerine getirmek amacıyla Katman / Katmanı çoğalt (Layer / Duplicate Layer) veya direkt olarak Ctrl + j kısa yolunu kullanabilirsiniz.
Katmanı çoğalt dedikten sonra karşınıza katmanın özelliklerini atayacağınız bir pencere çıkacaktır. Burada ben katmanımızın amacı olan site rengi anahtar kelimesini geçirerek katmanın isim özelliğini tanımlıyorum.
İsimlendirdiğimiz katmanın rengini site rengimiz daha doğrusu basık olarak ayarlanacak rengi atıyoruz. Görüldüğü gibi ben yeşil olarak atadığımdan amblem yeşil tonlarına bürünmüştür. Yalnız belirtmem gerekirse burada kullanacağız renk açık tonlara sahip olmalıdır. Aksi takdirde parlaklıklar sağlanamayacaktır. Son hali aşağıdaki resim gibi olmalıdır.
Gelelim katmanlar (Layer) bölmesine. Katmanlar sekmeniz açık değilse F7 tuşuna basarak açabilirsiniz. Son olarak oluşturduğumuz harfe ait katmana tıklıyoruz ve bir kere daha katmanı çoğalt diyoruz. Bunun nedeni ise en üste bulunan katmanın amblemimize parlaklık sağlayacak olmasıdır. Ben bunun için katmanın ismini En üst parlak – B olarak tanımladım.
İlk oluşturduğumuz gri renkteki harfe ait olan katmanın üzerine tıklıyoruz.
CTRL+ T tuş kombinasyonunu kullanarak katmana ait olan yer değiştirme düzeneklerini aktif ediyoruz.
Katmanı aşağıdaki resimde görüldüğü gibi -5 derece döndürüyoruz ve işlemin tamamlanması amacıyla Enter tuşuna tıklıyoruz.
Son oluşturduğumuz ve En üst parlak – B adını verdiğim katmanın üzerine tıklıyoruz.
CTRL+ T tuş kombinasyonunu kullanarak katmana ait olan yer değiştirme düzeneklerini aktif ediyoruz.
Katmanı aşağıdaki resimde görüldüğü gibi 3,5 derece döndürüyoruz ve işlemin tamamlanması amacıyla Enter tuşuna tıklıyoruz.
CTRL+ T tuşuna tekrar tıklıyoruz (İsterseniz bu aşamayı üstteki aşamayla birleştirip uygulayabilirsiniz. Daha net bir şekilde anlayacağınızı düşünerek aşamaları bölümlendirip açıklayıcı – ayrıntılı bir anlatımda bulunmayı tercih ettim.).Yine En üst parlak – B yani en son oluşturduğumuz katmanın G (Genişlik – ing: W -> Width) ve Y (Yükseklik – ing:H ->Height) ayarlarını %95 olarak ayarlıyoruz.
Son oluşturduğumuz (En üst parlak – B ) katmanın ışık modunu aşağıdaki resimdeki gibi Katı karışım (ing: Hard Mix ) yapıyoruz. Bu sayede son katmanımız bir altında bulunan katmanı parlatmış oluyor.
Işık modunu Karı Karışım seçtikten sonra hemen yanında bulunan Opaklık (Opacity) ayarını %50 olarak uyguluyoruz.
Bu zamana kadar yaptığımız aşamaları tamamladıktan sonra aşağıdakine benzer sonuç elde etmiş olmamız gerekiyor.
Amblemimizin hangi renge daha fazla bağımlı kalınmasını belirleyen ikinci katmanımızın rengini seçiyoruz.
Katmanlar sekmemizin en altında Matematikten hatırladığımız fonksiyon (işlevsellik) yani katman stili ekleme butonuna tıklıyoruz.
Karşımıza gelen açılır pencereden Depgrade kaplama (Graident Tool) seçeneğine tıklıyoruz.
Depgrade kaplama paneline geldiğimizde otomatikten siyah – beyaz veya daha önce kullandığımız şablonu atayabilir. Biz kendi şablonumuzu oluşturmak – özelleştirmek için depgrade akışına tıklayın.
Gelen pencerede ikinci transparan şeklini yani Türkçe adıyla “Ön plandan transparana” düzenini seçiyoruz.
Arkaplan(Background) hariç tüm katmanlarımızı seçiyoruz.
Katman / Yeni / Katmanlardan Grup Oluştur ( Create Layer – Add Layer) tıklıyoruz ve Grup özelliklerini tanımladıktan sonra “Tamam (OK)” butonuna tıkladıktan sonra grubu oluşturmuş oluyoruz. Bu sayede text-logomuzun kaynağı hazır olmuş bulunmakta. İsterseniz grubu çoğaltıp modifiye ederek logonun sağ tarafında bulunan yazıya ulaşabilirsiniz.
Grubumuzun üzerine geliyoruz ve CTRL + T ‘ye tıklıyoruz ve resimde görüldüğü gibi 45 derece döndürüyoruz.
Grubumuzun üzerine geliyoruz ve Katman / Grup çoğalt (Group Duplicate) tıklayarak grup özelliklerini tanımladıktan sonra grubumuzu çoğaltıyoruz.
Çoğalttığımız grubun üzerine gelip CTRL + T’ye tıklıyor ve -85 derece döndürüyoruz.
Taşıma aracına(Move) gelip (V tuşuna tıklayın) kendi harflerinize göre (ortalama 50 px sağ tarafa) aşağıdaki resme benzer bir şekilde hizalayın.
Grupları bir resim haline getirin. Bunun için grupların üzerine gelip CTRL + E tuşuna tıklayın. Resimde görülen Katman 1 adlı katman önemsizdir. Dikkate almayınız.
Photoshop araç çubuğundan Sihirli Değnek (Magic Wand) aracının toleransını %60 yaparak sağ taraftaki (hangi tarafın geçmesini isterseniz) “B” harfini seçin. Bu seçimin gerçekleştirilmesi için seçilecek alan ile aynı katmanda bulunulması gerekiyor. Yani eğer siz sağ taraftaki b katmanında olmayıp yine sağ taraftaki katmandaki alanı seçmek istiyorsanız Photoshop otomatik olarak sol taraftaki katmanı seçicektir.
Harflerin birbirinin içerisinden geçirilmiş gibi bir görünüm yaratmak istiyorsak bir tarafını gösterip diğer tarafını silmemiz gerekir. Bu nedenle biz üste kalan tarafı seçim alanından çıkarmak zorundayız. Bunun içinse Photoshop programında alt tuşunu kullanıyoruz.
Katmanların sıralaması önemlidir. Katmanları aşağıdaki düzeneğe uygun bir şekilde sıralayın. Taşıma işlemini gerçekleştirmek için katmanı üst tarafa sürekleyin.
Bu işlemleri gerçekleştirene kadar “Sağ B” yani sağ taraftaki katmanda idik. Şimdi ise diğer yani sol taraftaki katmana geçiyoruz. Seçim alanını ve katmanı aşağıdaki resme uygun bir şekle getirdikten sonra delete tuşuna basın. Eğer katmanın tümü gitmişse diğer katmana geçip delete tuşuna basmayı deneyin. Herhangi bir değişiklik göremiyorsanız katmanların sıralamasını değiştiriniz.Böylece herhangi bir katmanın üst tarafı görünür kalırken alt tarafı görünmeyeceği için gözlerimiz bu durumu birbirinin içinden geçen harfler olarak algılayacaktır.
Son olarak Filtre / Filtre Galerisi / Fırça Darbeleri / Çapraz Tarama bölmesine gelip 3 – 0 – 1 ayarlarını ekledikten sonra logodaki sonuca ulaşabilirsiniz.
Photoshop da text logo yapmak
Ps Proje dosyasını indirerek logonun aynısını yapabilirsiniz.
Proje dosyasını indirdikten sonra Photoshop da açın.
Photoshopda da görüldüğü gibi her bir grup bir harfi göstermekte. Kendi istediğiniz harfleri oluşturmak için grupların içerisinde bulunan 3 adet Text’i değiştirmeniz gerekiyor. Bunun için katmanların yanında bulunan T sembolüne çift tıklayın.
photoshop-logo-yapma-yazi-proje-hali-1
Harf eksikliğinde Katman / Grubu çoğalt veya direkt olarak ALT tuşuna basılı tutup grubu sürekleyiniz. Harf fazlalığında ise diğer katmanların yanında bulunan gözlere tıklayabilir veya diğer katmanları silebilirsiniz.
Logo baştan nasıl yapılabilir?
Logonun kaynağı ilk aşamada anlatılan amblem kısmına dayanmaktadır. Text logoyu baştan oluşturmak için bu aşamaya (Depgrade eklendikten sonraki haline)kadar gelmeniz yeterlidir. Bu aşamadan sonra logonuzun üzerine gelip ALT tuşuna basarak başka bir alana sürekleyin. Katmanın veya grubun otomatik olarak coğaldığını göreceksiniz.
Kurumsal site için hazırladığımız logo tasarımına başlayalım…
Kurumsal logo tasarımında ilk bilmeniz gerekenler kurumsal sitelerin ciddi bir görünüm sergilemesi ve bu nedenle sert renklerden oluşması gerektiğidir. Kurumsal yani ciddi görünmesi gereken web sitelerinde renk çizelge geçişleri çok canlı bir şekilde olmamalıdır. İkinci dikkat edilecek husus ise kurumsal sitenin kategorisidir. Kurumsal bir sitenin kategorisini temsil eden şekil logoya yansıtılmalıdır. Bu sayede logoya işlevsellik kazandırılabilir. Şimdi bir Petshop için basit bir logo denemesi yapalım. Yine dünya üzerinde kullanılan genel fontlardan yola çıkacağız. Bu sefer Arial yerine başka bir web fontu olan Georgia fontunu kullanacağım.
Yeni bir katman oluşturalım.
Çizeceğimiz ilk şekli belirleyelim. Bunun için Özel Şekil Aracı (Custom Shapes) bölümünü kullanabiliriz.
Şeklimizi belirli boyutlarda çizdikten sonra katmanızın kopyasını oluşturalım. Katmanımızın kopyasını oluşturmak için Katman / Katmanı Çoğalt (Layer / Layer duplicate) tıklayın.
Katmanımızı kopyalıktan sonra CTRL + T kısa yolunu kullanarak hizalama düzeneğini aktif edin.
Aşağıda görüldüğü gibi genişlik boyutuna -100 değerini verin. İngilizce Photoshop kullanıcıları için G değeri W değerine eşdeğerdir. -100 değerini verdikten sonra aşağıdaki resme benzer bir görüntü ortaya çıkacaktır. Bulunduğunuz yani yeni değer atadığınız katmanı sol tarafa doğru çekerek bir sonraki aşamadaki duruma getirin.
Sol tarafa çektiğiniz şekilden sonra kullanacağınız hayvanları seçin. Ben kedi, köpek ve kuşları seçtim.
Shift tuşuna basılı tutarak düzgün bir şekilde hayvanların bacakları salyangozların üst tarafına gelecek şekilde resimdeki gibi hizalayın.
Aynı işlemlerin benzerlerini diğer hayvan şekilleri üzerinde gerçekleştirin.
Hayvan şekillerinden oluşan logonun bitmiş hali.
Şimdi son olarak bu logonun yanına ciddi bir font eklemek gerekiyor. Bunun içinde kurumsal logo başlığının altında belirttiğim sizinde bilgisayarınızda bulunan Georgia web fontunu kullanacağım.
Petshop logomuz hazır.