Share
I denne raske tipsveiledningen vil vi forklare hvordan du lager en plastbryter i Photoshop som du kan bruke i grensesnittet. La oss komme i gang!
Opprett en ny fil. Sett bredde til 400 og høyde til 300 og oppløsningen til 72 PPI.
Gjør nå en ny gruppe og gi den navnet Bakgrunn. Bruk rektangelverktøyet (U) til å tegne en form som er større enn lerretet, akkurat som i eksempelet. Sett fargen til hvit #ffffff og bruk lagstiler.
Opprett en ny gruppe og gi den navnet Base. Bruk pennverktøyet (P) til å tegne en form akkurat som i eksemplet. Sett fargen til et mørkegrå # 242424 og bruk lagstilene. Nå er vår base form ferdig.
Opprett en ny gruppe og gi den navnet Knappen. Bruk pennverktøyet (P) til å tegne en form som den i eksemplet. Angi fargen til # ada397 og bruk lagestilen.
Nå for å legge til litt volum og detalj på knappen. Inne i Button-gruppen lager et nytt lag over knappformen, og bruk Brush-verktøyet (B), sett forgrunnsfargen til svart # 000000, børstens størrelse til 11px og hardheten til 0 og tegne en kort linje nederst En del av knappen, som vist i eksemplet. Forvandle laget til en Clipping Mask ved å holde nede ALT-tasten og trykke mellom de to lagene, eller rett og slett høyreklikk på det siste laget og velg Opprett Clipping Mask.
Opprett et nytt lag, og bruk Pen Tool (P) tegne en svart # 000000 form, akkurat som den i eksemplet. Gå til Filter> Uklarhet> Gaussisk uskarphet, still inn radius til 1,5 px og bruk filteret. Ved hjelp av Eraser Tool (E) stiller du Størrelsen til 58 og hardheten til 0, og børster bort venstre side av uskarpt form (den røde formen i eksemplet markerer stedet). Still lagets opasitet til 18%, og gjør dette laget til en Clipping Mask. Nå lager et nytt lag, velg Penselverktøy (B), sett størrelsen til 15px og Hardheten til 0, sett fargen til # 92897f og tegne en rett linje som den som er i eksemplet. Når du er ferdig, forvandle dette laget til en Clipping mask også.
Lag et nytt lag, velg Pen Tool (P), sett fargen til # c8b7a5 og tegne en form som den i eksemplet. Gå til Filter> Uklarhet> Gaussisk uskarphet, still inn radius til 1,5 px og bruk filteret. Ved hjelp av Eraser Tool (E) stiller du Størrelsen til 58 og hardheten til 0, og børster bort venstre side av uskarpt form (den røde formen i eksemplet markerer stedet). Velg nå Brush Tool (B), sett størrelsen til 13px og Hardness til 0, sett fargen til # c8b7a5 og tegne en rett linje som den i eksemplet. Gjør dette laget en Clipping Mask.
Opprett et nytt lag, og bruk pennverktøyet (P), sett fargen til svart # 000000 og tegne en form som den i eksemplet. Gå til Filter> Uklarhet> Gaussisk uskarphet, still inn radius til 1,5 px og bruk filteret. Ved hjelp av Eraser Tool (E) stiller du Størrelsen til 58 og hardheten til 0, og børster bort venstre side av uskarpt form (den røde formen i eksemplet markerer stedet). Sett nå Blending-modus for laget til Overlay, og Opacity til 80%, og transform laget til en Clipping Mask.
Lag et nytt lag, og bruk Brush Tool (B), sett størrelsen til 10px, hardheten til 0%, fargen til svart # 000000 og trekk et par linjer rundt bunnen og høyre delen av knappen som vist i eksemplet . Transform det laget i en Clipping mask, og opprett en ny. Bruk børsteverktøyet (B) med de samme innstillingene som før, og trekk noen få linjer på høyre side av knappen. Nå må vi kopiere Vector Mask-miniatyrbildet av Button-formen til laget vårt. Ved å holde ALT-tasten nede, klikker du og drar VectorMask-miniatyrbildet fra vår knappform til dette laget, akkurat som det er sett i eksempelet. Vi lager ikke dette laget eller noen fremtidige lag Clipping Masks.
Vi lager et nytt lag. Bruke Pen Tool (P) tegne en annen svart # 000000 form akkurat som den i eksemplet. Gå til Filter> Uklarhet> Gaussisk uskarphet, still inn radius til 1,5 px og bruk filteret. Still lagets opasitet til 20%. Lag et nytt lag, og bruk Brush Tool (B) vi legger til noen høydepunkter. Still størrelsen til 2px og hardheten til 0%, sett fargen til # d5c8b5 og lag en liten prikk nær venstre øverste hjørne av knappen. Lag et nytt lag, og bruk Pen Tool (P) vi legger til flere detaljer. Sett fargen til #dbcebe og tegne tre flere former som den som er sett i eksemplet. Disse høydepunktene vil bidra til å gi mer volum og realisme til knappen vår.
Opprett en ny gruppe og legg den under Base Group. Gi det navnet Shadow. Bruk pennverktøyet (P) til å sette fargen til # 000000 og tegne en form som den i eksemplet. Gå til Filter> Uklarhet> Gaussisk uskarphet, still inn radius til 1,5 px og bruk filteret. Still lagets opasitet til 20%, og bruk Eraser Tool (E), sett størrelsen til 58px og hardheten til 0% og puss bort den nederste høyre delen av vår form (rød sirkel angir området i eksemplet).
Accentsconagua