Slik oppretter du en lilla, åndsdaginspirert iPhone-bakgrunnsbilde i Adobe Photoshop

Hva du skal skape

Lær hvordan du designer et lilla iPhone tapet til ære for Spirit Day! For denne opplæringen vil jeg vise deg hvordan du bruker gradientbakgrunn, stjernebørster og mer for å lage en iPhone-tapetdesign.

Ta imot mobbing

Hvert år bærer millioner lilla på Åndedag som et tegn på støtte til LGBTQ-ungdom og å snakke mot mobbing. Ta løftet om å gå lilla! - GLAAD.org

Så i fjor skapte jeg denne Photoshop-handlingen for å skape en rask bildeeffekt for Spirit Day.

Ved å kjøre den egendefinerte handlingen kan du bruke et lilla filter og noen få enkle former på et hvilket som helst bilde for å vise din støtte for bevisstheten. 

Denne gangen ønsket jeg å gjøre noe litt annerledes.

Jeg har nettopp blown meg for at jeg får tilgang til så mange flotte godbiter på Envato Elements, så det siste jeg har siktet gjennom alle bakgrunnssamlingene for å finne en for å få spinnet mitt på.

Husk at du trenger et abonnement på graden og vektorelementene jeg brukte, men du kan også leke med gratis aksjer for dette, mens du fortsatt bruker vår gratis børstepakke.

Tutorial Assets

Følgende eiendeler ble brukt i produksjonen av denne opplæringen:

  • Gradient Backgrounds 2
  • Star Photoshop Pensel
  • Reef Font
  • 80 Geometriske vektorer Bundle

Utvid din samling! Mal stjernene, trek hår, eller bruk grungeeffekter med denne gratis Photoshop børstepakken med 10 essensielle børster.

1. Hvordan sette opp bakgrunnsstørrelsen

iPhone Bakgrunn Dimensjoner

Størrelsen på tapetet ditt vil avhenge av din personlige iPhone. Jeg har en iPhone 6, så vi går bare med det.

Her er noen få størrelser du kan vurdere:

Skjerm: 1334 x 750
Bakgrunn: 1608 x 852
for iPhone 6

Skjerm: 1920 x 1080
(nedsamplet fra 2208 x 1242)
Bakgrunn: 2662 x 2662
for iPhone 6 Plus

Finn riktig bakgrunnsstørrelse for iPhone. Her er noen nyttige lenker jeg brukte:

  • iosres.com
  • dekoapp.com/parallax/

Opprett nå en Nytt dokument (Control-N) i denne størrelsen:

  • Bredde høyde: 852x1608 piksler
  • Vedtak: 150 dpi

(Jeg liker små filstørrelser, så vær så snill å justere oppløsningen etter behov.)

La oss gå videre til bakgrunnen!

2. Hvordan lage den lilla bakgrunnen

Trinn 1

Først last ned Gradient Backgrounds 2. Disse to kosmisk-lignende bakgrunnene var min favoritt.

Jeg skal bruke # 16 for tapetet mitt.

Steg 2

Kopier (Control-C) og Lim inn (Control-V) gradienten på a Nytt lag for bakgrunnsbildet ditt.

  1. Bildet er ganske stort, så vi må rotere det for å vise frem favorittområdet, den oransje fargen.
  2. Bruke Gratis Transform Tool (Control-T) å rotere den mot urviseren. Juster størrelsen hvis nødvendig.

Trinn 3

Den offisielle Åndedagsfargen ligner denne lilla # 6f009a farge.

Lage en Nytt lag. Bruke Paint Bucket Tool (G) til Fylle laget med lilla. Sett deretter inn Layer Blend Mode til Hardt lys og senk opacity til 26%.

Trinn 4

Flott! Nå Duplisere (Kontroll-J) gradientlaget. Dra laget over Hardt lys en innenfor lag panel. 

La oss lage en ny bakgrunn ved hjelp av disse to gradientlagene. Bruke Gratis Transform Tool (Control-T) for å bidra til å omplassere dette laget mot bunnen av det blå området.

Trinn 5

Legg til en Lagsmaske til gradientkopien.

Velg Penselverktøy (B), bruk en Myk rund pensel med 0% hardhet og 90-100% Opacity å male svart på den hvite Lagsmaske. Mal bort den harde kanten fra bildet og fortsett å justere det til du er glad.

3. Hvordan legge til mer tekst og farge

Trinn 1

Med bakgrunnsgradienter alt satt, kan vi gå videre til tekstur og farge.

Men først, la oss legge til en Justeringslag av Fargeoppslag. Gå til Lag> Nytt justeringslag> Fargeoppslag, og velg denne innstillingen:

  • 3DLUT-fil: 3Strip.look

Steg 2

La oss male noen tekstur ved hjelp av Star Brush fra denne Photoshop børstepakken.

Denne børsten er ment å ligne små, fjerntliggende stjernepunkter, så vi kan bruke den til å male masse glitrende tekstur.

Lage en Nytt lag. Sett Forgrunnsfarge til hvite og maling prikker rundt gradient bakgrunnen for tekstur. Variere Pensel størrelse til dine preferanser.

Når du er ferdig, bruk Eraser Tool (E) å forsiktig fjerne noen stjerner. Begynn med et medium til lavt opacity og øk den når det trengs.

Trinn 3

Lage en Nytt lag.

Bruke Paint Bucket Tool (G) til Fylle det med samme lilla # 5a009a farge fra før. Sett Layer Blend Mode til overlegg og senk opacity til 43%.

Overlegg vil gjøre fargene mer rike.

Trinn 4

La oss fortsette å justere fargene til vi er fornøyd med resultatet.

Design handler om tålmodighet og eksperimentering!

Lage en Nytt justeringslag av Fargebalanse. Juster innstillingene for Midtoner, skygger og Høydepunkter til følgende:

Deretter oppretter du en annen Nytt lag og Fylle det med en rik lilla # 6f009a. Sett Blend Mode til Hue og opacity til 43%.

Her er resultatet. Nå er det mer i tråd med Spirit Day farger!

Her er en før og etter sammenligning etter bruk av fargebalanse og en ny fargefylling.

4. Hvordan lage en geometrisk sammensetning

Trinn 1

Bruke Ellipseverktøy (U) å lage en stor lilla # 690092 sirkel. Plasser den i midten av komposisjonen.

Sett lilla sirkellaget til mørkere.

Lag en rask Lagsmaske for å slette noen av nedre venstre område av sirkelen. Feather det ut ved å bruke en Myk rund pensel. Dette vil bidra til å blande det inn i bakgrunnen.

Steg 2

For mer dybde, la oss etablere forgrunns-, midt- og bakgrunnsseksjoner av denne sammensetningen med flere geometriske objekter.

Bruke Tilpasset formverktøy (U) for å legge til en trekantform nederst på venstre side.

Høyreklikk formlaget og gå til Blandingsalternativer.Legg til en rosa Gradient Overlay med følgende alternativer:

  • Gradient Farger: # 8c3148til # ff5984

Legg deretter til en annen lilla trekant # 6102e4 til øverste høyre side. Her er resultatet:

Trinn 3

For litt mer sultry atmosfære, skal vi justere belysningen av denne scenen.

Fylle en Nytt lag med rødt # 720f0e. Legg til en Lagsmaske og male svart med a Myk rund pensel å skjule visse deler av det røde laget bort. Senk deretter opacity til 33% og sett dentil Multiplisere.

Ta deg tid med Layer Masks og sakte gjem fargen bort. Prøv å finne balanse.

Trinn 4

La oss legge til "sol" -objektet for dette stykket. Det var ikke opprinnelig tilsiktet, men det vil senere bidra til å trekke i betrakteren.

Bruke Ellipseverktøy (U) å lage en lilla # 570f9c sirkel. Plasser den mot høyre side av den andre.

Deretter Høyreklikk å gå til Blandingsalternativer. Legg til en Gradient Overlay med følgende innstillinger:

  • Gradient Farger: # aa9780 og # e4cbac

Vi forlater den endelige sirkelformen som holder datoen for Åndedag for de siste trinnene.

For nå, Duplisere venstre nedre trekant. Sett fargen til denne lilla # 7000cc. Gjør det større før du setter det på Skjerm. Nyt den subtile effekten!

5. Hvordan fullføre iPhone Bakgrunn

Trinn 1

For de siste trinnene i denne iPhone-tapetdesignen må vi justere kontrasten og legge til en dato!

La oss starte med en Nytt justeringslag av Fargeoppslag.

Sett 3DLUT-fil til filmstock_50.3dl.

Steg 2

Lag den siste ellipsen. Sett fargen til magenta # 751772.

Legg til en Gradient Overlay til ellipsen. Bruk en fargerik Gul, Rosa, og Purple forhåndsinnstilling du kan finne ved å få tilgang til Pastel gradienter innenfor Gradient Editor.

Deretter legger du til en Ytre glød med følgende innstillinger:

Her er resultatet - det er subtilt, men vel verdt innsatsen.

Trinn 3

Legg litt lys for noen ugudelige effekter! Bruk en Myk rund pensel å male hvit på a Nytt lag satt til overlegg.

Trinn 4

For en liten bevegelse la vi lage en 3D-trekantform som flyter inn i scenen.

Bruk først Tilpasset formverktøy (U) å lage den lilla # 5a1390 triangel. Juster perspektivet med Gratis Transform Tool (Control-T).

Som i våre tidligere trinn, legg til en gradient. Bruk det samme Pastellgradient fra før, men senk den opacity til 30%.

For å lage denne trekanten 3D, dupliserer du først den. Slett gradientoverlegget og bruk denne trekanten for å angi den nederste basen av 3D-effekten. Deretter bruker du Pennverktøyet (P) For å koble de to trekanter sammen ved å fylle hullene med lilla figurer. 

Trinn 5

Nå for teksten.

Lag teksten for datoen og hashtag med to nye tekstlag. Jeg bruker denne Reef Font og Arial Avrundet MT Fet. Still inn datoen til hvit og #sandedag til rosa # ff28ff.

Høyreklikk å gå til Blandingsalternativer.

Følg disse innstillingene for å opprette en Drop Shadow, Gradient Overlay, og Bevel og Emboss effekt.

Her er resultatet:

Trinn 6

Sett den magenta sirkelen til Mykt lys.

Bruk en av geometriske former fra denne vektorformet bunt for mer detalj på sirkelen. Kopiere og Lim inn formen på a Nytt lag, og bruk deretter Eraser Tool (E) å slette områdene der linjene skjærer.

Det kan bidra til å skjule teksten for dette trinnet.

Trinn 7

Balansere sammensetningen ved å bruke en Myk rund pensel å legge til mer lys og farge på scenen. Bruk din naturlige intuisjon til å blande områder sammen.

Til slutt, lyse det med a Ny lysstyrke og kontrastjustering lag.

  • lysstyrke: 6
  • Kontrast: 49

Det er det! Sjekk ut det endelige resultatet nedenfor.

Free Spirit Day iPhone Bakgrunn

Få denne bakgrunnen i full størrelse og bli med oss ​​for åndedag! Sett det som bakgrunnsbilde for å vise din støtte til dette viktige anti mobbingsoppdraget.

Liker denne iPhone Mockup? Prøv det!

Jeg håper du har hatt denne opplæringen. Du er velkommen til å legge igjen kommentarer, resultater og eventuelle spørsmål nedenfor!

For flere Spirit Day-opplæringsprogrammer, sjekk ut disse linkene: