Photoshop ile Profesyonel Bir Oyun Sitesi Yapmak

Adobe Photoshop'ta Online Oyunlar web sitesi tasarımı öğrenin.
Not: Ben düzeni kullanılan oyun görüntüleri sahibi değilim
1. 900 × 1050 olan yeni bir katman oluşturun. Eğer logo, banner, menü istiyorum Planı dışında, içerik vb düzeni olacak.
[Linkleri görebilmek için üye olun veya giriş yapın.]2. Yeni bir katman oluşturun ve bir renk ile doldurun. Sağ katmanı tıklatın ve bu renkler koymak Gradient Overlay, gider:
[Linkleri görebilmek için üye olun veya giriş yapın.]
3. Kapmak dikdörtgen aracı ve daha önce bu renkler koymak gibi bir gradient overlay kullanılarak, bu afiş şekil çizmek:
[Linkleri görebilmek için üye olun veya giriş yapın.]
4. Sonraki yuvarlak köşeli dikdörtgen aracı almak ve benzeri altında ince dikdörtgen çizin. Ctrl + t dönüşümü getirmek için ctrl tuşunu basılı tutun ve her alt köşesine tıklayın ve içeri köşeleri hareket
Aşağıda renkleri kullanarak degrade koyun. Gitmek Bevel & Emboss ve Dış Glow içine ve ben aşağıda var ayarları koymak.
[Linkleri görebilmek için üye olun veya giriş yapın.]

5. önceki yöntem yine yuvarlak köşeli dikdörtgen aracını seçin ve logo gibi aşağıda bir şekil oluşturmak kullanma. Blending Options> Color Overlay gidin ve afiş (# 050606) üst aynı renk yapmak

[Linkleri görebilmek için üye olun veya giriş yapın.]

6. font etkisiz hale adıyla türüne Ardından, gelen yazı almak için [Linkleri görebilmek için üye olun veya giriş yapın.] . renk olun Oyunları renk # ffffff & Online: # a7ca3a.

[Linkleri görebilmek için üye olun veya giriş yapın.]

7. font Arial Rounded MT 14 boyutunda kalın beyaz düğme başlıkları yazmak kullanma. Sonraki dikdörtgen aracını seçip aşağıdaki gradient renkleri kullanarak metin arkasında bir menü çubuğu çizin. Aşağıdaki ayarlarla bir Bevel & Emboss koymak karıştırma seçenekleri iken.

[Linkleri görebilmek için üye olun veya giriş yapın.]

8. çizgiler aracı alın ve her isim arasında renk # 414141 kullanarak bir çizgi çizin.

[Linkleri görebilmek için üye olun veya giriş yapın.]

9. Sonraki kullanarak I'm olsun, afiş için bir resim gibi [Linkleri görebilmek için üye olun veya giriş yapın.] görüntü kırpma afiş çok uyuyor bu.

[Linkleri görebilmek için üye olun veya giriş yapın.]

10. 12> Sharp Kullanıcı Adı & Şifre yazmak font Arial> Düzenli> boyutu kullanma. başlıkları altında degrade renkleri kullanarak dikdörtgenler oluşturmak arkasında. Ayrıca bir eğim ve ayarlarını aşağıdaki kullanılarak kabartma oluşturmak için aşağıdaki gradient renkleri kullanarak Yuvarlatılmış dikdörtgen aracını kullanarak bir düğme oluşturun.

[Linkleri görebilmek için üye olun veya giriş yapın.]

11. gibi renkler siyah ve beyaz kullanarak aşağıdaki yazmadan önce aynı yazı kullanma.

[Linkleri görebilmek için üye olun veya giriş yapın.]
12. bar inme 1px bir aracıyla dikdörtgen seçin siyah için # c4c4c4 of # degrade bir ve efeeee ve geri arama. düğme için gidin ben öğretici bu benim yarattığım geliyorum büyüteç kullanarak [Linkleri görebilmek için üye olun veya giriş yapın.]

13. bitmiş artık düzen top, böyle bir şey olmalı:

[Linkleri görebilmek için üye olun veya giriş yapın.]

14. , Dikdörtgen aracı altındaki renk kullanarak sayfa oluşturmak kullanılması giriş bar köşelerinden aşağı gidiş var.

[Linkleri görebilmek için üye olun veya giriş yapın.]

15. 2 kutu kenar çubuğu için başka ve içerik gibi aşağıda bir renk beyaz çizmek kullanma.

[Linkleri görebilmek için üye olun veya giriş yapın.]

16. Aşağıdaki yuvarlak köşeli dikdörtgen aracı ve renk altında kullanmak gibi aynı yazı tipini kullanarak logo yeni bir şekil oluşturmak gibi. o New Stuff adı.

[Linkleri görebilmek için üye olun veya giriş yapın.]

17. Onlar 114 piksel 177 × konum çok Blending Options gider ve rengi # 000000 kullanarak 1px inme koymak, bazı oyunlar ve ürün görüntülerin bazı görüntüler elde edin.

Bir önceki adımda olduğu gibi yeni bir ince dikdörtgen ve ismini Editörün Seçimi renk aşağıda kullanarak oluşturabilirsiniz.

[Linkleri görebilmek için üye olun veya giriş yapın.]

18. Sonraki sidebar doldurmak. Ben başlıklar için font Arial> Bold> boyutu 15> Smooth kullanmıştım ve renk altında kullanarak bir dikdörtgen bg oluşturdu. Ben font Arial> Düzenli> boyutu 15> hiçbiri yonunun başlıkları yazdım. satırı aracı ile aşağıda renkleri kullanarak başlıkları arasında çizgiler oluşturun.

Yeni üyeler ve Star için oyun karakteri örnekler için istediğiniz ve aşağıdaki gibi bir vuruş geçerlidir. Ben font Arial> Bold> boyutu 15> Kullanıcı adı ve Katılım için pürüzsüz ve tarih için bir Arial> Dar İtalik> boyutu 15> hiçbiri font kullanılmış kullanarak ettik

[Linkleri görebilmek için üye olun veya giriş yapın.]

19. Kopya ve ben font Arial> Bold> boyutu 15> düzgün kullandım başlık için ve ben 11> düzgün Arial> Düzenli> boyutu kullandığınız normal metin için bir yazı örneğin bir 'yeni şeyler' görüntüyü yapıştırmak. yuvarlak köşeli dikdörtgen aracını alın ve aşağıdaki gradient renkler kullanarak bir düğme oluşturabilirsiniz. Kopyala yapıştır Son başlıklar altında düğmesine basın. 'Devamı' butonuna için yazı başlığı olarak aynı kullanın, ancak renk beyaz yapmak.

[Linkleri görebilmek için üye olun veya giriş yapın.]

20. Bir sonraki ve bir numara koymak font Arial> Düzenli> boyut kullanarak Üyeler renk # 2f2f2f ile 12> none

[Linkleri görebilmek için üye olun veya giriş yapın.]

21. Son olarak renk beyaz> 12 hiçbirinde font Arial> Düzenli> boyutu kullanarak menü ve telif hakkı detayları ile altbilgi doldurmak.

[Linkleri görebilmek için üye olun veya giriş yapın.]


Nihai Sonucu



[Linkleri görebilmek için üye olun veya giriş yapın.]