Hurtig Tips Opprett en rund bryter-knapp i Photoshop

I denne raske tipsveiledningen vil vi opprette en rund bryterknapp som du kan bruke i grensesnittet. La oss komme i gang!


Tutorial Assets

  • Vertikal klut Mønster tilgjengelig på Subtlepatterns
  • Grunge tekstur av Pixeden

Opprette bakgrunnen

Opprett en ny fil. Angi bredde til 1000 og høyde til 1000 og oppløsningen til 72 PPI.


Bruke bakgrunnsmønsteret

Lag en ny gruppe og gi den navnet Bakgrunn. Gå nå til denne linken Vertikal klut Mønster og last ned dette mønsteret og last det. Bruke rektangelverktøyet (U) tegne et rektangelform litt større enn lerretet, og bruk mønsteret som en stil til formlaget.


Opprette knappen - trinn 1

Opprett en ny gruppe og gi den navnet Knappen. Bruke Elipse Tool (U) tegne en perfekt sirkel som den i eksemplet. Angi fargen til # 0e0f0f og bruk lagstilene. Etter at du er ferdig med lagstilene, reduser du Opacity til 20%.


Steg 2

Gjør nå en annen sirkel, denne gangen litt mindre, sett fargen til # 222429 og bruk lagstiler.


Trinn 3 - Plassering og påføring av tekstur

Naviger til Pixeden-siden og last ned Old School Retro PSD Text Effect, der vi finner tekstur som vi trenger. Når du har lastet ned filen, åpner du den med Photoshop og finner laget laget Grunge Texture. Importer det laget i PSD og sett blandemodus til Pin Light og Opacity-nivået til 10%. Gjør dette laget en Clipping Mask.


  • Trinn 4

    Ved hjelp av Elipse Tool (U) lag en annen perfekt sirkel også mindre enn den som er foran ham, sett fargen til # 0d0d0e og bruk lagstiler. Ved å bruke børsteverktøyet (B) settes børstens størrelse til 200px og hardheten til 0% og gjør en hvit #ffffff punkt som den i vårt eksempel. Still blandemodus til Soft Light, og Opacity-nivået til 80%, og forvandle dette laget til en Clipping Mask. Gjør nå et nytt lag, bytt farge til svart # 000000 og børst rundt den nedre delen av sirkelen som sett i eksempelet. Forvandle dette laget til en Clipping Mask også.


    Trinn 5

    Igjen ved hjelp av Elipse Tool (U) lag en annen perfekt sirkel, men gjør denne en få px mindre enn den forrige. Sett fargen til # 1a1a1b, og bruk Direct Selection Tool (A) flytte nedre ankeret noen få piksler til toppen. Bruk nå lagstilene, importer Grunge-tekstur igjen, sett blandemodus til Linear Dodge og Opacity-nivået til 10%. Lag et nytt lag, og bruk Brush Tool (B) til å holde de samme innstillingene som vi brukte på vårt forrige trinn, velg hvit #ffffff som vår farge og børst bort i bunnen av vår form. Sett blandemodus for dette laget til Soft Light, og transform laget til en Clipping Mask.


    Trinn 6

    Bruk Horisontal Type Tool (T), sett Font til Myriad Pro (standard skrift), Fet og størrelsen til 48pt og skriv ned bokstaven "I". Angi fargen til # 969696 og bruk lagstilen. Lag en annen type, denne vil si "O", sett fargen til #fefefe. Høyreklikk på laget, og velg Rasterize Type. Nå pres CTRL / CMD + T og holder CTRL / CMD + SHIFT + ALT dra nedre venstre hjørne til venstre noen piksler. Påfør lagstilen, og vi er ferdige.


    Endelig bilde