Photoshop rundade hörn. Hur rundar man hörn i en bild i Photoshop? Avrundar bildernas hörn

I den här snabba handledningen ska jag visa dig hur du kan skapa rundade hörn i Photoshop med hjälp av enkla metoder maskering och filter.

Du kommer att kunna justera hörnradien för att runda av kanten på din form, text, etc. Detta är en snabb och enkel metod för att skapa rundade hörn. Du kan använda en lagermask för att skapa dem.

Använder serien enkla steg i Photoshop kan du göra en rundad rektangel. Photoshop har inget filter eller verktyg för att göra ett runt hörn direkt, men du kan göra det med Illustrator. Det låter dig skapa en rundad hörneffekt för nästan varje objekt. I den måste du gå till menyn Effekter> Stylisera> Rundade hörn(Effekter> Stylisera> Rundade hörn).

Steg 1

I den här snabba handledningen visar jag dig en enkel metod för att få rundade hörn i Photoshop med hjälp av en rastrerad text, form eller bild. Ta en vektorbild av en stjärna med skarpa hörn (denna metod fungerar också bra med räta vinklar).

Steg 2

Nu måste du rastrera lagret. För att göra detta, högerklicka på stjärnskiktets miniatyrbild i lagerpaletten och in innehållsmeny välja Rasterisera lagret(Rasterisera lager). Du måste göra samma sak om du använder ett textlager.

Steg 3

Gå till menyn Filter> Oskärpa(Filter> Blur) och välj Gaussisk oskärpa(Gaussisk oskärpa). Oskärmens radie beror på storleken på din bild och vilket resultat du vill få. Jag väljer en radie på 5px.

Steg 4

Håll ned "Ctrl"-tangenten och klicka på lagrets miniatyrbild för att aktivera valet av bilden. Gå sedan till menyn Markering och välj Förfina kanten(Välj> Förfina kant). Du kan experimentera med parametrarna Kantutjämning(Smidig) och Fjädrar(Fjäder) för att välja önskad effekt. Kontrast(Kontrast) gör 100.

Steg 5

Ta formens färg, i vårt fall är den gul och fyll hela urvalet med den färgen. Du kan göra detta genom att trycka på tangentkombinationen "Skift + F5".

Steg 6

Utan att avmarkera måste du lägga till en lagermask genom att klicka på ikonen som finns längst ner på lagerpaletten. Det var allt, nu har stjärnan rundat hörn.

Du kan använda samma metod för att skapa text med rundade hörn, som visas i bilden nedan. Nu kan du komma på ditt eget typsnitt.

1 röst

God dag, kära nybörjare webbplatsutvecklare. Slutligen går jag vidare till berättelserna om vilka tekniker som ska användas för att skapa fantastiska webbplatser. Idag kommer jag att berätta för dig hur du bearbetar ett foto på några minuter och därigenom gör portalen vackrare, och besökstiden är mycket längre. Tro mig inte? Men förgäves ...

Sedan starten av säljsajter stora företag började studera publikens smaker på nära håll. De försöker försiktigt dölja några av sina upptäckter, eftersom teknikerna fungerar för bra, medan andra är ganska svåra att dölja, de används för ofta.

Alla har länge varit vana vid platta, rektangulära fotografier. De används när det kommer till seriösa affärer som gör ansvarsfulla affärer.

När ett företag eller tjänst är enklare, då bilder med mjuka övergångar kan ses mycket oftare. Du kan se detta på vilken bra försäljningssida som helst, som kommer att vara en samling av de bästa teknikerna inom journalistik, marknadsföring och psykologi.

Idag kommer du att lära dig alla metoder för att runda hörn i Photoshop. Om du funderar på hur du ska behålla uppmärksamheten och vinna över dig själv, använd sedan strömlinjeformade former, och om du gör en seriös portal och vill skapa en slags barriär mellan dig själv och läsaren, är det bättre att använda rektangulära bilder: "Vi är seriösa killar, ni vill ha kvalitet - till oss".

Ett snabbt sätt att avrunda ett foto

Så vi kommer att arbeta i Photoshop. Vi öppnar bilden.

Hitta verktyget för rundad rektangel.

Om du inte kan hitta den, håll sedan ner vänster musknapp i ett par sekunder på menyknapparna för att öppna ytterligare alternativ.

Det spelar ingen roll vilken färg du väljer. Dra objektet över bilden så att området du vill ha är inuti formen.

Var uppmärksam på egenskaperna. Du kan leka med figurerna som visas på bilden och böja kanterna mer. Ange ditt nummer och tryck på Retur för att se resultatet. När du är nöjd trycker du på enter igen.

Håll nu ned CTRL-tangenten och klicka på mitten av lagret som innehåller rektangeln du just ritade. Var försiktig, om du klickar på texten händer ingenting. Du måste klicka exakt i mitten av ikonen med en miniatyrbild.

Nu tar vi bort sikten. För att göra detta, klicka på "ögat" bredvid lagret.

Gå till jobbet med lagret, välj det: klicka med musen antingen på texten eller på ikonen. Spelar ingen roll. Hoppa inte över det här steget, annars kommer magin inte att hända.

Redo. Om du ska visa en bild på sajten kan du spara den, huvudsaken är att inte misstas med formatet.

Det du behöver är png.

I det här fallet kommer de rutiga kanterna att vara genomskinliga. Välj jpeg och den kommer att ersättas av en oattraktiv vit ram.

Du kan också lägga till den här bilden till fotot. I det här fallet är det inte nödvändigt att spara och öppna igen.

Välj bara det (Ctrl + A) och kopiera det sedan (Ctrl + C) och klistra in det i en annan bild (Ctrl + V).

Vi avrundar för designers och påskyndar processen att arbeta med ett projekt

Låt oss säga att du arbetar med ett viktigt coolt projekt. Det är nästan klart och du vill se hur det kommer att se ut med rundade hörn. Det är inte nödvändigt att öppna hundra tusen flikar: beskär - klistra in och så vidare. Allt kan göras mycket snabbare och enklare.

Här är en titt på mitt exempel. Förresten, om du vill kan du ladda ner den här psd-filen, öppna den med Photoshop och öva ( ladda ner ).

Välj det lager vi behöver. Jag ska jobba med en stor ugglebild. Så jag håller ned Ctrl och klickar på mitten av det här lagrets miniatyrbild. Inte via sms eller med ögat. Enligt bilden med bilden. Förlåt för tautologin.

Först och främst, markera rutan bredvid "tillämpa effekt på gränser". Sedan ställer vi in ​​radien.

Tyvärr måste man välja med ögat. Här sätter du som regel 15. Detta är standarden, men som du förstår kan du avvika från den.

Vi väljer det ideala alternativet.

Sedan på fliken "Selection" hittar vi "Inversion".

Tryck på "del"-knappen på ditt tangentbord och du är klar.

För att ta bort krypande myror runt kanterna måste du trycka på Ctrl och D samtidigt.

Om du gillade dessa tutorials kan du hitta fler. Du behöver inte söka på Youtube efter vad du än tänker på. Går att utforska alla marker "från A till Ö" genom videolektioner. Få din gratis presentation senaste versionen kurs i ryska Photoshop. I det här fallet kommer du inte bara att kunna göra grundläggande saker, utan också lära dig hur du utför komplext arbete, du kommer att se hur riktiga specialister tillämpar enkla färdigheter och vad som kommer av det.

Se till exempel att det du har lärt dig idag kan appliceras på mer än att bara trimma hörn.

Du vet redan hur man ritar en bild i trianglar. Förstår inte? Allt är väldigt enkelt.

Med den första beskärningsmetoden från den här artikeln som grund, men istället för att arbeta med en rektangel, välj en polygon.

Glöm inte att exponera de "tre sidorna" i panelen längst upp, för att inte lura huvudet med omvandlingen av formen.

Och om du inte vill att hörnen ska vara lika skarpa som mina, ställ bara in kantutjämning i inställningarna.

Du kan ladda ner den här bilden i psd-format direkt från min blogg och arbeta med den ( ladda ner ). Jag tror att det inte är något problem att förbättra det.

Om den här artikeln var till hjälp, prenumerera på min e-postlista för bloggen. Det finns massor av intressanta saker som väntar på dig! Och slutligen en video om hur du kan förvandla en tjej till en pizza med hjälp av Photoshop. Se det till slutet, det är roligt.

De rätta vinklarna på bilderna är älskade av alla. Men det finns tillfällen då samma hörn måste rundas. Då kommer Photoshop-programmet till din hjälp igen. I den här artikeln tar vi en titt på ett av många sätt du kan göra detta på. Tänk på, min metod innebär också lite klippning av bilden runt kanterna, detta är ett slags uppoffring i namnet av rundade hörn.

För dem som gillar mer tydlighet spelade jag in en videohandledning som du kan se i slutet av den här handledningen. Så låt oss börja runda bildens hörn:

Steg 1

Som standard blir alla bilder som öppnas i Photoshop bakgrundsbilden. Photoshop namnger det här lagret som "Bakgrund" och blockerar även det från onödig redigering. Detta signaleras till oss av en liten låsikon.

För att låsa upp ett sådant lager måste du dubbelklicka på det. Dialogrutan Nytt lager visas. Ändra ingenting, klicka bara på OK. Låset borde nu vara borta.

Steg 5

I lagerpanelen klickar du på det allra första lagret med vår originalbild och trycker på kortkommandot Ctrl + Shift + I. Som ett resultat bör vi välja hela området utanför gränserna för vårt torg. Det kallas . Ta en närmare titt på vad som har förändrats:

Steg 6

Tryck nu på tangentkombinationen Ctrl + X (redigera - klipp) för att radera det valda området. Urvalet ska försvinna och där bilden en gång fanns kommer en schackbrädebakgrund (transparens) att dyka upp.

Steg 7

Låt oss nu göra vårt formlager osynligt. För att göra detta, i lagerpanelen, klicka på ögonikonen mittemot lagret med kvadraten. Här är originalbilden med rundade hörn.

Steg 8

Kör kommandot Bild - så att Photoshop tar bort allt extra utrymme runt bilden. Som ett resultat bör transparensläget endast vara synligt i hörnen.

I framtiden, för att använda en sådan bild, måste den sparas i PNG-format! I det här fallet kommer hörnen att förbli genomskinliga. Annars, om du sparar till exempel i JPG-format, blir hörnen automatiskt med vit bakgrund.

Så allt är klart. En bild med rundade hörn kommer att se ut så här:

Och hur gör man bara till exempel ett rundat hörn?

Väldigt enkelt. Låt oss gå tillbaka till scenen när vi ritade formen. Sträck ut den så att du bara ser ett rundat hörn och de andra tre är dolda utanför duken. Här och följ sedan instruktionerna ovan. Allting är det samma.

Jag hoppas att instruktionerna hjälpte dig och att du kan göra något coolt! Lycka till.

Om du ser ett fel i texten markerar du det och trycker på Ctrl + Retur. Tack!

På vissa sajter som inte har skarpa hörn i design har illustrationer i artiklar och nyhetsartiklar också rundade kanter. Mycket ofta tänker webbdesigners inte på det faktum att det kommer att vara svårt för webbplatsägaren att göra sådana illustrationer med rundade hörn, han har inte nödvändigtvis den nödvändiga kunskapen Photoshop... Däremot är det kunden till webbplatsen som bär skulden. Med krav på att allt ska vara vackert tänker han ofta inte på hur han sedan ska lägga till bilder med rundade kanter till artiklar och nyheter på sin sida.

I denna handledning Photoshop vi kommer att se hur lätt det är att runda bildens hörn med exemplet på en avatar, inte begränsat till tjockleken 1 px:

När jag först behövde runda hörn i en illustration för en webbplats var svaret inte självklart för mig. Jag googlade och hittade ett par översättningsinstruktioner som var för smarta för en nybörjare - att kämpa med kanaler, sökvägar, oskärpa, guider och andra verktyg för avancerade användare Photoshopäven en professionell är lat, men för en nybörjare kan en sådan process verka obegriplig och tråkig. Efter lite funderande hittade jag mitt eget sätt att snabbt och enkelt runda kanterna på bilden jag behöver.

Runda av alla hörn på en ritning med en Photoshop-form

Låt oss säga att du vill göra det med rundade kanter. Du har dock inte en liknande bild med kantutjämnade kanter. Erbjuder dig en mycket enkel men mycket detaljerad och illustrerad Photoshop handledning om hur man gör en bild med rundade hörn.

1. Öppna Photoshop. Denna handledning använder min favoritversion Adobe Photoshop CS3 men alla andra versioner som är installerade på din dator fungerar också.

2. Öppna originalritningen, vars kanter vi kommer att runda av. Om bilden skiljer sig i storlek och form från den vi behöver är det nödvändigt och/eller i Photoshop innan man börjar runda hörnen.

3. Tryck på tangentbordet Ctrl + A för att markera hela ritningen och klicka sedan Ctrl + C att kopiera den. Öppna ett nytt fönster i Photoshop ( Ctrl + N) och klistra in den kopierade bilden i den ( Ctrl + V). I det här fallet bör bakgrunden i det nya fönstret vara antingen eller färgen som ska omge ritningen med rundade kanter på webbplatsen.

4. Vi skapar nytt lager (Ctrl + Shift + N). Och i detta nya lager med verktyget Rundade rektangelverktyg (U) rita en kvadrat eller rektangel av önskad storlek:

5. Bakgrundsfärgen på den ritade rektangeln spelar ingen roll. Parameter Radie, som kännetecknar graden av rundhet i hörnet, för denna lektion är 8 , men du kan ändra det som du vill:

6. Formen som ritats i ett nytt lager kan flyttas med hjälp av pilarna på tangentbordet. Dess form kan ändras genom att trycka på tangentbordet Ctrl + T och sträck sedan ut formen med musen. Om du drar ett hörn samtidigt som du håller ned Flytta, kommer formen att ändra storlek proportionellt. Som ett resultat av alla dessa åtgärder kommer vi att se till att formen med rundade kanter blir den storlek och form som vi behöver:

7. Håller ner nyckeln Ctrl klicka på lagerförhandsvisningen i lagerpanelen Skikten(vi har en röd fyrkant). Detta gör att vi kan välja den röda rundade rektangeln, vilket framgår av den prickade linjen som visas längs dess kant:

8. I lagerpanelen Skikten gå till det nedre lagret med huvudbilden och tryck på kombinationen Ctrl + Shift + I(eller Välj -> Omvänd i huvudmenyn i Photoshop). Detta kommer att välja området som ligger utanför den röda rundade fyrkanten.

9. Tryck på tangenten på tangentbordet Radera för att ta bort den här delen av huvudbilden som vi inte behöver. Efter det gör vi det översta lagret med den röda fyrkanten osynlig (i panelen Skikten klicka på ögonikonen bredvid det röda fyrkantiga lagret). Tryck på tangentbordet M och klicka var som helst på ritytan för att avmarkera den färdiga avataren med rundade hörn. Om vi ​​ställer in bakgrunden till transparent får vi följande:

10. Ritningen utan skarpa hörn är klar. Du kan också använda den som en avatar eller illustration på webbplatsen.

Om du behöver göra bilder med rundade hörn ofta och alla har samma storlek och stil, kommer det att vara logiskt att spara resultatet av den här lektionen. Photoshop i formatet Psd för att hålla lagren redigerbara. Sedan kommer processen att skapa nya bilder utan skarpa hörn att förenklas tills konturen är vald. färdig bild, invertera markeringen och ta bort den onödiga delen av den nya bilden.

Om du bara behöver runda av ett hörn av ritningen, och resten ska förbli skarpt, är instruktionerna ovan också bra att använda. För att göra detta räcker det att göra med kombinationen Ctrl + T storleken på den röda rektangeln är större än den redigerade bilden. I det här fallet kommer kanterna på den röda kvadraten att sluta utanför duken och en sådan rektangel kan läggas över bilden så att endast ett hörn överlappar det synliga området av bilden, och resten förblir utanför den. Genom att invertera och ta bort den valda delen av bilden rundar vi endast ett önskat hörn av bilden, och resten av hörnen förblir skarpa. På samma sätt kan du snabbt och enkelt runda valfritt antal hörn på vilken bild som helst.

Dessutom, för att skapa en bild med ojämna kanter eller andra liknande effekter, kan du använda en bild med sådana taggiga kanter eller rundade hörn, hämtad från någon sida. I det här fallet måste du ta bort bakgrunden som inte är relaterad till bilden, till exempel med hjälp av verktyget Trollstavsverktyg (W).

Du kan ta reda på mer om marknadsföring av mobilapplikationer på webbplatsen advertmobile.net. Denna tjänst erbjuder motiverade installationer i stora volymer för den applikation du har utvecklat, såväl som deras kompetenta marknadsföring i App Store och Google Play.

Jag har länge letat efter hur jag kan runda hörnen med Adobe Photoshop, men överallt blir de inte färdigskrivna, eller så är det felskrivet. Som det visade sig tar det inte mer än 30 sekunder att runda hörnen på en bild, naturligtvis, efter att du lärt dig hur man gör det.

Och för att utföra en så enkel operation måste du starta programmet och lägga in bilden vi behöver i programmet, eller använda Meny-> Arkiv-> Öppna-> Önskad bild.jpg. Jag kommer att använda en vanlig bild av natur.

Var uppmärksam på det nedre högra hörnet, en bakgrundsbild har dykt upp i "Layers", den måste konverteras till ett lager. För att göra detta, klicka på bakgrunden med höger musknapp och välj "Lager från bakgrund".

Som ett resultat av denna åtgärd kommer vår bakgrund att omvandlas till ett lager.

Duplicera bilden genom att högerklicka på Layer 0 och välja "Duplicate Layer".

Figur 2

Göm med arbetsyta"Lager 0". För att dölja ett lager, klicka på ÖGON-ikonen bredvid lagrets namn.

Välj önskad del av bilden.

Så fort du har markerat önskad del av bilden med en rektangel högerklickar du inuti markeringen och väljer "Formval".

Klicka på OK i dialogrutan, rör inte vid skuggningen.

I hög grad viktig poäng! Välj Layer 0 (Copy) och tryck sedan på DELETE-tangenten på ditt tangentbord. Lager 0 (kopia) måste väljas med ett normalt musklick.

Om allt är gjort korrekt kommer du att se något liknande i Photoshop. Nu kan du spara bilden till t.ex. png-format och njuta av konstverket.

Det finns en sak till, om den utklippta biten är två eller till och med 3 gånger mindre än originalbilden kommer den att ha en stor tom yta, den måste raderas. För att göra detta, välj kapslingsverktyget och välj ett område av bilden utan ett tomt område.

Gå sedan till menyn Redigera-> Kopiera.

Gå till Arkiv-> Ny meny och klicka bara på OK. Programmet justerar automatiskt bredden och höjden på duken för det valda området av bilden.

I det nya projektet "Inget namn 1", och vi kommer automatiskt att hitta oss själva i det, gå till menyn Redigera-> Infoga.

Det bästa sättet att spara bilden är att använda "Spara för webben". För det första kan du manuellt välja bildkvalitet i procent, och för det andra blir bildstorleken flera gånger mindre än om du sparar det vanliga sättet.

Och vad fick vi vid utgången.

För de som inte förstår hur jag lyckades runda hörnen, har jag speciellt spelat in en video som hjälper dig i denna enkla uppgift.