Stílusos menü fekete

Ebben a leckében megmutatom, hogyan kell vizuálisan megtervezni egy egyszerű menüt fekete színben. Ehhez az alapvető eszközöket és rétegstílusokat használjuk.

Stílusos menü fekete

Hozzon létre egy új dokumentumot a Photoshopban (Ctrl + N) 800x600 pixel méretű, háttérfehérre.

Stílusos menü fekete

Stílusos menü fekete

Helyezzen 4 függõleges vezetõt 250, 300, 360, 550 képpontra. És 2 vízszintes vezető 100, 510 pixeles felbontásban.

Most létrehozunk egy hátteret a menühöz, de ez a lépés nem annyira fontos. Töltse le és nyissa meg a fa textúráját, és helyezze a fődokumentumra. Módosítsa a réteg méretét a Szerkesztés> Szabad transzformáció vagy a Ctrl + T. Szabad transzformáció parancs segítségével. A felső sávon található opciók sávban beállíthatja a pontos szélességet és magasságot, 32% -ra állítva.

A textúrát természetes színekben festették, szükségünk van fekete-fehérre. Ehhez menjen a Kép> Beállítások> Deszaturáció (Shift + Ctrl + U) (Képjavítás - Deszaturálás) menübe.

Stílusos menü fekete

Most pedig sötétebbé tegye a textúrát. Hozzon létre egy új réteget a többi réteg fölött, és nevezze el a Feketét. Használja a Paint Bucket Tool-t, töltse be fekete színnel, és módosítsa a réteg Opacity értékét 20% -ra.

Stílusos menü fekete

Hozz létre egy új réteget az összes réteg fölé, és nevezd el Testnek. Győződjön meg róla, hogy a szín fekete. Az eszköztáron válassza a Kerekített téglalap eszközt, állítsa be az Alakzat rétegeket, az 5 képpont sugaras értékét, és téglalap alakú képet készítsen fekete színben. A pontosság érdekében kövesse az útmutatókat.

Stílusos menü fekete

Ha a stílusokat a Body layerre szeretné alkalmazni, akkor lépjen a Layer> Layer Style> Blending Options menübe.

Belső árnyék:

Stílusos menü fekete

Külső fény:

Stílusos menü fekete

Stílusos menü fekete

Állítsa az átlátszatlanságot 80% -ra.

Stílusos menü fekete

Menüünk hét gombból áll, a legfelső gomb a legkeskenyebb lesz.

Az első dolog, amit meg kell tennünk, új csoport létrehozása az összes gombhoz. Ehhez lépjen a Réteg> Új> Csoport menübe, vagy kattintson a rétegek alján található mappa ikonra. Nevezze meg ezt a csoportot Gombok.

Most létrehoznia kell a Body réteget, tartsa lenyomva a Ctrl billentyűt, kattintson a kívánt réteg miniatűrjére. A csoporton belül hozzon létre egy új réteget, és nevezze el a "Top" nevet.

Stílusos menü fekete

Válassza ki a Négyszögletes Marquee eszközt. Tartsa lenyomva az Alt billentyűt, és vonja le az alsó részt a kijelölésből. Így kell ez így:

Stílusos menü fekete

Töltsd ki a választást fekete színnel (# 000000).

Stílusos menü fekete

Ehhez a réteghez alkalmazza a Gradient Overlay stílust.

Stílusos menü fekete

Stílusos menü fekete

A felső réteg átlátszóságát 15% -ra cserélje.

Stílusos menü fekete

Ismételje meg a folyamatot és hozzon létre a fennmaradó gombokat. Hozzon létre egy új réteget a felső réteg alatt, és nevezze el rólam. Ugyanazzal az eszközzel hozzon létre egy választást az Alt billentyű megnyomásával, kivonja az aktuális kijelölés felső és alsó részét.

Stílusos menü fekete

Töltse ki a választást fekete színnel. Használja az Alt + Backspace gyorsbillentyűket.

Stílusos menü fekete

Szorozzon duplikáljon a Rólam rétegre, és helyezze őket egymás alá.

Stílusos menü fekete

A gombok segítségével készen vagyunk, így a rétegek palettájával való együttműködés érdekében görgessük a Gombok csoportot. A fentiek mellett hozzon létre egy másik szövegcsoportot. Az alapszínt fehérre cserélheti, válassza a Horizontal Type Tool paramétereket: betűtípus Tahoma, Félkövér; 6.4 mérete; a Crisp simítás módja. A közepén lévő legfelső gombon adja meg a webhely nevét.

Stílusos menü fekete

Ezután lépjen a Layer> Layer Style> Blending Options menübe, és alkalmazza a következő stílusokat erre a rétegre:

Drop Shadow:

Stílusos menü fekete

Belső árnyék:

Stílusos menü fekete

Gradiens átfedés.

Stílusos menü fekete

Stílusos menü fekete

Stílusos menü fekete

Mi befejeztük a szöveggel való munkát, itt az ideje letölteni az ikonokat az iphone-n. Ebben a menüben 6 ilyen ikonkészletet használtam:

  1. icon_user.png
  2. icon_smile_face.png
  3. icon_pencil.png
  4. icon_blog.png
  5. icon_favorities.png
  6. icon_post.png

Stílusos menü fekete

Mozgassa ezeket az ikonokat a fődokumentumra, és illessze őket 2 vezetőhöz.

Stílusos menü fekete

Stílusos menü fekete

Kapcsolódó cikkek