I denne tutorial lærer du, hvordan du udfylder en form med et billede i Photoshop! Som du vil se, gør Photoshop det nemt at placere et foto i enhver form for form, fra et grundlæggende rektangel eller cirkel til en dekorativ brugerdefineret form. Til denne tutorial bruger vi en af Photoshop's færdige tilpassede former. Men når du først har lært trinnene, kan du begynde at placere billeder i en hvilken som helst form, du kan lide!
Her er, hvordan den endelige "billede i form" -effekt vil se ud, når vi er færdige. Naturligvis er dette kun et eksempel på effekten. Der er mange former at vælge imellem i Photoshop, og du kan endda oprette dine egne. Så når du først har lært trinnene, er der virkelig ingen grænser for, hvad du kan gøre:
Den endelige "billede i form" -effekt.
Lad os komme igang!
Sådan udfyldes en figur med et foto
Jeg bruger Photoshop CC, men alt hvad vi skal gøre er også kompatibelt med Photoshop CS6.
Trin 1: Opret et nyt dokument
Lad os starte med at oprette et nyt dokument. Gå op til menuen Filer i menulinjen øverst på skærmen og vælg Ny :
Gå til fil og nyt.
Dette åbner dialogboksen Nyt dokument . Hvis du bruger Photoshop CC, ser du den nydesignede version af dialogboksen Nyt dokument. Hvis du bruger Photoshop CS6, ser du den ældre, traditionelle version. Vi ser først på Photoshop CC-versionen, så ser vi på CS6-versionen.
I Photoshop CC findes mulighederne for at oprette et nyt, brugerdefineret dokument i panelet Preset Details til højre for dialogboksen. Til denne tutorial, lad os oprette et firkantet dokument. Indstil bredde og højde til 2000 pixels . Vi indstiller opløsningen til 72 pixels / inch, og baggrundens indhold til hvidt . Klik på Opret for at oprette det nye dokument:
Panelet Preset Details i dialogboksen Nyt dokument i Photoshop CC.
I Photoshop CS6 skal du igen indstille både bredde og højde til 2000 pixels, opløsningen til 72 pixels / tomme og baggrunden indholdet til hvidt . Klik på OK for at oprette det nye dokument:
Den nye dialogboks i Photoshop CS6.
Se videoen, og del dine kommentarer på vores YouTube-kanal!
Trin 2: Vælg det tilpassede formværktøj
Som jeg nævnte tidligere, kan du bruge enhver form for form til denne effekt, fra et enkelt rektangel eller cirkel til en brugerdefineret form. Til denne tutorial bruger jeg en af Photoshops indbyggede tilpassede former.
Vælg det tilpassede formværktøj fra værktøjslinjen. Som standard indlejres det tilpassede formværktøj bag rektangelværktøjet. Højreklik (Win) / Control-klik (Mac) på rektangelværktøjet, og vælg derefter brugerdefineret formværktøj i menuen:
Valg af tilpasset formværktøj fra værktøjslinjen.
Trin 3: Indstil værktøjstilstand til "Form"
Der er tre forskellige typer former, som vi kan tegne i Photoshop. Vi kan tegne vektorformer, stier eller pixelbaserede figurer. Til denne effekt ønsker vi at tegne vektorformer, som giver os mulighed for at tegne formen, hvilken størrelse som helst, vi har brug for, samtidig med at kanterne er fine og skarpe.
Photoshop henviser til vektorformer blot som "figurer". Når det tilpassede formværktøj er valgt, skal du sørge for, at indstillingen Værktøjstilstand i indstillingslinjen er indstillet til form :
Indstilling af værktøjstilstand til "Form" i indstillingslinjen.
Trin 4: Indstil formfarven til sort
For at lade os se vores form mod den hvide baggrund, indstiller vi formens fyldfarve til sort . Du finder udfyldningsfarveprøven i indstillingslinjen (direkte ved siden af indstillingen Værktøjstilstand).
Som standard vil farven allerede være sort. Hvis det ikke er det, skal du trykke på bogstavet D på dit tastatur. Dette nulstiller dine forgrunds- og baggrundsfarver til deres standardindstillinger, hvilket gør din forgrundsfarve (og formens fyldfarve) sort:
Fyld farveprøven i indstillingslinjen. Sørg for, at det er indstillet til sort.
Trin 5: Ilæg de tilpassede former
Photoshop indeholder masser af færdige tilpassede figurer, som vi kan vælge imellem. Men som standard indlæses kun en håndfuld af dem i programmet. For at finde resten, er vi nødt til at indlæse dem i os selv.
Shape-miniaturebilledet i indstillingslinjen viser den form, der aktuelt er valgt. Klik på miniaturebilledet for at vælge en anden form:
Klik på figur-miniaturebilledet i indstillingslinjen.
Dette åbner den tilpassede formvælger med miniaturebilleder af alle de former vi kan vælge imellem. Som nævnt vises kun en håndfuld figurer som standard. Lad os indlæse alle former for at give os flere valg.
Klik på menuikonet (gearikonet) i øverste højre hjørne af Custom Shape Picker:
Klik på menuikonet for tilpasset formvælger.
I den nederste halvdel af menuen, der vises, ser du en liste over alle de tilpassede formsæt, vi kan vælge imellem. I stedet for at indlæse hver for sig for at se, hvad vi får, lad os bare indlæse dem alle på én gang. For at gøre det skal du vælge Alle øverst på listen:
Indlæsning af alle de tilpassede formsæt i Photoshop.
Photoshop spørger, om du vil erstatte de aktuelle figurer med de nye figurer. Da standardformerne er inkluderet i de forskellige formsæt, mister vi ikke noget ved at udskifte dem, så klik på OK :
Klik på OK for at erstatte de nuværende figurer med de nye.
Trin 6: Vælg en brugerdefineret form
Tilbage i den tilpassede formvælger har vi nu mange flere former at vælge imellem. Rul gennem miniaturerne, indtil du finder den, du vil bruge. Hjerteformen (som faktisk er en del af standardformerne) er et populært valg. Men for noget andet vælger jeg sommerfuglformen .
For at vælge en form skal du dobbeltklikke på dens miniature. Dette vælger formen og lukkes ud af den tilpassede formvælger.
Valg af sommerfuglens tilpassede form.
Trin 7: Tegn formen
For at tegne din form skal du klikke i øverste venstre hjørne af dit dokument for at indstille et startpunkt. Med museknappen stadig nede, skal du holde Shift- tasten nede på dit tastatur og trække diagonalt nedad ned mod nederste højre hjørne af dokumentet. Hold Shift-tasten nede, mens du trækker, låser formens billedformat, så du ikke forvrænger udseendet.
Når du tegner formen, ser du kun en sti-skitsering af, hvordan formen vil se ud:
Klik i øverste venstre hjørne, hold Skift nede og træk til nederst til højre.
For at fuldføre formen skal du slippe museknappen og derefter slippe din Shift-tast. Sørg for, at du først frigiver din museknap, så ændres Shift-tasten, eller størrelsesforholdet på formen kan ændre sig. Photoshop tegner formen og fylder den med sort:
Photoshop tegner formen, når du slipper museknappen.
Hvis vi ser i panelet Lag, ser vi formen sidde på sit eget formlag over det hvidfyldte baggrundslag:
Panelet Lag, der viser formlaget over baggrundslaget.
Trin 8: Flyt formen ind i midten
Hvis du vil flytte formen ind i midten af dokumentet, skal du vælge Photoshop's Move Tool fra værktøjslinjen:
Valg af Flyt værktøj.
Klik derefter på formen og træk den ind i midten. Det skal klikke på plads, når du kommer tæt på midten:
Flytning af formen på plads.
Trin 9: Åbn dit billede
Åbn det billede, du vil placere i din form. Her er den, jeg bruger (pige med sommerfuglfoto fra Adobe Stock). Dit billede åbnes i sit eget separate faneblad:
Billedet vil jeg placere inden i formen. Fotokredit: Adobe Stock.
Trin 10: Vælg og kopier billedet
Lad os kopiere billedet og indsætte det i formens dokument. Gå op til menuen Vælg øverst på skærmen og vælg Alle . Du vil se en markeringsoversigt vises rundt om billedet.
Gå til Vælg> Alle.
Når billedet er valgt, gå op til menuen Rediger og vælg Kopier :
Gå til Rediger> Kopier.
Trin 11: Indsæt billedet i formdokumentet
Skift tilbage til formens dokument ved at klikke på dets fane lige under indstillingslinjen. Hvis du ikke navngav dokumentet, da du oprettede det (som vi ikke gjorde), hedder det sandsynligvis "Untitled-1":
Klik på fanen med formdokumentet.
Gå derefter tilbage til menuen Rediger, og vælg derefter Indsæt :
Gå til Rediger> Indsæt.
Photoshop indsætter billedet i dokumentet. I øjeblikket blokerer billedet fuldstændigt for visningen. Mit billede er også for stort til at passe helt ind i formens dokument. Vi løser begge disse problemer i de næste par trin:
Billedet er indsat i formens dokument.
Trin 12: Opret en klipmaske
Hvis vi ser igen i panelet Lag, ser vi, at Photoshop har placeret billedet på et nyt lag over formlaget:
Panelet Lag, der viser billedet over formen.
For at placere billedet inde i formen, er alt hvad vi skal gøre, at oprette en klipmaske. Sørg for, at du har valgt billedlaget ("Lag 1"). Gå derefter op til menuen Layer øverst på skærmen og vælg Opret klipmaske :
Gå til lag> Opret klipmaske.
Dette "klemmer" billedet på "Lag 1" til formlaget under det, hvilket betyder, at den eneste del af billedet, der forbliver synlig i dokumentet, er det område, der sidder direkte over (eller foran) formen. Resten af billedet er nu skjult, hvilket skaber en illusion om, at billedet faktisk er inden i formen:
Klipmasken placerer billedet inden i formen.
Og hvis vi ser igen i panelet Lag, ser vi, at "lag 1" er indrykket til højre med en lille pil, der peger nedad på formlaget under det. Sådan fortæller Photoshop os, at billedet nu er klippet til formen:
Panelet Lag, der viser billedet klippet til formlaget.
Trin 13: Ændre størrelse på og flyt billedet igen med fri transformation
For at ændre størrelsen på og placere billedet inde i formen skal du igen sikre dig, at du har "Lag 1" valgt. Gå derefter op til menuen Rediger og vælg Gratis transformation :
Gå til Redigering> Gratis transformation.
Dette placerer Free Transform-boksen og håndterer (de små firkanter) omkring de faktiske dimensioner af dit billede, inklusive området uden for det synlige lærred. Hvis du ikke kan se alle dine Free Transform-håndtag, fordi dit billede er for stort til at passe helt på skærmen, skal du gå op til Vis- menuen og vælge Fit on Screen :
Gå til Vis> Tilpas på skærmen.
Photoshop justerer zoomniveauet automatisk, så hele boksen med gratis transformering er synlig. Her ser vi min Free Transform-boks, der strækker sig til højre for lærredet:
Boxen Gratis transformering vises omkring hele billedet.
Hvis du vil ændre størrelsen på billedet inden i formen, skal du trykke og holde nede Skift- tasten og trække et af hjørnehåndtagene . Hold Shift-tasten nede, mens du trækker, låser det originale billedformat på formen, mens du ændrer størrelse på den.
Hvis du vil flytte billedet inden i formen, skal du klikke hvor som helst i boksen Gratis transformering og trække billedet på plads.
Her trækker jeg håndtaget i øverste højre hjørne indad, og jeg har også flyttet billedet for bedre at passe pigens ansigt i form af sommerfuglvingen:
Brug gratis transformering til at ændre størrelsen på og flytte billedet inden i formen.
Når du er klar, skal du trykke på Enter (Win) / Return (Mac) på dit tastatur for at begå ændringen og lukke ud af kommandoen Free Transform:
Billedet passer nu bedre inden for formen.
Trin 14: Skift baggrundsfarve
På dette tidspunkt er den vigtigste "billede i form" -effekt gjort! Selvfølgelig er der altid mere, vi kan gøre for at tilpasse det og få det til at se endnu bedre ud. En ting, vi kan gøre, er at ændre farven på baggrunden.
Den nemmeste måde at ændre baggrundsfarve på er ved at bruge et af Photoshop's ensfarvet fyldlag. Vi har brug for, at det faste farvepåfyldningslag vises mellem baggrundslaget og formlaget, så først skal du klikke på baggrundslaget i panelet Lag for at vælge det:
Valg af baggrundslag.
Klik derefter på ikonet Ny udfyldning eller Justeringslag nederst i panelet Lag:
Klik på ikonet Ny udfyldnings- eller justeringslag.
Vælg Ensfarvet øverst på listen:
Tilføjelse af et udfyldningslag i ensfarvet farve.
Photoshop-pops åbner Color Picker, hvor vi kan vælge en ny farve. Sort er et populært valg som baggrundsfarve for denne effekt, så lad os se, hvordan det ser ud:
Valg af sort fra farvevælgeren.
Sort viser definitivt detaljerne i formen, men som baggrundsfarve for en sommerfugl, er jeg ikke sikker på, om det fungerer:
Resultatet efter at have ændret baggrundsfarve til sort.
Jeg kunne vælge en anden farve fra selve Color Picker. Eller jeg kunne prøve en farve direkte fra billedet inde i formen, som ofte fungerer bedre.
Det gør du ved at flytte musemarkøren over den farve, du vil prøve. Din markør skifter midlertidigt til ikonet for pipetteværktøj og fortæller dig, at den er klar til at prøve en farve. Jeg kan godt lide at holde baggrundsfarver subtile, så i stedet for at vælge grønt fra træerne eller rødt fra blomsterne, vil jeg vælge en lys hudfarve fra pigens pande ved at klikke på den for at prøve det:
Prøvetagning af en farve, der skal bruges til baggrunden.
Så snart jeg klikker, bliver den samplede farve til den nye baggrundsfarve. Jeg kan godt lide denne nye farve bedre, så jeg skal klikke på OK for at lukke farvevælgeren:
Den samplede farve er nu baggrundsfarven.
Hvis vi ser i panelet Lag, ser vi vores faste farvepåfyldningslag, kaldet "Farvefyld 1", der sidder mellem baggrundslaget og formlaget, lige hvor vi havde brug for det:
Panelet Lag, der viser det nye ensfarvede fyldlag.
Trin 15: Tilføj et slag
Endelig, lad os afslutte effekten ved at tilføje et slag omkring formen. Klik på Shape-laget i panelet Lag for at vælge det:
Valg af formlag.
Klik derefter på ikonet Layer Styles (ikonet " fx ") nederst i panelet Lag:
Klik på ikonet Layer Styles.
Vælg Slag fra listen:
Valg af streglagstil.
Dette åbner Photoshop's dialogboksen Layer Style indstillet til Stregindstillingerne i den midterste kolonne. For at ændre stregens farve skal du klikke på farveprøven :
Klik på farveprøven.
Dette åbner igen farvevælgeren. Jeg vælger hvidt til min stregfarve, så klikker jeg på OK for at lukke farvevælgeren:
Valg af hvidt fra farvevælgeren.
Tilbage i dialogboksen Lagstil, indstiller jeg strejkenes position til Udenfor, så den vises omkring ydersiden af formen. Derefter øger jeg Størrelsesværdien for at justere tykkelsen på slaglængden. Til dette billede synes jeg, en størrelse på omkring 12 px fungerer godt:
Indstilling af position til ydersiden og størrelsen til 12 px.
Klik på OK for at lukke dialogboksen Lagstil. Og med det er vi færdige! Her, efter at have ændret baggrundsfarve og tilføjet et slag omkring sommerfuglen, er min endelige "billede i form" -effekt:
Det endelige resultat.
Og der har vi det! Sådan kan du nemt placere et billede inde i en form ved hjælp af klipmasker i Photoshop! Se vores afsnit om fotoeffekter for flere vejledninger til Photoshop-effekter! Og glem ikke, alle vores Photoshop-tutorials er nu tilgængelige som printklare PDF'er!