MMORG ZONE
Would you like to react to this message? Create an account in a few clicks or log in to continue.
MMORG ZONE

High-Quality forum for developers !


[Web Layout]Simple Web Layout

MMORG ZONE :: Design and 3D Graphic :: Photoshop :: Guides :: Romanian Guides

Go down

[Web Layout]Simple Web Layout Empty [Web Layout]Simple Web Layout

Post by  Mon Dec 24, 2007 5:06 am

1.Facem un nou document de dimensiunile 800 x 800.

2.Mergem la Edit->Fill->White (pentru a face backgroundul alb).

3.Trebuie sa facem Headerul ,
alegem Rectangular Marquet Tool (M) si selectam o parte din ce este sus
pentru a face Headerul,si ii dam culoarea albastra de exemplu(puteti
alege orice alta culoare).Click Dreapta pe Layer->Blending
Options->Gradient Overlay cu setarile:

[Web Layout]Simple Web Layout 1-8

[Web Layout]Simple Web Layout 1b

Apoi tot la Blending Options adaugati un Stroke de culoare ALBA de dimensiunea 3.

[Web Layout]Simple Web Layout Demo

4.Acum trebuie sa facem partea din mijloc , partea cea mai mare.

Selectati Rounded Rectangle Tool (2 x U) si faceti un Shape asa:

[Web Layout]Simple Web Layout Demo2

Mergeti la Blending Options si la Gradient Overlay faceti asa:

[Web Layout]Simple Web Layout 2-5

Si adaugati si un Stroke de 3 px de culoare ALBA ,si il puneti Inside.

[Web Layout]Simple Web Layout Demo3

5.Tineti Ctrl si apasati click pe Layeru din mijloc(cel mare) , faceti un nou layer , si apasati aici:[Web Layout]Simple Web Layout 3-5si selectati 75% din layer in asa fel incat sa ramana partea de sus si o colorati in alb.

[Web Layout]Simple Web Layout Demo4

6.Acum mergem la Blending Options si ii adaugati Gradient Tool cu setarile de la pasul 3 , dar cu Stroke Inside de 3 px si ALB.

[Web Layout]Simple Web Layout Demo5

7.Selectati acea parte care ati
facut-o inainte , si faceti un nou layer si cu Magnetic Lasso Tool
taiati in asa fel incat sa obtineti asta:(sa taiati din ce ati selectat
ca si la pasul 5)

[Web Layout]Simple Web Layout Demo6

si puneti la Opacity 25%.

[Web Layout]Simple Web Layout Demo7

8.Acum va puteti face un logo
pe care il veti pune in mijlocul layerului ce l-am creeat inainte.Logo
il puteti face din un Shape cu ceva efecte la Blending Options si mi-e
mi-a iesit asa.

9.Butoanele le faceti cu
Rounded Rectangle Tool (2 x U) si le puneti intre cele 2 parti ale
layerului de mijloc si puneti setarile de la pasul 3 doar ca modificati
la nivelul gradientului culorile(mai inchis si mai deschis).Result:

[Web Layout]Simple Web Layout Demo8

10.Acum adaugati text si ce mai doriti si este gata.

Result:

[Web Layout]Simple Web Layout Final


Favourite Game : MuOnline
Registration date : 1969-12-31

Back to top Go down

Back to top

MMORG ZONE :: Design and 3D Graphic :: Photoshop :: Guides :: Romanian Guides

 
Permissions in this forum:
You cannot reply to topics in this forum