Hemsida » Photoshop » Design Web 2.0 Etikett / märken i Photoshop

    Design Web 2.0 Etikett / märken i Photoshop

    Massor av Web 2.0-webbplatser gillar att använda etiketter (eller märken) så här för att leverera status för aktuell webbplats / tjänst, antingen versionen eller om de fortfarande är i beta. Att skapa dessa etiketter är ganska enkelt, särskilt med hjälp av Photoshop. Handledning efter hopp.

    Skapa en ny duk, 400 bredd 200 höjd. Välj Anpassat formverktyg, under Forms dropdown, välj Täta och dra formen mitt på sidan.

    Namn skiktet Star Label, starta Blandningsalternativ och sätt in följande stil:

    Drop Shadow

    Inre skugga

    Bevel och Emboss

    Gradientöverlägg

    • Färgstopp 1: # 0076b3, Plats: 0%
    • Färgstopp 2: # b3d5ff, Plats: 100%

    Skapa ett nytt lager, välj Horisontellt Typverktyg och sätt in någon text. Jag använder texten Beta! här. Starta blandningsalternativ, sätt i följande stilar:

    Drop Shadow

    Gradientöverlägg

    • Färgstopp 1: # b2b9bc, Plats: 0%
    • Color Stop 2: #ffffff, Plats: 100%

    Håll Ctrl, klicka på lagerminne för lager Star Label för att välja dess skiss. Skapa nytt lager längst upp, namnge det Glansig.

    Med konturer som valts, välj Välj Polygonal Lasso Tool, håll Alt, och dra av en halvcirkel som illustreras i bilden nedan.

    Måla den återstående halvan med vit, minska opaciteten till 15%, och här är ditt slutresultat.