Good Mood

vid beskärning av bilder i Photoshop tänker vi vanligtvis på rektangel eller rutor. Det beror på att Crop-verktyget i Photoshop inte har några andra alternativ., Men vem säger att vi behöver använda Skördeverktyget? Photoshop gör det lika enkelt att beskära bilder med hjälp av urvalsverktyg. Och för att beskära en bild i en cirkel är det elliptiska markeringsverktyget allt vi behöver.

i den här handledningen visar jag dig hur du beskär bilder som cirklar och hur du sparar cirkeln med en genomskinlig bakgrund så att du kan placera den i vilken design som helst eller ladda upp den till webben!

Jag använder Photoshop 2021 men du kan följa med någon ny version.,

Så här ser bilden i en cirkel ut när vi är klara, komplett med genomskinliga hörn så att det fungerar på vilken bakgrund som helst:

låt oss komma igång!

så här beskär du en bild i en cirkelform

Steg 1: Öppna din bild

börja med att öppna din bild i Photoshop. Jag använder den här bilden från Adobe Stock:

relaterat: så här får du dina bilder till Photoshop

steg 2: Lås upp bakgrundsskiktet

i lagpanelen visas bilden på bakgrundsskiktet:

innan du beskär bilden till en cirkel måste bakgrundsskiktet omvandlas till ett normalt lager. Det beror på att områdena runt cirkeln måste vara transparenta, och bakgrundslager stöder inte öppenhet.

för att konvertera bakgrundslagret till ett normalt lager, klicka bara på låsikonen., Om du använder en äldre version av Photoshop och klickar på låsikonen fungerar inte, tryck och håll ner Alt (Win) / Option (Mac) på tangentbordet och dubbelklicka på bakgrundslagret:

Photoshop byter namn på bakgrundslagret till ”Layer 0” och vi är redo att beskära bilden i en cirkel:

steg 3: Välj det elliptiska markeringsverktyget

Välj det elliptiska markeringsverktyget i verktygsfältet., Som standard gömmer sig det elliptiska markeringsverktyget bakom det rektangulära markeringsverktyget. Så du måste högerklicka (Win) / Control-click (Mac) på det rektangulära markeringsverktyget och välj sedan det elliptiska markeringsverktyget från menyn:

steg 4: rita en cirkulär markeringskontur

klicka på din bild och börja dra ut en elliptisk markeringskontur. För att tvinga markeringen konturen i en perfekt cirkel, tryck och håll Shift-tangenten på tangentbordet när du drar.,

oroa dig inte för att få cirkelns plats i bilden exakt rätt. Vi flyttar den till position i nästa steg. För nu, se bara till att cirkeln är tillräckligt stor för att omge det område du vill behålla.

När du är klar släpper du musknappen och släpper sedan Shift-tangenten. Se till att du släpper musknappen först, och sedan Shift-tangenten, eller markeringskonturen kommer att snäppa tillbaka till en friforms elliptisk form:

Steg 5: flytta markeringsramen

om du vill flytta markeringsramen runt motivet klickar du inuti konturen och drar den på plats. Här flyttar jag den för att centrera kvinnans ansikte i cirkeln. Det här är området jag vill behålla. Resten av bilden utanför cirkeln kommer att beskäras bort.

Observera att i skärmdumpen nedan är magenta-linjen som körs från topp till botten genom bilden bara en av Photoshop: s smarta guider och berättar för mig att markeringsramen nu är vertikalt centrerad i dokumentet., Smarta guider försvinner när du släpper musknappen:

steg 6: invertera markeringen

det enda problemet är att vi har valt området inuti cirkeln, när det vi verkligen behöver är att välja allt utanför cirkeln, eftersom det är det område vi vill beskära bort.

för att åtgärda det, invertera valet genom att gå upp till menyn välj i menyraden och välja Inverse:

Steg 7: Ta bort bilden utanför cirkeln

ta sedan bort området runt cirkeln med markeringen inverterad genom att trycka på Backspace (Win) / Delete (Mac) – tangenten på tangentbordet. Det borttagna området ersätts med ett rutmönster som är hur Photoshop representerar öppenhet.,

om det borttagna området blir vitt istället för transparent, eller Photoshop öppnar dialogrutan Fyll, är det troligt att du glömde att låsa upp bakgrundslagret tillbaka i steg 1:

vi behöver inte längre vår urvalskontur, så ta bort den genom att gå upp till Välj-menyn och välja avmarkera:

steg 8: beskära bort de transparenta områdena

för att beskära bilden runt cirkeln och trimma bort de transparenta områdena, gå upp till bildmenyn och välj Trim:

välj sedan transparenta pixlar högst upp i dialogrutan Trim och se till att topp, botten, vänster och höger är alla markerade längst ner:

klicka på OK för att stänga dialogrutan Trim, och Photoshop trimmar omedelbart bort de omgivande transparenta områdena och lämnar oss med vår bild beskuren som en cirkel.

eftersom hörnen är transparenta, kommer vilken bakgrund som helst som vi placerar bilden på att visas genom hörnen medan bilden i cirkeln förblir synlig:

steg 9: spara bilden som en PNG-fil

för att hålla dessa hörn transparenta måste vi spara bilden i ett filformat som stöder öppenhet. JPEG-formatet inte, men PNG gör., Och PNG stöds allmänt i webbläsare, vilket gör det till ett bra val.

för att spara bilden som en PNG-fil, gå upp till Arkiv-menyn och välj Spara som:

i de senaste versionerna av Photoshop blir du tillfrågad om du vill spara filen till din dator eller som ett molndokument. Välj Spara på din dator:

ange sedan alternativet Format till PNG i dialogrutan Spara som., Namnge filen, välj var du vill spara den och klicka sedan på Spara:

slutligen, i PNG-Formatalternativen, välj minsta filstorlek och klicka sedan på OK för att spara bilden:

och där har vi det! Så här beskär du en bild i en cirkel i Photoshop!

och det tar oss till slutet av vår serie om beskärning av bilder i Photoshop! Om du missade någon av de tidigare lektionerna i det här kapitlet, kolla in dem nedan:

• 01., Så här beskär du bilder i Photoshop CC
• 02. Hur man roterar och räta ut bilder
• 03. Så här ökar du canvas-storleken med Crop Tool
• 04. Beskär verktyg tips och tricks
• 05. Använda verktyget Perspective Crop
• 06. Beskära och ändra storlek på foton för att matcha ramstorlekar
• 07. Så här använder du Content-Aware Crop
• 08. Så här beskär du bilder i en cirkel

för fler ämnen, besök vår Photoshop Basics-sektion!