Hur man beskär i Photoshop: Den fullständiga guiden & Definition

Hur man beskär i Photoshop: Den fullständiga guiden & Definition
Rick Davis

Photoshop Crop-verktyget är ett enkelt verktyg i verktygsfältet som gör att du kan ta bort oönskade delar av en bild. Men du kanske upptäcker att det finns mycket mer än vad du tror.

Adobe Photoshop är ett otroligt kompetent och mångsidigt verktyg som designers och fotografer har använt i årtionden. En av de mest grundläggande processerna är beskärning, vilket innebär att en del av ett foto eller en design tas bort.

Beskärningsverktyget är inte destruktivt, vilket innebär att du kan välja de beskurna delar som du vill behålla. Du kan sedan optimera dessa beskurna kanter i ett senare skede.

Bildkälla: Unsplash

Även om beskärningsverktyget är otroligt effektivt i sin primära funktion kan du också använda det för att räta ut bilder under själva beskärningsprocessen.

I den här guiden får du lära dig grunderna för beskärning och hur det fungerar i Adobe Photoshop. Vi lär oss också hur man rätar ut en bild med hjälp av beskärningsverktyget och hur man beskär bilder på ett icke-destruktivt sätt.

Utöver beskärningsverktyget är lassoverktyget ett annat fantastiskt sätt att ta bort figurer från en bild. I slutet av den här artikeln finns en handledning som förklarar hur du använder lassoverktyget på ett effektivt sätt.

Grunderna för beskärningsverktyget

Beskärningsverktyget är ett otroligt dynamiskt verktyg som förtjänar ett par handledningar. Även om du har använt denna Photoshop-funktion under en längre tid kan du lära dig ett eller två nya knep från den här guiden!

Låt oss börja med grunderna för de ursprungliga beskärningsfunktionerna i Photoshop.

Välja beskärningsverktyget

Vi börjar den här processen genom att öppna ett originalfoto och välja beskärningsverktyget i verktygsfältet. Du hittar det längst upp i verktygsfältet. Du kan också trycka på tangenten C för att välja beskärningsverktyget.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Använda beskärningsverktyget

När du väljer beskärningsverktyget märker du att Photoshop skapar en beskärningsram runt din originalbild. Storleken på denna ram bestäms av hur du använder beskärningsverktyget i din tidigare bild.

Vi bör ställa tillbaka Crop Tool till sina ursprungliga inställningar innan vi fortsätter. För att göra det går du till Alternativfältet i det övre vänstra hörnet av skärmen. Högerklicka eller Ctrl + klicka på ikonen för Crop Tool och välj sedan Reset Tool (Återställ verktyg).

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Detta återställer vårt bildförhållande till standardinställningen samtidigt som rutorna Width och Height töms. Avsluta genom att trycka på Esc-tangenten. Om du fortfarande inte kan se gränsen väljer du ett annat verktyg från verktygsfältet och återgår sedan till beskärningsverktyget.

Beskärningsgränsen bör nu omge bilden ordentligt. Du kommer att märka att beskärningshandtag visas vid kanterna och de fyra hörnen av bilden.

Observera att denna skärmdump är ett exempel från PhotoshopEssentials

Du kan klicka och dra dessa beskärningshandtag för att ändra storlek på bilden till den punkt du vill ha.

Observera att denna skärmdump är ett exempel från PhotoshopEssentials

Det markerade området inom beskärningsrutan behålls, medan Photoshop beskär det mörka området. Du kan klicka och dra bilden inom beskärningsrutan för att placera den slutliga bilden på bästa sätt. Lägg märke till rutnätet för tredjedelsregeln inom beskärningsrutan som hjälper dig att få en så bra sammansatt bild som möjligt.

Ett ännu enklare sätt att beskära bilder är att helt enkelt välja beskärningsverktyget och sedan klicka och dra beskärningsrutan till önskad storlek. Du kan också använda handtagen för att ändra storleken på beskärningsrutan.

Återställning av din gröda

Om du är missnöjd med din gröda kan du återställa processen i stället för att avbryta den helt och hållet. Gå till knappen Återställ, som finns högst upp i alternativfältet. Vi kan då återställa gröda-rutan utan att förlora alltför mycket framsteg.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Kontrollera ditt bildförhållande

Du skapar ett anpassat bildförhållande när du använder beskärningsverktyget fritt. Om du vill behålla bildens ursprungliga bildförhållande håller du bara ned Shift-tangenten och klickar och drar i ett av beskärningsrutans hörnhandtag.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Om du vill ändra storleken på beskärningsrutan från mitten, tryck ner Alternativ- eller Alt-tangenten medan du drar i handtagen.

Specifika förhållandet mellan aspekterna

Photoshop gör det möjligt att arbeta bortom förinställda bildförhållande. Om du vill ha ett specifikt bildförhållande för att bilden ska passa i t.ex. en fotoram kan vi ställa in bildförhållandet med hjälp av alternativfältet.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Klicka på rullgardinsmenyn Aspect Ratio och välj det specifika aspektförhållandet du behöver för din ram, t.ex. 1 : 1 (fyrkantigt) eller 4 : 5 (8 : 10). Vi väljer 4 : 5 (8 : 10) för den här handledningen.

Det valda bildförhållandet anges automatiskt i rutorna Bredd och Höjd.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Du kan byta mellan bredd- och höjdvärdena med hjälp av symbolen Swap i alternativfältet. Med symbolen Swap kan du växla mellan stående och liggande läge.

Om du vill ställa in ett anpassat bildförhållande enligt en fotoram, anger du bara de specifika värdena i rutorna Bredd och Höjd i alternativfältet.

Du kan spara det anpassade bildförhållandet genom att gå tillbaka till rullgardinsmenyn Bildförhållande i alternativfältet och välja Ny förinställning för beskärning. Avsluta med att namnge ditt anpassade bildförhållande och klicka sedan på OK.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Anpassade storlekar och upplösningar

Beskärningsverktyget kan också användas för att ställa in en specifik bildstorlek och upplösning. För att göra det öppnar vi rullgardinsmenyn Aspect Ratio i Alternativfältet och väljer sedan B x H x Upplösning.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Ange dina värden för bildförhållandet som vanligt i rutorna Bredd och Höjd med tillägget "in" efter varje siffra, till exempel 14 tum x 11 tum.

Du märker att det finns en tredje ruta till höger om rutorna Width och Height. Detta är ett av de mer specifika beskärningsalternativen som gör det möjligt att lägga till ett värde för Resolution.

När det gäller bildkvalitetsstandarder för utskrift är 300 pixlar per tum standard. Vi skriver alltså 300 i den här rutan. Slutligen ser vi mätmetoden för den här bilden i pixlar per tum i rutan till höger om rutan Upplösningsvärde.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Nu när vi har gjort våra inställningar perfekta kan vi ändra storleken på beskärningsriktningen. När du är nöjd med beskärningsgränserna klickar du på krysset i slutet av alternativfältet. Du kan också använda beskärningskommandot Enter eller Return.

För att säkerställa att vi har rätt filformat kan vi gå till menyn Bild, välja Bildstorlek och öppna dialogrutan. Där bör du bekräfta att din anpassade beskärning är förinställd och att Bredd och Höjd är inställda på 14 x 11 tum och 300 pixlar per tum.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Om du vill ångra din beskärning går du till menyn Redigera och väljer Ångra beskärning.

Beskärning av överlagring

Nu ska vi ta reda på hur man använder Crop Overlay, som är en annan praktisk del av alternativen för Crop Tool. Välj Crop Tool och välj sedan vår bild med det. Du ser att ett 3 x 3 rutnät fyller ut kanten.

Som tidigare nämnts representerar det här rutnätet tredjedelsregeln. Detta är en viktig vägledning för grafiska formgivare eftersom det gör det möjligt för dem att skapa mer intressanta kompositioner. Om du anpassar bilden eller fotots motiv till de korsande rutnätslinjerna kommer motivet att framträda bättre.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Det här är bara en av de överlagringar av beskärning som finns tillgängliga för oss. Vi går över till alternativfältet och väljer ikonen Överlagring för att se de olika överlagringarna som finns tillgängliga. Vi väljer Gyllene snittet, som liknar tredjedelsregeln, men där rutnätets skärningspunkter är snävare.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Även om Photoshop är användbart för att beskära foton kan du tycka att processen är lite tidskrävande när du beskär enkla former och bilder. Grafiska formgivare kan spara mycket tid i sitt dagliga arbete genom att använda ett verktyg som Vectornator för enkla grafiska designuppgifter.

Hur du rätar ut bilder med hjälp av beskärningsverktyget

Det finns många andra alternativ för beskärning i Photoshop, till exempel att räta ut bilder. Låt oss till exempel säga att du har tagit ett vackert foto av havet men att horisonten var sned vid närmare granskning.

Tack och lov kan vi rätta till den sneda bilden med hjälp av beskärningsverktyget.

Välj beskärningsverktyget och rätverktyget

Vi börjar rätningsprocessen genom att välja beskärningsverktyget i verktygsfältet och sedan rätningsverktyget i alternativfältet.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Att dra gränsen

Med Rakningsverktyget markerat klickar du på horisontens ena ände och vänsterklickar sedan eller klickar och drar hela vägen till horisontens andra ände.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

När du släpper vänsterklick eller klickknappen kommer bilden att rätas ut direkt.

Beskärning av gränserna

När bilden har rätats ut kommer beskärningsgränsen att dyka upp igen. Du kommer att märka att bildens kanter nu inte är synkroniserade med huvudområdet innanför beskärningsgränsen och att det finns tomma områden därutöver.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Om du vill beskära området innanför beskärningsgränsen ändrar du storleken på det med hjälp av handtagen och trycker sedan på Enter eller Retur.

Hur man beskär bilder på ett icke-destruktivt sätt

I följande handledning får du lära dig hur du beskär bilder på ett icke-destruktivt sätt. Välj en bild eller ett foto som du vill använda för denna process (helst en med en central figur), så kan vi börja!

Om du vill se vad andra grafiska designers har att säga om bildredigering, erbjuder Vectornator enkla och lättanvända handledningar om en rad olika bildredigeringsprocesser med fokus på vektorisering.

Rätt bildförhållande

När du har laddat bilden väljer vi beskärningsverktyget i verktygsfältet och sedan rullgardinsmenyn Ratio i alternativfältet och väljer förhållandet 4 : 5 (8 : 10).

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Avsluta det här steget genom att vänsterklicka eller klicka och dra i beskärningsgränsens handtag tills du har den önskade bildtypen. Tryck på Enter eller Retur och du har fått en snygg porträttbeskärning.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Hur man ändrar orienteringen

Om du föredrar att bilden är liggande kan du gå tillbaka till alternativfältet och klicka på ikonen Byt.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Nu kommer Crop Border att återvända till bilden i liggande läge. Crop Border kommer förmodligen att vara ganska kraftigt inzoomad i det här skedet, så vi kanske vill vänsterklicka eller klicka och dra Crop Border ut.

Hantering av bakgrunden

När du släpper vänsterklick eller klickknappen kommer du att märka att bilden omges av en vit bakgrund. Detta tomma område orsakades av att Photoshop raderade pixlarna efter vår första beskärning.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Photoshop använde den vita färgen på grund av standardinställningen för bakgrundsfyllning. Photoshop tar bort dessa pixlar med en inställning som du hittar i alternativfältet och som heter Ta bort beskurna pixlar och som är markerad som standard.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Välja rätt inställningar

Vi ska nu återställa bilden till dess ursprungliga form. Börja med att avbryta beskärningen genom att gå tillbaka till alternativfältet och klicka på knappen Avbryt. Därefter går vi till menyn Arkiv och väljer Återställ.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Vi byter ut bildförhållandet i menyn Alternativ och återställer det till porträtt. Du kan också klicka och dra i handtagen för beskärningsgränsen för att få en mer tillfredsställande beskärning. Tryck dock inte på Enter eller Retur ännu!

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Innan vi beskär vår bild ska vi se till att vi stänger av Delete Cropped Pixels (Ta bort beskurna pixlar). Slutför det här steget genom att trycka på Enter- eller Returknappen.

Beskärning utan att förstöra

Nu kan du trycka på Enter eller Return för att bekräfta beskärningen. Det ser inte ut som om något har ändrats i det här skedet, men vänta tills vi ändrar storleken på beskärningen.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Vi återställer Aspect Ration till liggande läge via alternativmenyn. När du gör det visas resten av bilden istället för en vit bakgrund utanför beskärningsgränsen.

Vi sparade de beskurna pixlarna genom att stänga av funktionen Ta bort beskurna pixlar, vilket innebär att Photoshop döljer resten av bilden i stället för att ta bort den.

Vi kan sedan ändra storleken på beskärningsgränsen så att den passar oss och trycka på Enter eller Return.

Omplacering av bilden

Det finns andra fördelar med att stänga av funktionen Ta bort beskurna pixlar.

Eftersom Photoshop har behållit resten av bilden utanför vår beskärda del kan vi flytta den för att få en bättre komposition.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Låt oss gå tillbaka till verktygsfältet och välja Flyttverktyget. Nu kan vi vänsterklicka eller klicka och dra bilden tills vi får en tillfredsställande slutprodukt.

Nu när vi vet hur vi använder beskärningsverktyget ska vi titta närmare på dess mer subtila funktioner.

Se även: 18 klassiska animeserier som du måste ha på din lista

Tips och tricks för beskärningsverktyget

Vi vet att det är enkelt att använda beskärningsverktyget för dess grundläggande funktioner. De flesta beskär bara den del av bilden som de vill behålla och kastar resten.

Beskärningsverktyget är viktigt för att få en fantastisk komposition när det används fullt ut. Nu ska vi ta reda på hur du använder beskärningsverktyget som en mästare i Photoshop med dessa avancerade tips.

Att finslipa bildförhållandet

Nu när du vet hur Aspect Ratio elementet för beskärning fungerar, ska vi ta reda på hur du får en perfekt komposition. Först laddar vi upp en bild med en framträdande figur i den.

Tredje regel, omprövad

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner

Vi börjar den här processen genom att gå över till alternativfältet, välja ikonen Överlagring och välja Tredje regel.

Flytta om beskärningsöverlägget

När detta överlagringssystem har applicerats kan vi hålla ned Alt- eller Alternativ-tangenten och Shift-tangenten för att behålla det ursprungliga bildförhållandet och flytta beskärningsöverlagringen till figurens ansikte.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner

Tillämpa grödan

Du vill anpassa de två översta rutnätskorsningarna till figurens ögon. När du trycker på Enter och tillämpar beskärningen kommer du att märka hur slående figurens ansikte (och ögon) blir. Den här beskärningsmetoden är utmärkt för att rikta uppmärksamheten mot figurens mest tilltalande egenskaper, som vanligtvis finns i ansiktet.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner

Undvik att odla dessa områden

Ansikten är en fantastisk del av en figur att beskära, men hur är det med resten av kroppen? När det gäller att beskära en hel figur finns det vissa områden som du bör undvika att skära bort.

En designprincip säger att man inte ska beskära figurens leder. Anklar, knän, höfter och armbågar ska vara kvar i beskärningar snarare än att klippas ut.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner

Lek med beskärningsöverlägget

För att bättre demonstrera den här principen kan vi flytta Crop Overlay runt en bild med en framträdande figur. Håll ned Alt eller Options + Shift och dra Crop Overlay runt figuren.

Beskära vid en markerad punkt

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner

Försök att placera Crop Overlay på en av de markerade linjerna i figuren och tryck sedan på Enter.

Du kommer förmodligen att få en lite obehaglig känsla av den här beskärningen. Som en allmän regel gäller att beskärning av en figur på någon av de markerade nivåerna kommer att leda till en obehaglig slutbild.

Beslut om fokus

Den här punkten behöver egentligen inte utvecklas särskilt mycket, men det finns två saker att tänka på när du beskär en figur, beroende på vad du vill få fram.

Om du låter personens kropp vara kvar i den slutliga bilden kommer de fysiska egenskaperna att framhävas, t.ex. kroppshållning, kläder och kroppsspråk.

Å andra sidan kan man genom att beskära nära en figurs ansikte framhäva personligheten och uttrycket.

Ha dessa principer i åtanke när du bestämmer vad du vill att tittaren ska fokusera på i en annons eller ett inlägg i sociala medier.

Mer om överläggningar

Låt oss diskutera Photoshop olika överlagringar lite mer, eftersom de båda är viktiga för att beskära en bild på ett så estetiskt tilltalande sätt som möjligt.

Varför laddar vi inte en bild med ett landskap och en liten men intressant figur som svävar någonstans i mitten för att bättre förstå dessa principer?

Den gyllene spiralen

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner

Vi börjar den här djupdykningen med att välja beskärningsverktyget i verktygsfältet och går över till Överlagringar i alternativfältet. Även om tredjedelsregeln är den här avdelningens standardinställning ska vi leka med en ny.

Om vi trycker på O-tangenten kan vi växla mellan överlagren. Vi går igenom de olika överlagren tills vi når överlagret Golden Spiral.

Att öka spänningen

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner

Överlagret Gyllene spiralen bör vara i den position som visas ovan, men om inte kan du trycka på Shift + O för att flytta det tills spiralen slutar i det nedre vänstra hörnet av skärmen. Nu drar vi överlagret Beskärning tills spiralen slutar där din figur är placerad.

Tryck på Enter för att bekräfta beskärningen och titta sedan på din nya bild!

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner

Den borde se mycket bättre ut än originalet, med en mycket bättre framhävd figur. Den gyllene spiralen ger spänning åt din bild och ser till att figuren är i fokus utan att ta bort skönheten i landskapet.

När du använder den gyllene spiralen ska du försöka beskära bilden så att figuren är vänd inåt i bilden, snarare än utåt. Denna placering kommer att dra mer uppmärksamhet till den övergripande scenen och fokusera spänningen i landskapet.

Om du vill lära dig mer om tredjedelsregeln kan du läsa mer om när och hur man använder tredjedelsregeln på ett utmärkt sätt hos Vectornator.

Hur man skär ut bilder ur en bakgrund

Att klippa ut bilder ur en bakgrund är en enkel process, men den kräver lite tid och förståelse för Photoshop-verktyget Lasso. Vi börjar med att hitta en lämplig bild för den här handledningen, helst en bild med en person i förgrunden.

Ställa in din bild

När du har hittat den perfekta bilden eller fotot kan vi börja den här handledningen genom att ladda in den i ditt arbetsområde.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

När originalbilden är på plats går du till Layer-sektionen längst ner till höger på skärmen och låser upp bilden för att göra den till ett lager. Det gör du genom att klicka på den lilla låsikonen med vänster musknapp.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Låt oss zooma in på figuren. Om du föredrar att använda ett verktyg väljer du Zoomverktyget som du hittar till vänster om skärmen, längst ner i verktygsfältet.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Rätt verktyg för jobbet: Lassoverktyget

Vi kommer att använda det magnetiska lassoverktyget i den här handledningen. Du kan välja det från verktygsfältet eller genom att trycka på L-tangenten.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Det magnetiska lassoverktyget fungerar ungefär som pennverktyget, där du kan dra en exakt linje runt ett objekt. Fördelen med det magnetiska lassoverktyget är att Photoshop automatiskt känner av konturerna av ett objekt när du ritar runt det.

Din uppgift är att leda det magnetiska lassoverktyget runt det objekt som du vill skära ut.

Vägledning av det magnetiska lassoverktyget

Nu börjar vi med lasso! Den mest lättillgängliga platsen att börja med det magnetiska lassoverktyget är vanligtvis vid botten av en figur. Om du vill lassoa en person börjar du med fötterna.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Vi klickar på en punkt nära figurens häl och drar sedan musen längs foten, uppför fotleden och över resten av figurens kontur.

Det magnetiska lassoverktyget gör det mesta av arbetet åt dig, men du kan klicka på specifika punkter längs konturerna för maximal noggrannhet.

Du kanske börjar långsamt när du vänjer dig, men du kommer snart att få upp farten eftersom det magnetiska lassoverktyget är relativt exakt.

Det magnetiska lassoverktyget kan ha svårt att hantera skarpa hörn, så du kan hjälpa det på traven genom att vänsterklicka eller klicka dig fram genom dessa exakta kanter.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Det kan hända att det magnetiska lassoverktyget inte lyckas fånga upp vissa färger. Oroa dig inte för en ofullständig kontur, eftersom vi kan åtgärda den senare.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Spåra en fullständig kontur längs figuren och avsluta sedan arbetet genom att avsluta där du började med det magnetiska lassoverktyget. Avsluta genom att vänsterklicka eller klicka på den första punkten du gjorde.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

När du har dragit färdigt din kontur kommer en tunn, svartvit linje att visas. Nu kan vi fixa de områden som det magnetiska lassoverktyget inte tog upp på rätt sätt.

Förbättra konturerna

För att jämna ut krumbukterna i vår kontur använder vi verktyget Polygonal Lasso. Du kan välja det i verktygsfältet eller trycka på L och sedan vänsterklicka eller klicka på det.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Vi väljer också Lägg till i urvalet i alternativfältet, vilket gör att vi kan inkludera våra nya ändringar i den ursprungliga skissen.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Du bör nu se att en +-symbol har lagts till i det polygonala lassoverktyget. Om vi håller ned Alt- eller Alternativ-tangenten förvandlas +-symbolen till en --symbol. Med dessa inställningar kan vi börja rita ut de områden av figuren som vi inte fick med i den första spårningen.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Håll ned Alt- eller Alternativ-tangenten och vänsterklicka eller klicka sedan för att göra den första punkten. Du kan nu släppa Alt- eller Alternativ-tangenten och rita upp den lucka som du vill ta bort.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Se även: Ångra historik

När du sammanfogar linjerna kommer du att märka att formen får samma svarta och vita, slingrande kontur.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Vi kan också justera vår ursprungliga kontur på detta sätt genom att vänsterklicka eller klicka på den punkt där det magnetiska lassoverktyget började missa figurens kanter. Vänsterklicka eller klicka dig runt figurens faktiska kant och avsluta sedan tillägget genom att hålla ned Ctrl-tangenten.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

När du håller ned Ctrl-tangenten märker du att symbolen + under verktyget Polygonal Lasso nu förvandlas till en cirkulär symbol. Ta inte bort fingret från Ctrl-tangenten utan avsluta jobbet genom att vänsterklicka eller klicka.

När du är nöjd med skissen kan vi gå vidare till nästa steg!

Lägga till en lagermask

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Vi ska nu lägga till en lagermask. Vi går ner till det nedre högra hörnet av skärmen och klickar på ikonen Lägg till lagermask. Din bakgrund kommer att försvinna, men du kan alltid byta tillbaka till den genom att avmarkera masken.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Utjämna den skurna bilden

Nu när vi har vår utklippta figur på egen hand kan vi göra några korrigeringar för att få den helt fungerande. Vi börjar processen genom att välja penselverktyget i verktygsfältet.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Vi vill också välja Feathering från listan Brush Tool Options Bar i Brush Preset Picker. Nu kan du göra kanterna på figuren mjukare.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Detta kan vara en lite arbetsintensiv uppgift, men det är verkligen värt det när du har en realistisk fristående figur.

Att göra sig av med bakgrunden

Om du vill ta bort bakgrunden helt och hållet kan du högerklicka eller ctrl + klicka på lagret och välja Konvertera till smartobjekt.

Observera att denna skärmdump är ett exempel från //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Nu har du en snygg, fristående figur som du kan använda i alla dina projekt.

Den här handledningen var en långdragen process, och du bör veta att du kan klippa bilder mycket snabbare (och billigare) med programvaror som Vectornator.

Hur man skär i Vectornator

Medan Photoshop's beskärningsverktyg fungerar bra för fotografier kan grafiska formgivare spara mycket tid genom att använda Vectornators snabbare klippverktyg för sina illustrationer. Vectornator är dessutom gratis att använda, till skillnad från Photoshop's dyra prenumerationsavgifter.

Rita en rektangel

Vi börjar den här handledningen med att rita en rektangel med hjälp av rektangelverktyget. Välj rektangelverktyget i verktygsfältet och tryck eller klicka sedan på och dra en rektangel ut på duken.

Vi markerar rektangeln med hjälp av urvalsverktyget och hoppar sedan över till fliken Stil. Där kan vi trycka eller klicka på knappen Fyll & Stroke för att fylla rektangeln.

Om förankringspunkter

Nu när vi har vår rektangel kan vi lägga till ankarpunkter i den. Dessa ankarpunkter kommer att fungera som startpunkter för vår skärning.

Först måste vi lägga till ankarpunkterna. Vi kan börja med att använda verktyget Direktval i verktygsfältet.

Markera nu rektangeln med verktyget Direktval. Du kommer att märka att ankarpunkterna visas i rektangelns fyra hörn.

Om vi vill klippa rektangeln i dess mitt måste vi lägga till ankarpunkter i rektangelns mitt. Det finns två sätt att lägga till ankarpunkter, det första är att klicka eller trycka på rektangellinjen.

Som du kan se är den här processen inte särskilt exakt, och du kan ha svårt att placera en ankarpunkt direkt i mitten av rektangeln. Varför provar vi inte det andra och mer exakta sättet att lägga till ankarpunkter i stället?

Lägg till förankringspunkter automatiskt

Om du vill lägga till ankarpunkter automatiskt och exakt i rektangeln går du till fliken Path i det övre högra hörnet på skärmen. Där kan du klicka eller trycka på knappen Add Nodes.

Tryck eller klicka på knappen Lägg till noder tills du har exakt tre nya ankarpunkter på varje sida av rektangeln.

Använda verktyget sax

Utformning av tillämpningsgränssnitt

När våra ankarpunkter har lagts till i rektangeln kan vi nu använda saxverktyget. Vi väljer det i verktygsfältet.

Låt oss nu återgå till våra ankarpunkter, särskilt den i mitten av den övre linjen. Tryck eller klicka på den med saxverktyget. Du märker att ankarpunkten ändras från vit till röd för att visa ditt urval.

Efter att ha valt den övre mittpunkten med saxverktyget trycker eller klickar vi på den direkt motsatta ankarpunkten i den nedre mitten av rektangeln.

Att göra snittet

Boom! Där har du en symmetriskt beskuren rektangel som nu har delats upp i två. Vi avslutar den här handledningen med att leka med våra två rektanglar med urvalsverktyget för att se till att vi har skurit vår ursprungliga rektangel korrekt.

Beskärning Slutsats

Det var allt för beskärning, åtminstone för tillfället. Bra gjort för att du har arbetat igenom alla våra handledningar!

Som du vet vid det här laget är beskärning en otroligt mångsidig funktion som har mycket mer att erbjuda än att bara klippa ut bilder.

Det är också bra att se att du kan använda andra verktyg som Lassoverktyget för att skära ut saker ur bilden. Photoshop-verktygen har många användningsområden och kan användas för alla typer av kreativa uppgifter.

Även om Photoshop är ett kraftfullt verktyg finns det många andra designprogram där ute som gör att du kan klippa och ändra dina bilder, till exempel Vectornator. Vi rekommenderar att du också experimenterar med olika designverktyg, eftersom du kanske upptäcker att vissa är mycket enklare än andra.

När allt kommer omkring behöver du inte ha någon dyr programvara för att kunna beskära. Vi hoppas att du gillade den här omfattande beskärningsguiden och att du har förbättrat dina Photoshop-kunskaper. Ha kul med dina nya färdigheter!




Rick Davis
Rick Davis
Rick Davis är en rutinerad grafisk designer och bildkonstnär med över 10 års erfarenhet i branschen. Han har arbetat med en mängd olika kunder, från små startups till stora företag, och hjälpt dem att uppnå sina designmål och lyfta sitt varumärke genom effektiva och effektfulla bilder.Rick är utexaminerad från School of Visual Arts i New York City och brinner för att utforska nya designtrender och teknologier och ständigt tänja på gränserna för vad som är möjligt inom området. Han har en djup expertis inom programvara för grafisk design och är alltid angelägen om att dela med sig av sina kunskaper och insikter med andra.Utöver sitt arbete som designer är Rick också en engagerad bloggare, och är dedikerad till att täcka de senaste trenderna och utvecklingen inom världen av grafisk designprogramvara. Han tror att dela information och idéer är nyckeln till att främja en stark och levande designgemenskap och är alltid angelägen om att få kontakt med andra designers och kreativa online.Oavsett om han designar en ny logotyp för en kund, experimenterar med de senaste verktygen och teknikerna i sin studio eller skriver informativa och engagerande blogginlägg, är Rick alltid engagerad i att leverera bästa möjliga arbete och hjälpa andra att nå sina designmål.