Hur man gör en Apple liknande meny i Photoshop

Ska visa ett enkelt litet trick. Trendsättarna Apple och Adobe gjort en liten sak på sin font i sin meny så det ser ut som att texten ser intryckt i bakgrunden. Gå till Apple och ta en titt på deras meny. Det är iallafall är det lilla tricket jag tänkte visa här hur man gör.

Vad vi ska göra

Steg 1

Öppna ett nytt dokument och sätt bred på 1100px och höjd på 600px och vit bakgrund. Skönt och ha lite yta när man jobbar.

Steg 2

Gör ett nytt lager, Layer – New- Layer. Välj en ljus grå färg ifrån din Color Picker, jag använde #c3c2bb. Välj sedan Rounded Rectangle Tool och sätt Radius på 4px, den ger så vi får runda hörn. Gå sen till Rounded Rectangle Options och sätt Fixed Width på 960px och 40px på Hight. Gå till dokumentet och tryck så får du upp våran bakgrund till menyn.

Steg 3

Öppna Layer Style Options, Layer – Layer Style – Blending Styles eller dubbel tryck på lagret. Och gör följande..

Steg 4

Välj text-verktyget och ta en mörkare grå färg, jag använde #3c3b3e och skriva vad som passar in i din meny. Hoppa över dock det sista ordet/alternativet du har tänkt att använda i menyn. Den måste vi skräddarsy efter hover effekten vi ska använda. Efter du har skrivit vad som passar dig gör du en dubblett av text lagret och ge den vit färg. Markera text lagret med vit färg och lägg det under/bakom det gråa text lagret. Det är nu själva effekten kommer som är egentligen ett väldigt enkelt trick, tryck på pil tangenten neråt en gång. Dra ner genomskinligheten något på det vita text lagret, Opacity runt 70%.

Steg 5

Öppna ett nytt lager. Markera meny-lagret och håll in Ctrl så du ser att meny blir markerat. Tryck på det nya lagret och välj Pencil Tool i verktygsfältet. Välj 1px i storlek och svart färg. Med markören fortfarande markerat runt menyn håller du in Shift (för att få en rak linje) och dra ett streck bara uppifrån och ner. Gör exakt samma med vit lager på fast på ett nytt lager. Nu ska du ha två streck på två lager, ett svart och ett vit.

Dra ihop strecken så du har dem bredvid varandra, vit till höger och svart till vänster. Zooma in om det behövs. Dra ner Opacity till 25% på det svarta lagret och 30% på det vita eller gör efter vad du tycker ser bra ut. Markera båda lagren genom att håll in Ctrl. Höger klicka och välj Merge Layers. Gör några dubbletter och placera ut dem efter dina behov.

Steg 6

Välj text-verktyget och vit färg. Skriv in ditt sista alternativ i menyn. Kopiera text lagret, välj svart färg på det kopierade lagret och dra så det ligger under det vit. Tryck på pil tangenten och tryck en gång fast uppåt denna gång. Dra ner Opacity till ca: 70%. Välj Rectangular Marquee Tool och ha Style på Normal. Dra så du täcker mellan avdelare och fyll med samma mörkare grå som förut, #3c3b3e. Höger klicka och välj Free Transform om du behöver justera in så det passar. Dra ner Opacity till ca: 70%.

Slutresultatet och sammanfattning

Beroende på dina kunskaper så var det två saker som var bra. Få texten se intryck ut och avdelarna. Det blev lite svengelska också, det får ni ursäkta.

Klicka för att förstora.