Tengerkék menü - 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: Tengerkék menü (/showthread.php?tid=30)

RE: Tengerkék menü - Guest - 2007-05-05 Tengerkék men?? Ez egy egészen elegáns menü, nagyon mutatós. Ebben a tutorban én egy szürke hátterű honlaphoz készí­tem, de ha te másfajtához szeretnéd használni, akkor a szürke helyett használj más szí­neket a háttérnél :wink: Na szóval, addot a háttér. Most a négyzetes kijelölővel húzzunk egy kb ilyen méretű téglalapot, majd töltsük be egy sötétebb szí­nnel: Most egy új rétegre húzzunk egy vékonyabb téglalapot, és töltsük be egy sötétkék szí­nnel, mondjuk ez: #293644. Erre a rétegre alkalmazzuk ezeket a beállí­tásokat: Inner shadow: szí­n: #00fffc Color overlay: szí­n: #00c0ff Gradient overlay: szí­nek: #0089c0 és #031f2b Most valahogy í­gy állunk: Most a sáv közepén jelöljünk ki egy ilyen téglalapot és töltsük be feketével egy új rétegen: Menjünk a Filter -> Blur -> Gaussian Blur -re és addig állí­tgassuk amí­g elég tompa nem lesz (nekem pl 250-re lett állí­tva, mert csak í­gy értem el a kellő hatást, de ha vékonyabb csí­kot húztál akkor 5-10 is elég) Most vigyük fel rá a gombok szövegeit (ezt megtehetjük egy rétegen belül is, használjuk a space gombot :wink: ). A szöveg rétegre alkalmazzunk Drop Shadow-t ezekkel a beállí­tásokkal: Fogjuk a négyzetes kijelölőnket, és egy új rétegen jelöljük ki a kék menüsáv felső felét, és töltsük be fehérrel, majd az áttetszőséget (Opacity) vegyük le 30%-ra: Ha gondoljuk megcsinálhatjuk a rolloveres részét is (amikor fölé visszük az egeret, átváltozzon fekete hátterűvé a gomb) én egy ilyen fekete egyszerű téglalapot tettem mögé: Sok sikert, ha valami nem világos í­rjatok!