Slik gjør du et groovy orb-ikon i Adobe Photoshop

For noen uker tilbake har vi gjennomgått våre favoritt Foto / bildeditorer der ute. Artikkelen mottok så mye trafikk vi bestemte oss for å fortsette serier ved å vise deg noen enkle tips og triks med dem! Så for å sparke ting, la oss se gjennom en groovy How-To-opplæring med 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 skjerm, 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 - til og med Photoshop CS). Først, gå videre 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 alt fra 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 det elliptiske marquee-verktøyet ( det ligger rett under den rektangulære markøren for l) og hold Shift, Klikk og dra for å 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 valget ditt og mens du holder Shift igjen, 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 Fyll . Du kan bruke hvilken som helst farge, men husk at overleggene vi skal gjøre, må kanskje være litt gjennomsiktige, slik at bakgrunnsfargen er viktig. Jeg vil bruke hvit for dette eksemplet.

Slik ser det ut:

Trinn 2 - Bruk av blandingsalternativer til Orb

Høyreklikk på Orb- laget og velg Blandingsalternativer . Herfra begynner vi med å bruke noen Bevel og Emboss . 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 et 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, klikker du OK for å bekrefte alle endringene.

Trinn 3 - Gi Orb En groovy Glow

Endre forgrunnsfargen din til hvit eller til en annen nyanse av en av fargene du brukte i gradientoverlegget . Jeg bruker en annen nyanse av grønt .

Legg nå et nytt lag og ta tak i børsteverktøyet ditt. Gjør det dekke ca 85% av orb med 0% hardhet . Med ett eller to klikk i midten av orben får du en kul glød.

Hvis du vil, kan du redusere opaciteten til laget som lyset ditt er på .

Trinn 4 - Sette inn en logo for Orb

Dette trinnet er valgfritt . Hvis du vil ha en logo i din orb, kan du sette den inn med File> Place . Velg bare en fil fra datamaskinen 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

Lag et nytt lag og ta tak i ditt elliptiske markeringsverktøy. Med det, gjør et utvalg av den øvre delen av orb slik at den dekker toppkanten perfekt.

Høyreklikk og velg Feather . Du vil ikke feather for mye, og du vil ikke feather for lite. For et bilde på 500 × 500 piksler vil jeg bruke en 15 piksler fjærradius .

Endre forgrunnsfargen til hvit og velg gradientverktøyet . Still inn gradienten til Forgrunn til Gjennomsiktig fra forhåndsinnstillingene. Nå Hold skift mens du slick og dra til midten 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 å lagre din orb. For å holde gjennomsiktigheten, kan du velge et 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 i PNG- format.

Det handler om det! Gå nå av og skape litt groove orbs og vis vennene dine din nye, grove Photoshop skillz!