Enkel navigering är nyckeln till att göra en webbplats bekväm att besöka och attraktiv för både ägare och besökare online. Meny- och navigationselement bör vara tydliga, snygga och koncisa, och det är en bra idé att skapa attraktiva knappar för din webbplats i grafikredigeraren Adobe Photoshop. Detta är inte svårt att göra.
Instruktioner
Steg 1
Skapa ett nytt dokument och välj det rundade rektangelverktyget i verktygsfältet. Rita en smal rundad rektangel, välj sedan det elliptiska markeringsverktyget från verktygslådan och rita en cirkel på vänster sida av rektangeln som överlappar dess kanter och går bortom den.
Steg 2
Högerklicka på rektangelns lager och välj alternativet Rasterize Layer, och klicka sedan igen i mitten av markeringen och välj alternativet Layer via Cut från snabbmenyn för att kopiera markeringen till ett nytt lager.
Steg 3
Öppna lagerinställningsmenyn och ställ in blandningsläget till Normal, opacitet till 23% och avståndet till 3 pixlar på fliken Drop Shadow. På fliken Färgöverlägg ställer du in önskad färg med blandningsläget Normal och transparens till 100%. Du borde ha en tvåfärgad bild.
Steg 4
Välj Elliptical Marquee Tool från verktygslådan igen och rita en cirkel inuti det vänstra färgvalet. Klicka på Ta bort. Därefter överför markeringen till ett nytt lager och fyll det med valfri färg.
Steg 5
Öppna menyn Layer Style igen och justera fliken Gradient Overlay i alla färger som passar webbplatsens färgschema. Ställ in radiell stil till lutningen. På fliken Stroke ställer du sedan in slagvikten till 2 pixlar, banans yttre position och opacitet till 30%. Välj en gradientfyllning för stroke. Klicka på OK.
Steg 6
I verktygslådan väljer du en pensel med vit färg, justerar den så att den är mjuk och borstens diameter är 10 pixlar. Längst upp till höger om cirkeln du målade, rita en punkt för att rita en höjdpunkt.
Steg 7
Välj sedan lagret med huvuddelen av knappen och ställ in parametern Inre skugga i menyn Layer Style med Multiply Blending Mode och Opacity på 33%. Ställ in en linjär lutning med 25% opacitet. Din knapp är klar - allt som återstår är att lägga till en inskription i den.
