Nasıl Web Hosting Tasarımı Yaparız

March 17th, 2010 • Bir Başka Tasarım

Bu yazının orjinalini okumak için; http://www.grafpedia.com/tutorials/create-web-hosting-layout/

Bugün sizlere, göz alıcı bir web hosting tasarımı nasıl yapılır onu göstereceğim. Bu derste sadece ufak değişiklikler ve 2-3 renk kullanacağım ve sizde bu taslağı istediğiniz firma projesinde kullanabilirsiniz. Tabi ki ufak değişikliklere ihtiyacınız olacak. Bu PSD’nin katmanlarını mı indirmek istiyorsunuz? VIP Hesabı açın ve 12 ay boyunca ücretsiz güncellenin, bu önümüzde ki aylar da indirebileceğiniz anlamında.

Başlamak için yeni bir döküman oluşturmamız gerek. Boyutları her zaman 1000×1100 piksel ve ben arka planı beyaz olan bir döküman oluşturacağım.

Rectangle Tool aracını seçeceğim ve iki şekil oluşturacağım. Üstteki şekil için bu rengi kullanacağım: #393e43. Ve altta ki şekil içinse, bu rengi kullanacağım: #373a3e.

Sonra bir altta resimdeki gibi diğer şekilleri oluşturuyorum. Tam ekran görmek için buraya tıklayın.

Gördüğünüz gibi katmanlara, bazı katman stilleri uyguladım:

Custom Shape Tool aracı ile iki adet ok ekleyeceğim. Ve aynı stili (üstte yaptığımız) üzerine ekleyeceğim (okların olduğu katmanın).Şimdi Rounded Rectangle Tool aracı ile bir buton oluşturacağım. Bu buton için aşağıda gösterilen stilleri, Style panelinden ekleyeceğim:

Bu butonumun nasıl görüneceğidir:

Önplan (foreground) rengimi #25272a yapacağım ve Rounded Rectangle Tool aracı ile iki şekil oluşturacağım. Resmi tam boyutunda görmek için buraya tıklayın.

İki şekil içinde aynı stilleri ekleyeceğim:

Sonucumuz bu şekildedir: 

Üst kısma yaptığımız şeklin, üstüne bir kaç şekil daha ekliyorum. Ve aynı Layer stillini kullanıyorum. Burada hosting planlarını oluşturacağım. Eğer üçten daha fazla planınız varsa daha fazla şekil oluşturabilirsiniz. Tam boyutta görmek için buraya tıklayın.

Horizontal Type Tool (Text Tool) (T) aracı ile herangi bir yazı yazıyorum ve aynı zamanda birkaç server resimleri ekliyorum. Lütfen resmi tam ekran da görmek için buraya tıklayın.Myriad Pro ( italic ) yazı tipini kullanıyorum. Tasarımın orta kısmına (beyaz boş kısım) bir resim ve herhangi bir yazı ekliyorum.

Son adımım bir arama kutusu yapmak, böylelikle müşteriler oradan aktif domain isimlerini arayabilirler. Buton için uyguladığımız stilin aynısını uyguluyorum.

Tasarımın alt kısmında (footer) oraya bir başka şekil ekleyeceğim (üstteki katman stilinin aynısını kullanıyorum) ve bir kaç bir yazı. Bu benim sonucum. Umarım beğenirsiniz. (Tam ekran görüntülemek için buraya tıklayın.)

Want to download ALL Grafpedia Downloads including this layered PSD layout ? Register for a VIP account and you will be able to download 70.000 items + you will have 12 months free updates.

---

Bu yazı, http://www.grafpedia.com/tutorials/create-web-hosting-layout/ yazısının Türkçe çevirisidir. Yazının hakları siteye ve/veya yazara aittir. Siteye (grafpedia.com) ve yazarına (Razvan) teşekkür ederim. Çeviri: Cannur DAŞKIRAN.

Tags: grafpedia, hosting, hosting tasarımı, taslak, web tasarım, web taslağı

Trackback URI.