Den här lektionen är ganska enkel, men resultatet kommer att vara tilltalande för ögat - snygga rundade hörn av dina bilder. Och detta är mycket lätt att uppnå om du har någon version av Adobe Photoshop i din arsenal och ett foto som behöver bearbetas.

Avrundning av hörnen på en bild sker i flera steg:

1. Öppna bilden i Photoshop. För att göra detta, klicka på "Arkiv" och "Öppna" eller kortkommandot Ctrl+O.


2. Skapa ett nytt lager genom att klicka på Lager och sedan på Nytt lager.


3. På vänster sida av programmet finns en vertikal verktygsrad. I den hittar du rektangelverktyget. Vi behöver det inte för tillfället, så högerklicka på det och välj verktyget "Rundad rektangel".


4. En inställningspanel för detta verktyg visas högst upp i programmet. Här kan du ställa in önskad hörnradie, d.v.s. du kan öka eller minska avrundningen. Standardvärdet är 10 pixlar. Observera att för att använda verktyget måste du ha alternativet "Konturer" aktiverat, som också finns i inställningspanelen.


5. Välj hela bilden, från det övre vänstra hörnet och slutar i det nedre högra hörnet.


6. Högerklicka på bilden och välj alternativet "Skapa urval". En prickad markeringslinje visas.


7. Gå nu till det horisontella verktygsfältet och öppna fliken "Val" och välj sedan "Invertera".




8. Nu är allt tvärtom – det är inte själva bilden som väljs ut, utan onödiga hörn. För att ta bort dem, tryck helt enkelt på tangentkombinationen Ctrl+Delete på ditt tangentbord.


9. Avmarkera nu det genom att trycka på Ctrl+D på ditt tangentbord. Njut av resultatet!


Glöm inte att spara det färdiga fotot på din dator.

God morgon, eftermiddag, kväll eller natt alla. Dmitry Kostin är med dig om och om igen. En dag tittade jag igenom olika bilder och då gillade jag några av dem. Och de gillade dem eftersom de hade rundade kanter. Det ser genast mer intressant ut. Tycker du inte det? Och det är därför jag i dagens lektion skulle vilja berätta hur man rundar hörn i Photoshop för att få bilden att se mer intressant ut.

Det jag älskar med Photoshop är att i många fall kan samma sak göras på flera sätt. Så det är här. Låt oss börja med vår photoshop.

Enkel utjämning

Utjämning med hjälp av gränser

Denna metod liknar den tidigare, men fortfarande väldigt annorlunda. Vi kommer att göra allt med samma bild.

Genom att skapa en form

Den tredje metoden skiljer sig redan radikalt från de två föregående. Så ta en paus i ett par sekunder och gå vidare. Jag kommer inte att ändra bilden och kommer att ladda in den här bilen i Photoshop igen.

Ser du vad du slutade med? Bilden har rundade kanter, och allt för att den bara visas där vår ritade rundade rektangel är. Men nu kan du beskära det extra fotot med hjälp av verktyget "Crop", eller så kan du omedelbart spara bilden och du har redan en separat bild med rundade hörn.

Försök att göra allt själv, och berätta samtidigt vilken av de presenterade metoderna som är mer att föredra för dig.

Och förresten, om du har luckor i Photoshop eller om du bara vill lära dig det fullt ut på kortast möjliga tid, så rekommenderar jag starkt att du tittar på en bra photoshop-kurs för nybörjare. Kursen är välgjord, allt berättas och visas bara bra, och varje material diskuteras i detalj.

Nåväl, jag avslutar min lektion för idag. Glöm inte att prenumerera på nya artiklar och dela detta med dina vänner. Jag var glad att se dig på min blogg. Jag väntar på dig igen. Hejdå.

Med vänlig hälsning, Dmitry Kostin

Oskärpningsvärdet beror på bildens linjära storlek och storleken på filets radie du vill uppnå. Jag valde ett värde på 4 pixlar:

För säkerhets skull skapar jag en kopia av lagret med den suddiga figuren genom att trycka på Ctrl+J.

Håll ned Ctrl-tangenten och klicka på lagerikonen i panelen Lager för att skapa en markering runt formen. Gå till huvudmenyfliken Välj --> Förfina kant. Välj visningsläge (överst i dialogrutan) "på svart":

Parametern "Smooth" är ansvarig för hörnradien, så du kan välja den efter din smak, men värdena för "Fjäder" och "Kontrast" måste ställas in på 0 pixlar. och 100 % respektive.
Klicka på OK, dialogrutan "Förfina kant" stängs och "springmyrorna" visas i dokumentet igen. Allt vi behöver göra är att klicka på skapa lagermaskikonen längst ner på lagerpanelen, med detta skapar vi en lagermask från det valda området.
Resultat:

Panelen Lager ser ut så här:

Som du kan se på den näst sista bilden är hörnen rundade, men längs kanterna inuti formen finns en onödig färgövergång (detta hände på grund av suddighet). För att fixa detta, håll nere Ctrl-tangenten och klicka på lagermaskikonen:

En markering visas runt formen. Sedan Nödvändigtvis Klicka på lagerikonen, välj önskad färg i färgpaletten och tryck på Ctrl+Delete för att fylla markeringen. Jag tog den ursprungliga färgen på formen.

Så här rundar du hörn i text med metoden som beskrivs ovan:

Dessutom, om du applicerar en lagermask på källfilen och delvis tar bort den, kan du uppnå en effekt på enskilda områden av formen eller texten.

På vissa sajter som inte har skarpa hörn i sin design har även illustrationer i artiklar och nyheter rundade kanter. Mycket ofta tänker webbdesigners inte på det faktum att det är 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 webbplatskunden själv som är skyldig. Samtidigt som han kräver 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 den här lektionen Photoshop vi kommer att se hur lätt det är att runda hörnen på en bild med exemplet på en avatar, utan att begränsas av tjockleken på 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 krångliga för en nybörjare - kämpar med kanaler, sökvägar, oskärpa, guider och andra verktyg för avancerade användare PhotoshopÄven en professionell är lat, och för en nybörjare kan en sådan process verka obegriplig och tråkig. Efter att ha funderat lite hittade jag mitt eget sätt att snabbt och enkelt runda kanterna på den design jag behövde.

Runda alla hörn av ritningen med en Photoshop-form

Låt oss säga att du måste göra det med rundade kanter. Du har dock inte en liknande bild med utjä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 för en nybörjare.

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

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

3. Tryck på tangentbordet Ctrl+A för att markera hela bilden 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 bilden med rundade kanter på webbplatsen.

4. Skapa ett nytt lager ( Ctrl+Skift+N). Och i detta nya lager med hjälp av verktyget Rundade rektangelverktyg (U) rita en kvadrat eller rektangel av önskad storlek:

5. Bakgrundsfärgen på den ritade rektangeln spelar ingen roll. Parameter Radie, kännetecknande graden av rundhet av hörnet, för denna lektion är lika med 8 , men du kan ändra det efter eget tycke:

6. Formen som ritas i det nya lagret kan flyttas med hjälp av piltangenterna på tangentbordet. Dess form kan ändras genom att trycka på tangentbordet Ctrl+T och sträck sedan ut formen med musen. Om du drar runt ett hörn samtidigt som du håller ner tangenten Flytta, kommer storleken på figuren att ändras proportionellt. Som ett resultat av alla dessa åtgärder kommer vi att se till att figuren med rundade kanter kommer att ha den storlek och form som vi behöver:

7. Medan du håller ner tangenten Ctrl klicka på lagerförhandsvisningen i lagerpanelen Skikten(för oss är detta en röd fyrkant). Detta gör att vi kan välja en röd rektangel med rundade hörn, 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+Skift+I(eller Välj -> Omvänd i Photoshops huvudmeny). Detta kommer att markera området som ligger utanför den röda rundade fyrkanten.

9. Tryck på en tangent på tangentbordet Radera för att ta bort den här delen av huvudbilden som vi inte behöver. Efter detta, gör det översta lagret med den röda fyrkanten osynlig (i panelen Skikten Klicka på ögonikonen bredvid lagret med den röda fyrkanten). Tryck på tangentbordet M och klicka var som helst på ritytan för att avmarkera den färdiga avatarbilden 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, vore det logiskt att spara resultatet av denna lektion Photoshop i format PSD så att lagren förblir redigerbara. Sedan kommer processen att skapa nya bilder utan skarpa hörn att förenklas för att välja konturerna av den färdiga bilden, invertera markeringen och ta bort den onödiga delen av den nya bilden.

Om du bara behöver runda ett hörn av designen, medan resten ska förbli skarpt, är instruktionerna ovan också perfekta att använda. För att göra detta, använd bara kombinationen Ctrl+T Den röda rektangeln är större än bilden du redigerar. 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 ritningen så att endast ett hörn överlappar det synliga området på ritningen, 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 de återstående hörnen förblir skarpa. På samma sätt kan du snabbt och enkelt runda valfritt antal hörn på vilken bild som helst.

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 lära dig mer om att marknadsföra 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.