I den här självstudien lär du dig att fylla en form med en bild i Photoshop! Som ni ser gör Photoshop det enkelt att placera ett foto i alla typer av form, från en grundläggande rektangel eller cirkel till en snygg anpassad form. För denna handledning kommer vi att använda en av Photoshops färdiga anpassade former. Men när du har lärt dig stegen kan du börja placera bilder i vilken form du vill!
Så här ser den slutliga "bild i form" -effekten ut när vi är klara. Naturligtvis är detta bara ett exempel på effekten. Det finns många former att välja mellan i Photoshop, och du kan till och med skapa dina egna. Så när du har lärt dig stegen finns det egentligen ingen gräns för vad du kan göra:
Den sista "bilden i form" -effekten.
Låt oss börja!
Hur man fyller en form med ett foto
Jag använder Photoshop CC men allt vi gör är också kompatibelt med Photoshop CS6.
Steg 1: Skapa ett nytt dokument
Låt oss börja med att skapa ett nytt dokument. Gå upp till Arkiv- menyn i menyraden längst upp på skärmen och välj Ny :
Gå till File & New.
Detta öppnar dialogrutan Nytt dokument . Om du använder Photoshop CC ser du den nydesignade versionen av dialogrutan Nytt dokument. Om du använder Photoshop CS6 ser du den äldre, traditionella versionen. Vi tittar först på Photoshop CC-versionen, sedan tittar vi på CS6-versionen.
I Photoshop CC finns alternativen för att skapa ett nytt, anpassat dokument i panelen Förinställda detaljer längst till höger om dialogrutan. Låt oss skapa ett kvadratformat dokument för denna självstudie. Ställ in bredd och höjd till 2000 pixlar . Vi ställer in upplösningen till 72 pixlar / tum och bakgrunden till vit . Klicka på Skapa för att skapa det nya dokumentet:
Panelen Förinställd information i dialogrutan Nytt dokument i Photoshop CC.
I Photoshop CS6 sätter du igen både bredd och höjd till 2000 pixlar, upplösningen till 72 pixlar / tum och bakgrunden innehåll till vit . Klicka på OK för att skapa det nya dokumentet:
Den nya dialogrutan i Photoshop CS6.
Se videon och dela dina kommentarer på vår YouTube-kanal!
Steg 2: Välj Custom Shape Tool
Som jag nämnde tidigare kan du använda alla typer av form för denna effekt, från en enkel rektangel eller cirkel till en anpassad form. För denna handledning använder jag en av Photoshops inbyggda anpassade former.
Välj Custom Shape Tool från verktygsfältet. Som standard är det anpassade formverktyget kapslat bakom rektangelverktyget. Högerklicka (Win) / Kontrollklicka (Mac) på rektangelverktyget och välj sedan Custom Shape Tool på menyn:
Välja Custom Shape Tool från verktygsfältet.
Steg 3: Ställ in verktygsläget på "Shape"
Det finns tre olika typer av former som vi kan rita i Photoshop. Vi kan rita vektorformer, banor eller pixelbaserade former. För denna effekt vill vi rita vektorformer, som låter oss rita formen vilken storlek som helst vi behöver samtidigt som kanterna är fina och vassa.
Photoshop hänvisar till vektorformer helt enkelt som "former". Med det anpassade formverktyget valt, se till att alternativet Verktygsläge i Alternativfältet är inställt på Form :
Ställa in verktygsläget på "Form" i Alternativfältet.
Steg 4: Ställ in formfärgen på svart
För att vi ska se vår form mot den vita bakgrunden ställer vi in formens färg på svart . Du hittar färgrutan Fyll i alternativfältet (direkt bredvid alternativet Verktygsläge).
Som standard kommer färgen redan att vara svart. Om det inte är det, tryck på bokstaven D på tangentbordet. Detta återställer dina förgrunds- och bakgrundsfärger till deras standardvärden, vilket gör din förgrundsfärg (och formens fyllningsfärg) svart:
Färgprovet Fyll i alternativfältet. Se till att den är inställd på svart.
Steg 5: Ladda anpassade former
Photoshop innehåller massor av färdiga anpassade former som vi kan välja mellan. Men som standard är det bara en handfull av dem som laddas in i programmet. För att hitta resten måste vi ladda dem i oss själva.
Miniatyrformen i alternativfältet visar den form som för närvarande är vald. Klicka på miniatyren för att välja en annan form:
Klicka på formminiatyren i Alternativfältet.
Detta öppnar Custom Shape Picker med miniatyrbilder av alla former vi kan välja mellan. Som jag nämnde visas bara en handfull former som standard. Låt oss ladda alla formerna för att ge oss mer val.
Klicka på menyikonen (kugghjulsikonen) i det övre högra hörnet av Custom Shape Picker:
Klicka på menyikonen för anpassad formväljare.
I den nedre halvan av menyn som visas ser du en lista över alla anpassade formuppsättningar som vi kan välja mellan. Istället för att ladda var och en för att se vad vi får, låt oss bara ladda dem alla på en gång. För att göra det, välj Alla överst i listan:
Laddar alla anpassade former i Photoshop.
Photoshop frågar om du vill ersätta de aktuella formerna med de nya formerna. Eftersom standardformerna ingår i de olika formuppsättningarna förlorar vi ingenting genom att ersätta dem, så klicka på OK :
Klicka på OK för att ersätta de aktuella formerna med de nya.
Steg 6: Välj en anpassad form
Tillbaka i Custom Shape Picker har vi nu många fler former att välja mellan. Bläddra igenom miniatyrerna tills du hittar den du vill använda. Hjärtaformen (som faktiskt är en del av standardformerna) är ett populärt val. Men för något annat väljer jag fjärilsformen .
För att välja en form, dubbelklicka på miniatyren. Detta väljer formen och stängs av Custom Shape Picker.
Välj fjärils anpassad form.
Steg 7: Rita formen
För att rita din form klickar du längst upp till vänster i dokumentet för att ställa in en startpunkt. Med musknappen fortfarande hållen nedtryckt håller du Shift- tangenten på tangentbordet och drar diagonalt nedåt mot dokumentets nedre högra hörn. Håll Shift-tangenten när du drar låser formens bildförhållande så att du inte snedvrider utseendet på den.
När du ritar formen ser du bara en banvy över hur formen kommer att se ut:
Klicka längst upp till vänster, håll Shift och dra ner till höger.
För att slutföra formen, släpp musknappen och släpp sedan Shift-tangenten. Se till att du släpper musknappen först, därefter kan Shift-tangenten eller formens bildförhållande ändras. Photoshop ritar formen och fyller den med svart:
Photoshop drar formen när du släpper musknappen.
Om vi tittar i panelen Lager ser vi formen sitter på sitt eget formlager ovanför det vita fyllda bakgrundsskiktet:
Panelen Lager som visar formlagret ovanför bakgrundsskiktet.
Steg 8: Flytta formen till centrum
Om du vill flytta formen till mitten av dokumentet väljer du Photoshop's Move Tool från verktygsfältet:
Välj flyttaverktyget.
Klicka sedan på formen och dra den till mitten. Det bör fästas på plats när du kommer nära mitten:
Flytta formen i läge.
Steg 9: Öppna din bild
Öppna bilden du vill placera i din form. Här är den jag använder (tjej med fjärilsfoto från Adobe Stock). Din bild öppnas i sitt eget separata flikdokument:
Bilden ska jag placera i formen. Fotokredit: Adobe Stock.
Steg 10: Välj och kopiera bilden
Låt oss kopiera bilden och klistra in den i formens dokument. Gå upp till Välj- menyn högst upp på skärmen och välj Alla . Du kommer att se en markering som visas runt bilden.
Gå till Välj> Alla.
Med den valda bilden, gå upp till Redigera- menyn och välj Kopiera :
Gå till Redigera> Kopiera.
Steg 11: Klistra in bilden i formdokumentet
Byt tillbaka till formens dokument genom att klicka på fliken precis under Alternativfältet. Om du inte namngav dokumentet när du skapade det (vilket vi inte gjorde) heter det troligtvis "Untitled-1":
Klicka på formdokumentets flik.
Gå sedan tillbaka till redigeringsmenyn och välj sedan Klistra in :
Gå till Redigera> Klistra in.
Photoshop klistrar in bilden i dokumentet. För tillfället blockerar bilden formen från bilden. Min bild är också för stor för att passa helt in i formens dokument. Vi fixar båda dessa problem i nästa par steg:
Bilden har klistrats in i formens dokument.
Steg 12: Skapa en klippmask
Om vi tittar igen i panelen Lager ser vi att Photoshop har placerat bilden på ett nytt lager ovanför formlagret:
Panelen Lager som visar bilden ovanför formen.
För att placera bilden i formen behöver vi bara skapa en urklippsmask. Se till att du har valt bildlagret ("Layer 1"). Gå sedan upp till Layer- menyn längst upp på skärmen och välj Create Clipping Mask :
Gå till lager> Skapa klippmask.
Detta "klipp" av bilden på "lager 1" till formlagret under det, vilket innebär att den enda delen av bilden som förblir synlig i dokumentet är det område som sitter direkt ovanför (eller framför) formen. Resten av bilden är nu dold, vilket skapar en illusion att bilden faktiskt är i formen:
Klippmasken placerar bilden inuti formen.
Och om vi tittar igen i lagpanelen ser vi att "lager 1" är indraget till höger med en liten pil som pekar nedåt mot formlagret under det. Så här låter Photoshop oss veta att bilden nu klipps till formen:
Panelen Lager som visar bilden klippt till formlagret.
Steg 13: Ändra storlek och placera om bilden med fri transformering
För att ändra storlek på och flytta bilden inuti formen, se till att du har "Lag 1" valt. Gå sedan upp till menyn Redigera och välj Gratis omvandling :
Gå till Redigera> Gratis omvandling.
Detta placerar Free Transform-rutan och handtagen (de små rutorna) runt de faktiska måtten på din bild, inklusive området utanför den synliga duken. Om du inte kan se alla dina Free Transform-handtag eftersom din bild är för stor för att passa helt på skärmen, gå upp till Visa- menyn och välj Fit på skärmen :
Gå till Visa> Fit på skärmen.
Photoshop kommer automatiskt att justera zoomnivån så att hela Free Transform-rutan är synlig. Här ser vi min Free Transform-ruta som sträcker sig till höger om duken:
Rutan Fri omformning visas runt hela bilden.
Om du vill ändra storlek på bilden inuti formen trycker du och håller ned Skift- tangenten och drar något av hörnhandtagen . Håll Shift-knappen intryckt när du drar och låser det ursprungliga bildformatet av formen när du ändrar storleken på den.
För att flytta bilden inuti formen, klicka var som helst i rutan Gratis omformning och dra bilden på plats.
Här drar jag handtaget i det övre högra hörnet inåt, och jag har också flyttat bilden för att bättre passa tjejans ansikte i form av fjärilsvingen:
Använd Free Transform för att ändra storlek och flytta bilden inuti formen.
När du är redo trycker du på Enter (Win) / Return (Mac) på tangentbordet för att göra ändringen och stänga av kommandot Free Transform:
Bilden passar nu bättre i formen.
Steg 14: Ändra bakgrundsfärgen
Vid denna tidpunkt görs den viktigaste "bild i form" -effekten! Naturligtvis finns det alltid mer vi kan göra för att anpassa det och få det till att se ännu bättre ut. En sak vi kan göra är att ändra bakgrundens färg.
Det enklaste sättet att ändra bakgrundsfärgen är genom att använda ett av Photoshopps fyllda lager i färg Vi kommer att behöva det fyllda lagret för färg för att visas mellan bakgrundsskiktet och formlagret, så först klicka på bakgrundsskiktet i panelen Lager för att välja det:
Välja bakgrundsskiktet.
Klicka sedan på ikonen Nytt fyllnings- eller justeringslager längst ner på panelen Lager:
Klicka på ikonen Nytt fyll eller justeringslager.
Välj fast färg längst upp i listan:
Lägga till ett fyllningslager med fast färg.
Photoshop dyker upp färgväljaren där vi kan välja en ny färg. Svart är ett populärt val som bakgrundsfärg för denna effekt, så låt oss se hur det ser ut:
Att välja svart från färgväljaren.
Svart tar definitivt fram detaljerna i formen, men som bakgrundsfärg för en fjäril är jag inte säker på att den fungerar:
Resultatet efter att du har ändrat bakgrundsfärgen till svart.
Jag kunde välja en annan färg än själva färgväljaren. Eller så kan jag prova en färg direkt från bilden inuti formen, som ofta fungerar bättre.
För att göra det, flytta muspekaren över den färg du vill prova. Din markör växlar tillfälligt till ikonen för pipettverktyg, så att du vet att den är redo att prova en färg. Jag gillar att hålla bakgrundsfärger subtila, så istället för att välja grönt från träden eller rött från blommorna, väljer jag en ljus hudton från flickans panna genom att klicka på den för att prova den:
Provtagning av en färg som ska användas i bakgrunden.
Så snart jag klickar blir den samplade färgen den nya bakgrundsfärgen. Jag gillar den nya färgen bättre, så jag klickar på OK för att stänga ur färgväljaren:
Den samplade färgen är nu bakgrundsfärgen.
Om vi tittar i panelen Lager ser vi vårt fyllningslager med fast färg, med namnet "Färgfyllning 1", som sitter mellan bakgrundsskiktet och formlagret, precis där vi behövde det:
Panelen Lager som visar det nya fyllningsskiktet med fast färg.
Steg 15: Lägg till ett slag
Slutligen, låt oss avsluta effekten genom att lägga till ett slag runt formen. Klicka på Formlagret i panelen Lager för att välja det:
Välj formlager.
Klicka sedan på ikonen Layer Styles ( ikonen " fx ") längst ner på panelen Layers:
Klicka på ikonen Layer Styles.
Välj stroke från listan:
Välja en slaglagerstil.
Detta öppnar Photoshop's Layer Style-dialogruta inställd på Stroke-alternativen i mittkolumnen. För att ändra streckens färg, klicka på färgrutan :
Klicka på färgrutan.
Detta öppnar igen färgväljaren. Jag väljer vitt för min streckfärg, sedan klickar jag på OK för att stänga ur färgväljaren:
Att välja vitt från färgväljaren.
Tillbaka i dialogrutan Layer Style, ställer jag in streckens position på utsidan så att den visas runt utsidan av formen. Sedan ökar jag Storleksvärdet för att justera slagens tjocklek. För den här bilden tror jag att en storlek på cirka 12 px fungerar bra:
Ställa in position till utsidan och storleken till 12 px.
Klicka på OK för att stänga ur dialogrutan Layer Style. Och med det är vi klara! Här, efter att jag har ändrat bakgrundsfärgen och lagt till ett slag runt fjärilen, är min sista "bild i form" -effekt:
Det slutliga resultatet.
Och där har vi det! Så här kan du enkelt placera en bild i en form med klippmasker i Photoshop! Kolla in vårt avsnitt om fotoeffekter för fler instruktioner för Photoshop-effekter! Och glöm inte att alla våra Photoshop-tutorials är nu tillgängliga som utskriftsklara PDF-filer!