G
Guest
Vendég
Nyissunk egy tetszőleges méretű új dokumentumot. Ajánlom hogy a szélesség az 800 pixel legyen, hogy az esetleges 800x60-on böngészők is elférjenek, afölötti felbontással rendelkezőknél pedig nagyon jól fog kinézni.
Töltsük be sötétszürkével a hátteret. Én ezt használtam: #373737. Jelöljünk ki a tetejéből egy részt (az lesz a fejléc) és szürke gradient-el töltsük be egy új rétegen! (vagy akár használhatunk a szürkéhez jól passzoló piros, zöld színt is -kéket nem ajánlom a szürkéhez-)
Ehhez a réteghez adjunk még a Layer Style-ok közül egy 3-as méretű Stroke-ot tetszőleges színnel, valamint Drop Shadow-t így:
Most hozzuk létre az oldal tartalmi részét. Középen jelöljük ki a négyzetes kijelölővel azt a részt ahova szeretnénk hogy kerüljön, és töltsük be egy sötétebb szürkével. Alkalmazzunk rá Stroke-t ugyanolyan színnel, és Drop Shadow-t ugyanolyan beállításokkal mint a fejlécnél tettük.
Most hozzunk létre egy menüt. Először is szükségünk lesz egy új rétegre úgyhogy nyomjuk meg a Ctrl+Shift+N billentyűket egyszerre. A Type Tool-al írjuk fel a menüpontjainkat valahova ide:
Ha szerenénk hogy rolloveres legyen a menünk (ha fölé viszed az egeret akkor másik képet tölt be, olyan mintha más színre váltana) akkor csináljunk a menüpontoknak hátteret. Fogjuk a Rounded Rectangle Tool-t:
És húzzunk vele egy alakot a menüpontunk alá. Jobb klikk a rétegre és Rasterize Layer és vágjuk le az aljáról a felesleges részt:
Színezzük olyanra mint amilyenek a keretek a fejléc és a tartalmi rész között (jelenleg sárga) és a betűszínt az adott menünél állítsuk sötétebbre a fehérről, hogy jól látható legyen.
Gyakorlatilag meg is vagyunk, darabolásnál majd a menüpontoknál figyelni kell, hogy külön mentsük le az alap gombot is, meg a rollovert is (amikor sárga lesz a háttere).
íí‚Âme az eredményem több színben is (a minősége a mentésnél romlott le) :
A többi már csak rajtatok, és a kreativitásokon múlik :wink:
Töltsük be sötétszürkével a hátteret. Én ezt használtam: #373737. Jelöljünk ki a tetejéből egy részt (az lesz a fejléc) és szürke gradient-el töltsük be egy új rétegen! (vagy akár használhatunk a szürkéhez jól passzoló piros, zöld színt is -kéket nem ajánlom a szürkéhez-)
Ehhez a réteghez adjunk még a Layer Style-ok közül egy 3-as méretű Stroke-ot tetszőleges színnel, valamint Drop Shadow-t így:


Most hozzuk létre az oldal tartalmi részét. Középen jelöljük ki a négyzetes kijelölővel azt a részt ahova szeretnénk hogy kerüljön, és töltsük be egy sötétebb szürkével. Alkalmazzunk rá Stroke-t ugyanolyan színnel, és Drop Shadow-t ugyanolyan beállításokkal mint a fejlécnél tettük.

Most hozzunk létre egy menüt. Először is szükségünk lesz egy új rétegre úgyhogy nyomjuk meg a Ctrl+Shift+N billentyűket egyszerre. A Type Tool-al írjuk fel a menüpontjainkat valahova ide:

Ha szerenénk hogy rolloveres legyen a menünk (ha fölé viszed az egeret akkor másik képet tölt be, olyan mintha más színre váltana) akkor csináljunk a menüpontoknak hátteret. Fogjuk a Rounded Rectangle Tool-t:

És húzzunk vele egy alakot a menüpontunk alá. Jobb klikk a rétegre és Rasterize Layer és vágjuk le az aljáról a felesleges részt:

Színezzük olyanra mint amilyenek a keretek a fejléc és a tartalmi rész között (jelenleg sárga) és a betűszínt az adott menünél állítsuk sötétebbre a fehérről, hogy jól látható legyen.

Gyakorlatilag meg is vagyunk, darabolásnál majd a menüpontoknál figyelni kell, hogy külön mentsük le az alap gombot is, meg a rollovert is (amikor sárga lesz a háttere).
íí‚Âme az eredményem több színben is (a minősége a mentésnél romlott le) :



A többi már csak rajtatok, és a kreativitásokon múlik :wink: