Snabbtips Skapa en rundbrytningsknapp i Photoshop

I denna snabba tips handledning skapar vi en rund knapp som du kan använda i dina gränssnittsdesigner. Låt oss börja!


Tutorial Assets

  • Vertikal trasa Mönster tillgängligt på Subtlepatterns
  • Grunge konsistens av Pixeden

Skapa bakgrunden

Skapa en ny fil. Ställ in bredd till 1000 och höjd till 1000 och upplösningen till 72 PPI.


Applicera bakgrundsmönstret

Skapa en ny grupp och namnge den Bakgrund. Gå nu till den här länken Vertikal duk Mönster och ladda ner det här mönstret och ladda det. Använd rektangelverktyget (U) för att rita en rektangelform som är lite större än duken och applicera mönstret som en stil i formlagret.


Skapa knappen - Steg 1

Skapa en ny grupp och namnge den knappen. Använd Elipse Tool (U) rita en perfekt cirkel som den i exemplet. Ställ in färgen till # 0e0f0f och använd lagstilarna. När du är klar med lagerformat, minska opacitet till 20%.


Steg 2

Gör nu en ny cirkel, den här gången lite mindre, sätt färgen till # 222429 och använd lagstilarna.


Steg 3 - Att lokalisera och applicera texturen

Navigera till Pixeden webbplats och ladda ner Old School Retro PSD Text Effect inom vilken vi hittar den textur som vi behöver. När du har laddat ner filen öppnar du den med Photoshop och hittar lagret som heter Grunge Texture. Importera det här lagret i din PSD och sätt blandningsläget till Pin Light och opacitetsnivån till 10%. Gör detta lager en Clipping Mask.


  • Steg 4

    Använda Elipse Tool (U) gör en annan perfekt cirkel också mindre än den som ligger före honom, sätt färgen till # 0d0d0e och använd lagstilarna. Använd borsteverktyget (B) ställa in borstens storlek till 200px och hårdheten till 0% och gör en vit #ffffff-punkt som den i vårt exempel. Ställ in blandningsläge till Soft Light och opacitetsnivån till 80% och omvandla det här skiktet till en Clipping Mask. Gör nu ett annat lager, byt färg till svart # 000000 och borsta runt den nedre delen av cirkeln som sett i exemplet. Omforma det här skiktet till en klippmask också.


    Steg 5

    Återigen med hjälp av Elipse Tool (U) gör en annan perfekt cirkel, men gör den här ett par px mindre än den föregående. Ställ in färgen till # 1a1a1b, och använd direktverktyget (A) genom att flytta nedre ankaret några pixlar till toppen. Använd nu lagstilarna, importera Grunge-texturen igen, sätt blandningsmoden till Linear Dodge och Opacity-nivån till 10%. Skapa ett nytt lager, och använd borstverktyget (B) samma inställningar som vi använde i vårt tidigare steg, välj vit #ffffff som vår färg och borsta bort i botten av vår form. Ställ in blandningsläget för detta lager till Soft Light och omvandla skiktet till en Clipping Mask.


    Steg 6

    Med hjälp av det horisontella typverktyget (T) ställer du in teckensnittet till Myriad Pro (standard typsnitt), fet och storleken till 48pt och skriver ner bokstaven "I". Ställ in färgen till # 969696 och använd lagstilen. Gör en annan typ, den här kommer att säga "O", sätt färgen till #fefefe. Högerklicka på lagret och välj Rasterize Type. Nu trycker du på Ctrl / CMD + T och håller CTRL / CMD + SHIFT + ALT i det nedre vänstra hörnet till vänster några pixlar. Applicera lagstilen och vi är klara.


    Slutlig bild