Hvordan opprette en Awareness Avatar Action i Adobe Photoshop

Hva du skal skape

Bli med oss ​​da vi feirer Åndedag til å talsmann mot ungdoms mobbing. I denne opplæringen lager vi en avatar som du kan plassere på sosiale medier, ved hjelp av Justeringslag, Layer Blend Modes og ressurser fra Envato Market. 

Hva er åndedag?

Hvert år går millioner av mennesker i lilla for å vise sin støtte fra LGBTQ-samfunnet og ungdommen som er ofre for mobbing. Åndedag er symbolisert av fargen lilla på regnbueflagget, som representerer ordet "ånd".

I år faller Åndedag 20. oktober 2016. Og for å feire denne dagen, oppretter vi en enkel Photoshop-handling som lar deg lage en lilla-tema-avatar for dine sosiale medierprofiler. Jeg ble inspirert av bannere i trykkdesign for dette utseendet, så vær så snill å bla gjennom det brede utvalget av Banner Graphics fra Envato Market for mer inspirasjon.

1. Still inn forhåndsinnstillinger: Bannerform

Trinn 1

Før vi begynner på handlingen, må vi sette opp noen forhåndsinnstillinger bare for å gjøre det enklere. La oss begynne med å lage en enkel bannerform.

Lage en Nytt dokument 500 x 500 piksler i Photoshop. Ikke forveksle dette dokumentet for avataren fordi vi bare trenger dette for å lage et raskt banner. Velg Rektangelverktøy (U) og lag et langt rektangel med en fargefylling av lilla # 28173a. Velg deretter Pennverktøyet (P) og plasser et ankerpunkt i bunnen av rektangelet.

Steg 2

Velg nå Konverter punktverktøyet og klikk på ankerpunktet du nettopp har opprettet for å slå det fra et glatt til et hjørneankerpunkt. Bruk deretter Direkte utvalgsverktøy (A) å trekke ankerpunktet oppover mens du holder Skifte nøkkelen for å holde den sentrert.

Trinn 3

Når du er ferdig, Høyreklikk og velg Konverter til form, navngi din nye form "Awareness Banner".

2. Still inn forhåndsinnstillingene: Stikkord og gradienter

Trinn 1

La oss nå sette opp fargene og gradienter som vi trenger for denne handlingen. Få tilgang til din fargeprøver panel (Vindu> Stopper) og opprett flere nye fargeprøver vi trenger for denne handlingen. Vi trenger følgende farger (unntatt fargen hvit) for disse forskjellige avatarelementene:

  • Bright Purple Text: # a85bcd
  • Toppsirkel: # a962b5
  • Bunnsirkel: # 834491
  • Mørk lilla tekst: # 3e2c57
  • Svart: # 000000
  • Cream Banner: #dcdcdc

Steg 2

For gradienter, velg Gradient Tool (G). Dobbeltklikk på den aktive gradienten for å hente opp Gradient Editor. Sett opp din første gradient med en mørk blå farge # 290a59 som går inn i en lyserød lilla # ba3ede. Når du er ferdig, navngi gradienten og treff Ny å skape den nye gradienten.

Gå videre til neste gradient. Lag en lignende, denne gangen bruker du en mørk lilla # 311759 til blek lilla farge # c675de.

3. Still inn forhåndsinnstillingene: Crop Preset

Den siste forhåndsinnstillingen vi skal legge til er for Beskjæringsverktøy (C). Denne forhåndsinnstillingen er bare nødvendig hvis du starter med et profilbilde som ikke er firkantet. Velg Beskjæringsverktøy (C) og velg B x H x Oppløsning. For denne profilenavnet bruker jeg dimensjonene til et Facebook-postbilde, så satt 504 x 504 piksler med 72 dpi. Velg deretter Ny beskjæringsinnstilling fra rullegardinmenyen og klikk OK for å lagre den nye forhåndsinnstillingen.

4. Opprett Endringsstørrelse / Beskjæringshandling

Trinn 1

Med alle fargene, gradienter og forhåndsinnstillinger settes, kan vi gå videre til vår første handling. Den første handlingen vi må opprette, er størrelses- og avgrensaksjonene for å endre dimensjonene til bildet ditt.

Åpne bildet ditt i Photoshop. Jeg bruker denne kvinnelige aksjen fra Envato Market.

Dobbeltklikk Bakgrunnslaget i lag panelå låse opp det og sette det til Lag 0. Kontroller at du gjør dette trinnet for hvert bilde du planlegger å bruke denne handlingen på, ellers vil det ikke fungere skikkelig.

Steg 2

Gå nå til Vindu> Handlinger for å få tilgang til handlinger panel. Velg mappen til Opprett et nytt sett og navnet på det nye settet bevissthet. Velg deretter papirikonet til Opprett ny handling, navngir handlingen "Endre størrelse". 

Trinn 3

Handlingen starter automatisk, så gå til Bilde> Bildestørrelse og endre bredden til 504 piksler.

Trinn 4

Denne handlingen fungerer perfekt hvis bildet ditt allerede er en firkant, men hvis det har en stående eller liggende orientering, må du beskjære den så vel som å passe til firkantede dimensjoner.

La oss praktisere dette scenariet på et annet bilde som denne Young Woman Stock. Etter deg Spille Endringsstørrelsen på bildet ditt, fortsett for å skape beskjæringshandling. For å gjøre dette, følg de samme trinnene som før for å lage en Ny handling. Denne gangen, oppgi handlingen "Crop".

Trinn 5

Når handlingen starter med opptak, velger du Beskjæringsverktøy (C) og velg 504 px x 504 px x 72 ppt forhåndsinnstilt du opprettet tidligere. Flytt Beskjæringsverktøy (C) oppover for å ramme ansiktet og deretter Avling bildet. Når du er ferdig, slår du på dialogboksen for Photoshop-handlingen, slik at du må manuelt beskjære bildet selv.

5. Opprett fargeeffekten

Trinn 1

Nå som vi har tatt vare på dimensjonene til profilbildet vårt, kan vi gå videre til fargeeffekten. Jeg bruker min originale lager for å fortsette denne opplæringen.

Først vil vi skape en rask uklarhet. Følg trinnene fra før for å opprette en Ny handling. Gi denne nye navnet "Blur" navnet. Truffet Kontroll-J å lage en Duplisere av bildet ditt. 

Så gå til Filter> Blur Gallery> Iris Blur, setter et sløret av 10 piksler, før du treffer OK. For å unngå problemer med denne handlingen, kontroller du Slå på dialogboksen så du kan manuelt lage uskarphet, da Stoppe opptaket av handlingen.

Steg 2

La oss nå begynne å justere fargene. Lage en Ny handling kalt "Color Adjustments". Vi skal kjøre denne handlingen som en lang handling, men du kan stoppe mellom justeringer hvis du trenger det.

Først opprett en Ny Fargefyll av svart fra lag panel. Sett Layer Blend Mode til Mykt lys og juster opacity til 60%.

Trinn 3

Gå rett inn i neste justering. Opprett nå en Gradient Map Adjustment Layer av svart og hvitt og satt den til Mykt lys.

Mens handlingen fortsatt er innspilt, justerer du intensiteten av fargene raskt med a Ny justering Layer av nivåer, og bare endre Utgangsnivåer til 50, 255.

Trinn 4

Legg nå til en Gradient Map Adjustment Layer bruker den andre lilla gradienten vi opprettet tidligere. Når du er ferdig, setter du inn Layer Blend Mode til Farge.

Trinn 5

Sist men ikke minst, fullfør fargejusteringene med a Nytt justeringslag av Curves. Velg Blå kanal og løft linjen opp fra bunnen litt for å gi bildet en blå hue. 

Nå er denne fargeffekten ferdig, så treffer den Stoppe knappen på Handlingspanel å stoppe opptaket.

6. Opprett bannerhandling

Trinn 1

La oss gå videre til dekorasjonen. For å dekorere vår avatar enda lenger og vise frem vår åndsdags stolthet, legger vi til noen geometriske elementer og en liten tekst. Lage en Ny handling navngitt "Avatar Banner".

Velg Polygonverktøy (U), sørge for at det er satt for 3 sider å lage en trekant (du kan også lage en forhåndsinnstilling av denne formen, som du gjorde med de andre i begynnelsen).

Opprett en hvit trekant i øvre venstre hjørne, og Gratis Transform (Control-T) å rotere trekanten for å passe på plass bedre. Deretter Høyreklikk å gå til Blandingsalternativer. Legg til en Gradient Overlay med følgende innstillinger:

Steg 2

Kontroll-J til Duplisere polygonen. Rotere det med Gratis Transform (Control-T) å sette den på plass og klemme øverst til høyre. Skjul synligheten av Layer Styles og sett Blend Mode tilbake til Normal før du justerer opacity til 80%.

Duplisere polygonen form to ganger. Følg de samme trinnene som før for å plassere dem, og denne gangen legger du dem på bunnen av komposisjonen. Sett den første trekant med de samme innstillingene som den første. Men endre Layer Blend Mode av den siste triangelen til Hue med en Opacity på 53%.

Trinn 3

Velg nå Tilpasset formverktøy (U) og bruk bannerformen vi opprettet i begynnelsen. Legg til banneret øverst til venstre med en lyskremfarge #dcdcdc.Deretter Høyreklikk å gå til Blandingsalternativer, legger til en Drop Shadow med følgende innstillinger:

Trinn 4

De siste figurene vi skal bruke er bare to raske sirkler. Velg Ellipseverktøy (U) og skape en mørk lilla # 834491 sirkel i nederste høyre hjørne, justere Opacity til 60%. Deretter Duplisere sirkelen (Kontroll-J), bringe Opasitet til 100% og endre Fylle farge til en lysere lilla (# 9e53ac).

Stoppe opptaket når du er ferdig.

7. Lag teksthandling

Trinn 1

Nå som de fleste elementene våre er ferdige, kan vi gå videre til teksten. Lage en Ny handling kalt "Tekst". Først legg til lyse lilla # 9e4cc7 tekst til topp banner med følgende innstillinger:

  • Font: Franklin Gothic Demi og Franklin Gothic Heavy
  • Størrelse: 18 og 24 pt.

Klem i en linje med a Vekt på 1 piksel midt i denne teksten ved hjelp av Linjeverktøy (U).

Steg 2

Legg deretter til tekst i bunnsirkelen med følgende innstillinger:

  • Font: Franklin Gothic Demi og Franklin Gothic Heavy
  • størrelser: 12, 24 og 30 pt.

La hovedteksten stå 24 poeng slik at den legger større vekt på ordet "mot". Mens flertallet av teksten blir hvit, endrer ordet "mot" til en mørk lilla farge # 33224c.

Trinn 3

Sist men ikke minst, jeg skal legge til en rask bit av lys på bildet. Lage en Nytt lag og velg Penselverktøy (B). Sett fargen til hvit og bruk en stor Myk rund pensel å male et enkelt sted med hvit i det midterste øvre område av komposisjonen. Sett Blend Mode til Mykt lys og juster opacity til 70%.

Du kan inkludere dette som bare en annen del av teksthandlingen din før du trykker på Stoppe for siste gang.

8. Bruk denne handlingen for ulike årsaker

En flott ting om denne handlingen er at du kan bruke den til forskjellige årsaker ved å bytte opp fargene. Etter deg Spille Handlingen, bare eksperimentere med fargene til du finner noe som passer for årsaken til at du fortaler.

Vil du se en alternativ versjon? Her opprettet jeg samme avatar ved hjelp av rosa farger for Brystkreft Awareness Month.

Konklusjon

Verden kan bruke mindre mobbing. Så jeg håper du blir med i å feire Åndedag ved å vise kjærligheten til LGBTQ-fellesskapet. Vil du se flere Photoshop-handlinger? Sjekk ut disse veiledningene nedenfor:

  • Lag en collageeffekt ved hjelp av Photoshop-handlinger
  • Lag en fargerik kloneffekthandling i Adobe Photoshop
  • Lag en animert Work-in-Progress Photoshop-handling i Adobe Photoshop