I denne opplæringen lærer du hvordan du fyller en form med et bilde i Photoshop! Som du vil gjøre, gjør Photoshop det enkelt å plassere et bilde i enhver form, fra et grunnleggende rektangel eller sirkel til en fancy tilpasset form. For denne opplæringen vil vi bruke en av Photoshop sine ferdige tilpassede former. Men når du har lært trinnene, kan du begynne å plassere bilder i hvilken som helst form du liker!
Her er hvordan den endelige "image in form" -effekten vil se ut når vi er ferdige. Dette er selvfølgelig bare ett eksempel på effekten. Det er mange former å velge mellom i Photoshop, og du kan til og med lage dine egne. Så når du først har lært trinnene, er det virkelig ingen grenser for hva du kan gjøre:
Den endelige "image in form" -effekten.
La oss komme i gang!
Slik fyller du en form med et bilde
Jeg bruker Photoshop CC, men alt vi skal gjøre er også kompatibelt med Photoshop CS6.
Trinn 1: Lag et nytt dokument
La oss starte med å lage et nytt dokument. Gå opp til Fil- menyen på menylinjen øverst på skjermen og velg Ny :
Går til File & New.
Dette åpner dialogboksen Nytt dokument . Hvis du bruker Photoshop CC, ser du den nydesignede versjonen av dialogboksen Nytt dokument. Hvis du bruker Photoshop CS6, vil du se den eldre, tradisjonelle versjonen. Vi ser på Photoshop CC-versjonen først, så ser vi på CS6-versjonen.
I Photoshop CC finnes alternativene for å lage et nytt, tilpasset dokument i panelet Forhåndsinnstilte detaljer til høyre for dialogboksen. La oss lage et firkantet dokument for denne opplæringen. Sett bredde og høyde til 2000 piksler . Vi setter oppløsningen til 72 piksler / tomme, og bakgrunnsinnholdet til hvitt . Klikk på Opprett for å opprette det nye dokumentet:
Panelet forhåndsinnstilte detaljer i dialogboksen Nytt dokument i Photoshop CC.
I Photoshop CS6 setter du igjen både bredde og høyde til 2000 piksler, oppløsningen til 72 piksler / tomme og bakgrunnsinnholdet til hvitt . Klikk OK for å opprette det nye dokumentet:
Den nye dialogboksen i Photoshop CS6.
Se videoen og del kommentarene dine på YouTube-kanalen vår!
Trinn 2: Velg Custom Shape Tool
Som jeg nevnte tidligere, kan du bruke alle typer former for denne effekten, fra et enkelt rektangel eller sirkel til en tilpasset form. For denne opplæringen bruker jeg en av Photoshop sine innebygde tilpassede former.
Velg Custom Shape Tool fra verktøylinjen. Som standard ligger Custom Shape Tool bak rektangelverktøyet. Høyreklikk (Win) / Kontrollklikk (Mac) på rektangelverktøyet, og velg deretter Custom Shape Tool fra menyen:
Velge Custom Shape Tool fra verktøylinjen.
Trinn 3: Still verktøymodus til "Shape"
Det er tre forskjellige typer former vi kan tegne i Photoshop. Vi kan tegne vektorformer, stier eller pikselbaserte former. For denne effekten ønsker vi å tegne vektorformer, som lar oss tegne formen hvilken som helst størrelse vi trenger, samtidig som kantene blir fine og skarpe.
Photoshop refererer til vektorformer ganske enkelt som "former". Når det egendefinerte formverktøyet er valgt, må du sørge for at alternativet Verktøymodus i alternativlinjen er satt til Form :
Sett verktøymodus til "Shape" i alternativlinjen.
Trinn 4: Sett formfargen til svart
For å la oss se vår form mot den hvite bakgrunnen, setter vi fyllfargen på formen til svart . Du finner fyllfargeprøven i alternativlinjen (direkte ved siden av verktøymodusalternativet).
Som standard vil fargen allerede være svart. Hvis ikke, trykk bokstaven D på tastaturet. Dette vil tilbakestille forgrunnen og bakgrunnsfargene til standardverdiene, og gjøre forgrunnen din (og formens fyllfarge) svart:
Fyllfargeprøven i alternativlinjen. Forsikre deg om at den er satt til svart.
Trinn 5: Last inn tilpassede former
Photoshop inneholder mange ferdige tilpassede former som vi kan velge mellom. Men som standard er det bare en håndfull av dem som er lastet inn i programmet. For å finne resten må vi laste dem inn i oss selv.
Miniatyrformen i alternativlinjen viser formen som for øyeblikket er valgt. Klikk på miniatyrbildet for å velge en annen form:
Klikk på Shape-miniatyrbildet i alternativlinjen.
Dette åpner Custom Shape Picker, med miniatyrbilder av alle figurene vi kan velge mellom. Som jeg nevnte vises bare en håndfull figurer som standard. La oss laste alle figurene for å gi oss flere valg.
Klikk på menyikonet (tannhjulikonet) i øverste høyre hjørne av Custom Shape Picker:
Klikk på menyikonet for tilpasset formvelger.
I den nedre halvdelen av menyen som vises, vil du se en liste over alle de tilpassede formsettene vi kan velge mellom. I stedet for å laste hver for seg for å se hva vi får til, la oss bare laste dem inn samtidig. For å gjøre det, velg Alle øverst på listen:
Laster alle de tilpassede figurene inn i Photoshop.
Photoshop spør om du vil bytte ut de gjeldende figurene med de nye formene. Siden standardformene er inkludert i de forskjellige formsettene, mister vi ikke noe ved å erstatte dem, så klikk OK :
Klikk på OK for å erstatte de gjeldende figurene med de nye.
Trinn 6: Velg en tilpasset form
Tilbake i Custom Shape Picker har vi nå mange flere former å velge mellom. Bla gjennom miniatyrbildene til du finner den du vil bruke. Hjerteformen (som faktisk er en del av standardformene) er et populært valg. Men for noe annet vil jeg velge sommerfuglform .
For å velge en form, dobbeltklikker du på miniatyrbildet. Dette velger formen og lukkes ut av Custom Shape Picker.
Velge sommerfuglens tilpassede form.
Trinn 7: Tegn formen
For å tegne din form, klikk øverst til venstre i dokumentet for å angi et utgangspunkt. Hold museknappen fortsatt nede, trykk og hold Shift- tasten på tastaturet og dra diagonalt nedover nederst til høyre i dokumentet. Hold Shift-tasten nede mens du drar, og låser størrelsesforholdet til formen slik at du ikke forvrenger utseendet på den.
Når du tegner formen, vil du bare se en sti som viser hvordan formen vil se ut:
Klikk øverst til venstre, hold Skift og dra til nederst til høyre.
For å fullføre formen, slipp museknappen og slipp deretter Shift-tasten. Forsikre deg om at du slipper museknappen først, så kan Skift-tasten, eller størrelsesforholdet til formen endres. Photoshop tegner formen og fyller den med svart:
Photoshop tegner formen når du slipper museknappen.
Hvis vi ser i lag-panelet, ser vi formen sitte på sitt eget formlag over det hvitfylte bakgrunnslaget:
Lag-panelet som viser formlaget over bakgrunnen.
Trinn 8: Flytt formen inn i sentrum
Hvis du vil flytte formen inn i midten av dokumentet, velger du Photoshop's Move Tool fra verktøylinjen:
Velge flytteverktøyet.
Klikk deretter på formen og dra den inn i midten. Den skal klikke på plass når du kommer nær midten:
Flytte formen på plass.
Trinn 9: Åpne bildet
Åpne bildet du vil plassere i formen din. Her er den jeg bruker (jente med sommerfuglfoto fra Adobe Stock). Bildet ditt åpnes i sitt eget separate fanedokument:
Bildet skal jeg plassere i formen. Fotokreditt: Adobe Stock.
Trinn 10: Velg og kopier bildet
La oss kopiere bildet og lime det inn i formens dokument. Gå opp til Velg- menyen øverst på skjermen og velg Alle . Du vil se en markering som vises rundt bildet.
Går til Velg> Alle.
Når bildet er valgt, gå opp til Rediger- menyen og velg Kopier :
Går til Rediger> Kopier.
Trinn 11: Lim inn bildet i formdokumentet
Bytt tilbake til formens dokument ved å klikke på fanen rett under alternativlinjen. Hvis du ikke navngav dokumentet da du opprettet det (som vi ikke gjorde), heter det mest sannsynlig "Untitled-1":
Klikk på fanen til formdokumentet.
Gå deretter tilbake til Rediger- menyen, og velg Lim inn :
Går til Rediger> Lim inn.
Photoshop limer inn bildet i dokumentet. For øyeblikket blokkerer bildet formen fra visning. Bildet mitt er også for stort til å passe helt inn i formens dokument. Vi løser begge disse problemene i løpet av de neste trinnene:
Bildet er limt inn i formens dokument.
Trinn 12: Lag et klippemaske
Hvis vi ser igjen i lag-panelet, ser vi at Photoshop har plassert bildet på et nytt lag over formlaget:
Lag-panelet som viser bildet over formen.
For å plassere bildet inne i formen, er alt vi trenger å gjøre å lage en klippemaske. Forsikre deg om at du har valgt bildelaget ("Lag 1"). Gå deretter opp til Lag- menyen øverst på skjermen og velg Create Clipping Mask :
Gå til lag> Lag klippemaske.
Dette "klemmer" bildet på "Lag 1" til formlaget under det, noe som betyr at den eneste delen av bildet som forblir synlig i dokumentet, er området som sitter rett over (eller foran) formen. Resten av bildet er nå skjult, noe som skaper illusjonen om at bildet faktisk er i formen:
Klippemasken plasserer bildet inne i formen.
Og hvis vi ser på nytt i lagpanelet, ser vi at "Lag 1" er innrykket til høyre, med en liten pil som peker nedover på formlaget under. Slik forteller Photoshop oss at bildet nå er klippet til formen:
Lag-panelet som viser bildet klippet til formlaget.
Trinn 13: Endre størrelsen på og flytt bildet på nytt med gratis transformasjon
For å endre størrelsen på og plassere bildet inne i formen, må du sørge for at "Lag 1" er valgt. Gå deretter opp til Rediger- menyen og velg Gratis transformering :
Går til Rediger> Gratis transformering.
Dette plasserer Free Transform-boksen og håndterer (de små rutene) rundt de faktiske dimensjonene til bildet ditt, inkludert området utenfor det synlige lerretet. Hvis du ikke kan se alle håndtakene dine for gratis transformering fordi bildet ditt er for stort til å passe helt på skjermen, går du opp til Vis- menyen og velger Fit on Screen :
Går til Vis> Fit on Screen.
Photoshop vil automatisk justere zoomnivået slik at hele Free Transform-boksen er synlig. Her ser vi min gratis omformingsboks som strekker seg til høyre for lerretet:
Free Transform-boksen vises rundt hele bildet.
Hvis du vil endre størrelsen på bildet inne i formen, trykker du og holder nede Skift- tasten og drar ett av hjørnehåndtakene . Når du holder Shift-tasten mens du drar, låses det opprinnelige sideforholdet til formen mens du endrer størrelse på den.
For å flytte bildet inne i formen, klikker du hvor som helst i boksen Gratis transformering og drar bildet på plass.
Her drar jeg håndtaket i øverste høyre hjørne innover, og jeg har også flyttet bildet for å passe bedre til jentas ansikt i form av sommerfuglvingen:
Bruk Free Transform for å endre størrelse på og flytte bildet inne i formen.
Når du er klar, trykker du på Enter (Win) / Return (Mac) på tastaturet for å begå endringen og lukke ut kommandoen Free Transform:
Bildet passer nå bedre i formen.
Trinn 14: Endre bakgrunnsfargen
På dette tidspunktet er den viktigste "image in form" -effekten gjort! Selvfølgelig er det alltid mer vi kan gjøre for å tilpasse det og få det til å se enda bedre ut. En ting vi kan gjøre er å endre fargen på bakgrunnen.
Den enkleste måten å endre bakgrunnsfarge på er ved å bruke et av Photoshops fargelag med ensfarget farge. Vi trenger at det fylte laget med farger vises for å vises mellom bakgrunnslaget og formlaget, så først klikker du på bakgrunnslaget i lagpanelet for å velge det:
Velge bakgrunnslaget.
Klikk deretter på ikonet Ny fylling eller justeringslag nederst i lagpanelet:
Klikk på ikonet for nytt fyll eller justeringslag.
Velg Ensfarget øverst på listen:
Legge til et fyllfarg i ensfarget farge.
Photoshop-pops åpner Color Picker der vi kan velge en ny farge. Svart er et populært valg som bakgrunnsfarge for denne effekten, så la oss se hvordan det ser ut:
Velge svart fra Color Picker.
Svart får definitivt frem detaljene i formen, men som bakgrunnsfarge for en sommerfugl, er jeg ikke sikker på at den fungerer:
Resultatet etter å ha endret bakgrunnsfarge til svart.
Jeg kunne velge en annen farge fra selve Color Picker. Eller, jeg kunne prøve en farge direkte fra bildet inne i formen, som ofte fungerer bedre.
For å gjøre det, flytt musepekeren over fargen du vil prøve. Markøren vil midlertidig bytte til ikonet for pipetterverktøyet, og fortelle deg at den er klar til å prøve en farge. Jeg liker å holde bakgrunnsfargene subtile, så i stedet for å velge grønt fra trærne eller rødt fra blomstene, vil jeg velge en lys hudfarge fra pannen til jenta ved å klikke på den for å prøve det:
Prøver en farge som skal brukes i bakgrunnen.
Så snart jeg klikker, blir den samplede fargen den nye bakgrunnsfargen. Jeg liker denne nye fargen bedre, så jeg vil klikke OK for å lukke fargefareren:
Den samplede fargen er nå bakgrunnsfargen.
Hvis vi ser i lag-panelet, ser vi vårt fyllfarge med ensfarget, kalt "Fargefyll 1", som sitter mellom bakgrunnslaget og formlaget, akkurat der vi trengte det:
Lag-panelet som viser det nye ensfargede fylllaget.
Trinn 15: Legg til et slag
La oss til slutt avslutte effekten ved å legge et slag rundt formen. Klikk på Formlaget i Lag-panelet for å velge det:
Velge formlag.
Klikk deretter på Layer Styles- ikonet (" fx " -ikonet) nederst i Layer- panelet:
Klikk på ikonet Lagstiler.
Velg Slag fra listen:
Velge en slaglagstil.
Dette åpner Photoshops Layer Style-dialogboks satt til Stroke-alternativene i den midterste kolonnen. For å endre fargen på streken, klikk på fargeprøven :
Klikk på fargeprøven.
Dette åpner igjen Color Picker. Jeg velger hvitt for strekfargen, og deretter klikker jeg OK for å lukke fargevalgeren:
Velge hvitt fra Color Picker.
Tilbake i dialogboksen Layer Style, setter jeg posisjonen til streken til utsiden slik at den vises rundt utsiden av formen. Deretter øker jeg Størrelsesverdien for å justere tykkelsen på stryken. For dette bildet synes jeg en størrelse på rundt 12 px fungerer bra:
Innstilling av plassering til utsiden og størrelsen til 12 px.
Klikk OK for å lukke dialogboksen Lagstil. Og med det er vi ferdige! Her, etter å ha endret bakgrunnsfarge og lagt et slag rundt sommerfuglen, er min endelige "image in form" -effekt:
Det endelige resultatet.
Og der har vi det! Slik kan du enkelt plassere et bilde i en form ved hjelp av klippemasker i Photoshop! Sjekk ut vår Photo Effects-seksjon for flere opplæringer om Photoshop-effekter! Og ikke glem, alle Photoshop-veiledningene våre er nå tilgjengelige som utskriftsklare PDF-er!