Skapa anpassad professionell webbknapp i Photoshop CS6

Om du vet Photoshop Du kommer att veta att den här kraftfulla redigeraren låter dig skapa och använda en myriad av effekter, skuggning, färger, banor … detta översätts till en mängd olika möjligheter för att kunna ändra innehållet i enskilda bilder eller lager.

Tack vare de möjligheter som verktygen i Adobe Photoshop erbjuder, ingår tanken att vi kan skapa något själva från grunden. Photoshop levereras redan med element laddade men vi kan anpassa eller uppfinna dem. Om du har en webbplats eller liknande kan dagens handledning vara till hjälp.

I denna handledning ser vi två sätt att designa din egen knapp, manuellt skapa din egen stil eller automatiskt med fördefinierade stilar.

1. Skapa en professionell knapp med anpassad stil i Photoshop


Med denna metod skapar vi en stil manuellt med vår egen stil.

Steg 1
Det första du ska göra är att skapa en rundad rektangelform som blir vår knapp. För att göra detta går vi till verktygsfönstret och väljer formen Rundad rektangel.

Steg 2
Inom lagret av den skapade formen klickar vi på den och väljer Fusionsalternativ.

Steg 3
Nu introducerar vi några värden som liknar de du ser på bilden. Först i effekten av Avfasning och lättnad.

FÖRSTORA

Steg 4
Ange de värden som du ser nedan Släpp skugga

FÖRSTORA

Steg 5
Som du kan se skulle vi redan ha skapat vår knapp. Det bör noteras att huvudfärgen modifieras som på något annat sätt genom att dubbelklicka på lagret.

Steg 6
För att behålla vår stil, gå till Fusionsalternativ som i steg 3 och 4. Välj nu alternativet Ny stil under Ok och Avbryt. Markera rutorna för att spara effekterna, ge ett namn och spara din nya stil.

Steg 7
Om du nu går till fliken stilar ser du att det finns din anpassade stil för att kunna applicera på vilken form som helst från och med nu.

2. Skapa en professionell knapp med en förinställd stil i Photoshop


Om du inte har tid att skapa en stil manuellt innehåller Photoshop redan fördefinierade stilar som enkelt kan appliceras på våra former.

Steg 1
Stilfönstret visas vanligtvis som standard men om det inte visas, gå till Fönster - Stilar och klicka på det för att aktivera fönstret.

Steg 2
Nu i fönstret Stilar, klicka på den tre-randiga menyn som visas.

Steg 3
Välj alternativet Webbstilar och lägg till.

Steg 4
Nu är det bara att välja den stil du gillar mest och applicera den på din form. Du kan lägga till alla kategorier av vyer i föregående steg.

Om du har fastnat i något steg, här är videohandledningen för att se hur du utformar din professionella knapp manuellt och automatiskt.

Stilarna i Photoshop är verkligen användbara att använda i våra mönster eftersom det undviker att vi måste konfigurera det varje gång vi vill använda samma effekt. På detta sätt kommer vi alltid att ha en personlig sparad stil.

Du kommer att bidra till utvecklingen av webbplatsen, dela sidan med dina vänner

wave wave wave wave wave