Slik gjør du et groovy orb-ikon i Adobe Photoshop
Har du noen gang lurt på hvordan folk lager disse ORB-ikonene som på venstre eller kanskje Windows 7 ORB-ikonet? I dag skal jeg vise deg hvor lett det kan være med mitt favorittverktøy - Adobe Photoshop.
For å starte ting, kan vi ta en titt på prosessen ved hjelp av en skjermbilde for skjermbildet etterfulgt av den typiske trinnvise prosessen.
Slik gjør du et groovy orb-ikon i Adobe Photoshop - Screencast
Trinn 1 - Velg størrelsen på din Orb
Denne opplæringen skal fungere for enhver utgave av Photoshop - selv Photoshop CS). Først, fortsett og velg en oppløsning for din orb. Bredden og høyden skal være den samme hvis du vil ha en perfekt sirkel, og dimensjonene til et vanlig ikon vil normalt være hvor som helst 100 × 100 px til 1024 × 1024 px. For denne opplæringen skal jeg lage en 500 × 500 px Orb. Pass på at uansett størrelse du starter med bakgrunnsinnholdet er gjennomsiktig.
Trinn 2 - Gjør din Orb
Når du har fått dokumentet klart, ta tak i Elliptisk Marquee Tool (det er rett under den rektangulære markøren ogsål) og mens holder Shift, Klikk og Dra å lage en sirkel. Ditt valg bør fylle dokumentområdet helt. Hvis du ikke kan gjøre det på en gang, kan du bare omforme ditt valg og samtidig holder Shift en gang til dra det nedre høyre ankerpunktet for å øke størrelsen på sirkelen.
Når du er ferdig, bør valget ditt se ut slik:
Høyreklikk og velg Fylle. Du kan bruke hvilken som helst farge, men husk at overleggene vi skal gjøre kanskje må være litt gjennomsiktige, slik at bakgrunnsfargen gjør saken. Jeg vil bruke hvit for dette eksemplet.
Slik ser det ut:
Trinn 2 - Bruk av blandingsalternativer til Orb
Høyreklikk på Orb lag og velg Blandingsalternativer. Herfra begynner vi å bruke noen bevel og Relieff. Spill rundt med skyvekontrollene til du får resultatet du leter etter. Jeg personlig liker å bruke følgende innstillinger:
La oss nå gi vår orb a Gradient Overlay. Igjen, lek med de forskjellige innstillingene til du får det du vil ha. Jeg brukte dette personlig:
Når du er fornøyd med resultatene, Cslikke OK for å bekrefte alle endringene.
Trinn 3 - Gi Orb En groovy Glow
Endre nå Forgrunnsfargen din til hvit eller til en annen nyanse av en av fargene du brukte i din gradient overlegg. Jeg bruker en annen skygge av grønt.
Gjør nå en nytt lag og ta tak i deg børsteverktøy. Gjør det omslaget 85% av orb med en 0% hardhet.Med en eller to klikk i midten av orben vil du lage en kul glød.
Du kan hvis du vil redusere opaciteten av laget som din glød er på.
Trinn 4 - Sette inn en logo for Orb
Dette trinnet er valgfri. Hvis du vil ha en logo i din orb kan du sette en inn med Fil> Plass. Velg bare en fil fra datamaskinen din og legg den inn. Du kan også bruke blandingsalternativer til logoen laget for å gi din orb et enda bedre utseende. Jeg plasserte i vår logo og ga det litt ytre glød. Slik ser det ut:
Trinn 5 - Gi din Orb en skinnende Glød fra ovenfor
Lage en nytt lag og ta tak i deg elliptisk markeringsverktøy. Med det, gjør et utvalg av den øvre delen av orb slik at den dekker toppkanten perfekt.
Nå Høyreklikk og velg Fjær. Du vil ikke feather for mye, og du vil ikke feather for lite. For en 500 × 500 piksler bilde Jeg vil bruke en 15 piksler fjærradius.
Nå Endring din forgrunnsfargen til hvit og Å velge gradientverktøyet. Still inn gradienten til Forgrunnen til gjennomsiktig fra forhåndsinnstillingene. Nå Holde skifte mens du Slick og Dra til sentrum av orb. Du får en veldig groovy glød som denne:
Trinn 6 - Lagre Orb
Du er ferdig! Nå er det den enkleste delen - trykk Ctrl + S for å redde din orb. For å holde gjennomsiktigheten, kan du velge en PSD filformat men hvis du planlegger å legge inn dette på et nettsted eller dele med venner som kanskje ikke har Photoshop, bør du lagre det PNG format.
Det handler om det! Gå nå av og legg til noen groovy orbs og vis vennene dine din nye, grove Photoshop skillz!