HHW.hu
Mutatós, egyszerű sötét weblap - Nyomtatható verzió

+- HHW.hu (https://hhwforum.hu)
+-- Fórum: Informatika (https://hhwforum.hu/forumdisplay.php?fid=72)
+--- Fórum: Képszerkesztés (https://hhwforum.hu/forumdisplay.php?fid=73)
+---- Fórum: Tutorialok (https://hhwforum.hu/forumdisplay.php?fid=75)
+---- Téma: Mutatós, egyszerű sötét weblap (/showthread.php?tid=27)



RE: Mutatós, egyszerű sötét weblap - Guest - 2007-05-05

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:
[Kép: 2_sw.jpg]

[Kép: 1_sw.jpg]

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.
[Kép: 3_sw.jpg]

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:
[Kép: 4_sw.jpg]

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:
[Kép: 5_sw.jpg]

É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:
[Kép: 6_sw.jpg]

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.
[Kép: 7_sw.jpg]

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) :
[Kép: 8_sw.jpg]

[Kép: 9_sw.jpg]

[Kép: 10_sw.jpg]

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


RE: Mutatós, egyszerű sötét weblap - Guest - 2007-06-28

Uhhh, ez nekem nagyon bejön, ha még van ilyen amit tudtok, osszátok meg velünk légyszives mert nagyon tetszik... El?rre is köszi..