Vid utformningen av webbplatser används ofta tredimensionella navigationselement. Sådana knappar kan göras i grafikredigeraren Photoshop, simulera volymen med hjälp av skuggor och gradientfyllning.
Nödvändig
Photoshop-program
Instruktioner
Steg 1
Skapa ett nytt dokument i en grafisk redigerare med alternativet Nytt från Arkiv-menyn. Välj storleken på det nya dokumentet så att det passar knappen och gör bakgrunden transparent.
Steg 2
Aktivera det rundade rektangelverktyget. Om du vill ha en något avrundad knapp ställer du in Radius på en millimeter i verktygsfältet. Rita en rundad rektangel med det valda verktyget. Den resulterande formen kommer att ligga till grund för knappen.
Steg 3
Högerklicka på lagret och välj alternativet Rasterize Layer. Ladda urvalet med alternativet Load Selection från Select-menyn.
Steg 4
Använd lutningsverktyget för att fylla i knappen med en tvåfärgsgradient och välj en lämplig kombination av färger från förinställningarna i lutningspaletten. Lutningsstilen ska vara linjär, välj den genom att klicka på knappen Linjär lutning under huvudmenyn. Den övre delen av knappen efter påfyllning ska vara lättare än den nedre.
Steg 5
Applicera en stil på lagret. För att göra detta, använd alternativet Blandningsalternativ från snabbmenyn. Välj fliken Drop Shadow och ange ett värde på hundra tjugo grader för Angle-parametern. Ställ parametern Storlek till tre pixlar.
Steg 6
På fliken Inre skugga anger du samma värde för Angle-parametern och för Storleken anger du värdet till fem pixlar. Använd stilen genom att trycka på Enter.
Steg 7
Skapa en skugga för knappen. För att göra detta klickar du på knappen Skapa ett nytt lager och fyller det valda området i det nya lagret med svart. Välj Paint Bucket Tool för detta. Avmarkera med Ctrl + D.
Steg 8
Applicera ett Gaussian Blur-filter från Blur-gruppen i Filter-menyn på den svarta rektangeln. Ställ in Radien på fyra pixlar. Dra skugglagret under knapplagret och lyft skuggan tre till fyra pixlar uppåt. För att göra detta, aktivera Move Tool och flytta skuggan med markörknapparna. Minska opaciteten för detta lager till sextio procent.
Steg 9
Gör det aktiva lagret med knappen och ladda ett urval från det. Minska markeringen med två pixlar med hjälp av alternativet Contract från gruppen Ändra i urvalsmenyn.
Steg 10
Skapa ett nytt lager och fyll det resulterande urvalet med en linjär lutning från vitt till transparent så att den vita delen är längst ner på knappen. Avmarkera valet. Använd alternativet Free Transform från Redigera-menyn för att minska området som täcks av lutningen vertikalt. Tillämpa omvandlingen med Enter-tangenten.
Steg 11
Ändra blandningsläget för gradientskiktet till Overlay. Detta kan göras genom att välja ett läge från listrutan till vänster på paletten Stilar. Minska skiktets opacitet till sextio procent.
Steg 12
Använd verktyget Horisontellt typ och skriv texten som ska finnas på knappen.
Steg 13
Samla alla lager i en mapp med alternativet Grupplager från menyn Lager och välj dem medan du håller ned Ctrl-tangenten. Spara knappen i en psd-fil med alternativet Spara från Arkiv-menyn.
