Sőtétzőld-narancs 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: Sőtétzőld-narancs weblap (/showthread.php?tid=29)

RE: Sőtétzőld-narancs weblap - Guest - 2007-05-05 Sötétzöld-narancs weblap Igazából nem tudom hogy ezt milyen témájú weboldalakhoz lehet használni, de játszadoztam a szí­nekkel és szerintem jól mutat. Hozzunk létre egy új dokumentumot (800x700-at használtam) és a hátteret töltsük be szürkével pl #999999. A négyzetes kijelölővel két külön rétegen hozzuk létre a fejlécet, valamint az alatta található zöld hátteret í­gy (szí­nek: #ff9600 (ez a narancssárga) #40553b (ez meg a zöld)) : Most a zöld rétegre alkalmazzunk egy Drop Shadow-t ezekkel a beállí­tásokkal: í­í‚rjuk fel a fejlécre az oldalunk nevét, cí­mét, szlogenjét vagy amit akarunk. Szépen fog kinézni hogyha tükröződést adunk a szövegre. Duplicate layer majd menjünk az Edit -> Transform -> Flip vertical -ra és mozgassuk a réteget amí­g a két szöveg alja össze nem ér. A fejjel lefele lévő réteget raszterizáljuk (jobb klikk -> Rasterize Type) majd a négyzetes kijelölővel kb a szöveg felétől lefele jelöljük ki. Most Select -> Feather és állí­tsuk be 10-re. Nyomjuk meg kétszer a Delete gombot, majd a réteg Opacity-jét (áttetszőség) vegyük 30-40%-ra! Közvetlenül a fejléc fölé csináljunk egy új réteget (Ctrl+Shift+N) amit a fejléc szélességében töltsünk be fehérrel. Az ellipszis kijelölővel jelöljünk ki egy jó nagy í­vet kb í­gy: Menjünk a Select -> Feather-re és állí­tsuk be 50-re, majd nyomjuk meg a Delete gombot 2-szer. Az elején kifelejtettem úgyhogy most mondom a fejlécre és a zöld háttér rétegre is alkalmazzunk egy 1pixel vastagságú fekete Stroke-t. Jöhet a valós tartalmi része az oldalnak. Fogjuk a négyzetes kijelölő eszközt, és húzzuk meg a kí­vánt méretben, majd töltsük fel egy olí­va szí­nű zölddel. Én ezt használtam: #5f7958. Alkalmazzunk rá egy 1 pixeles fekete Stroke-t valamint Drop Shadow-t ezekkel a beállí­tásokkal: Eddig í­gy állunk: Most hozzuk létre a menüt. Háttérképpen a fejléc alján jelöljünk ki egy részt és töltsük be egy lágyabb narancssárgával. Én ezt használtam: #ffb142. Majd alkalmazzuk rá a jól megszokott 1pixel vastag fekete Stroke-t! Most vigyük fel a menü szövegét. Ezt megtehetjük egy rétegen belül is, én pl ezt gépeltem be: Index | Hí­rek | Linkek | Tutorialok | Partnerek | Galéria | Egyéb | Kapcsolat í­í‚gy megspóroltam egy kis időt, nem kell szórakozni a külön rétegekkel, az igazí­tásukkal és az elválasztó elemekkel. Daraboláskor úgyis külön kerülnek ezek A lényeg meg is van, de én szeretnék egy footert is az oldalamnak, szóval csináljuk meg azt is. Ebben a szélességben jelöljünk ki egy négyzetet, és töltsük be ugyanazzal a szí­nnel, mint amivel az elején a fejlécünket töltöttük, majd jöhet ismét az 1 pixeles fekete Stroke: Mivel szeretném megtartani az összképét az oldalnak, ezért a footer részbe is létrehozok egy hasonló dobozt mint amilyen a menü háttere, és abba í­rom a Copyright meg hasonló szövegeket Ha valahol elfelejtettem volna í­rni hogy most új réteget kell létrehozni akkor elnézést, kicsit kapkodtam, de remélem már tudjátok magatoktól is, hogy minden alakzatot külön rétegre kell tenni! :wink: í­í‚me az eredményem: