G
Guest
Vendég
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:
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:
