Cum să rotunjiți colțurile ascuțite în Photoshop. Cum să netezești colțurile formelor în Photoshop

11.10.2019 Video

Caut de multă vreme cum să rotunjesc colțurile folosind Adobe Photoshop, dar totul a fost lăsat pe undeva sau este scris greșit. După cum se dovedește, rotunjirea colțurilor oricărei imagini nu va dura mai mult de 30 de secunde, desigur, după ce înveți cum să o faci.

Și astfel, pentru a efectua o operație atât de simplă, trebuie să lansați aplicația și să aruncați imaginea de care avem nevoie în program, sau să folosiți Meniu->Fișier->Deschidere->Imagine obligatorie.jpg Voi folosi o imagine obișnuită a naturii.

Atenție la colțul din dreapta jos, a apărut o imagine de fundal în „Straturi”, trebuie convertită într-un strat. Pentru a face acest lucru, faceți clic dreapta pe fundal și selectați „Strat din fundal”.

Ca rezultat al acestei acțiuni, fundalul nostru va fi convertit într-un strat.

Creați un duplicat al imaginii făcând clic dreapta pe Stratul 0 și selectând „Creați un strat duplicat”.

Figura 2

Ascundeți „Layer 0” din zona de lucru. Pentru a ascunde un strat, faceți clic pe pictograma OCHI de lângă numele stratului.

Selectați partea dorită a imaginii.

După ce ați marcat partea dorită a imaginii cu un dreptunghi, faceți clic dreapta în interiorul selecției și selectați „Creați zona selectată”.

În caseta de dialog, faceți clic pe butonul OK, dar nu atingeți pene.

Un punct foarte important! Selectați Stratul 0 (Copiere), apoi apăsați butonul DELETE de pe tastatură. Stratul 0 (copie) trebuie selectat cu un clic obișnuit al mouse-ului.

Dacă totul este făcut corect, în Photoshop veți vedea așa ceva. Acum puteți salva imaginea, de exemplu în format png, și vă puteți bucura de opera de artă.

Mai este un punct: dacă piesa decupată este de două sau chiar de 3 ori mai mică decât imaginea originală, aceasta va avea o zonă goală mare, care trebuie îndepărtată. Pentru a face acest lucru, selectați instrumentul de tăiere și selectați zona imaginii fără zona goală.

Apoi accesați meniul Editare->Copiere.

Accesați meniul Fișier->Nou și faceți clic pe OK. Programul va ajusta automat lățimea și înălțimea pânzei zonei selectate a imaginii.

În noul proiect „Unnamed 1”, și ne vom găsi automat în el, mergeți la meniul Editare->Inserare.

Cel mai bun mod de a salva o imagine este să utilizați opțiunea „Salvare pentru Web”. În primul rând, puteți selecta manual calitatea imaginii ca procent, iar în al doilea rând, dimensiunea imaginii va fi de câteva ori mai mică decât dacă este salvată în mod obișnuit.

Și ce am obținut ca rezultat?

Pentru cei care nu înțeleg cum am reușit să rotunjesc colțurile, am înregistrat special un videoclip care vă va ajuta cu această sarcină simplă.

În acest tutorial rapid, vă voi arăta cum puteți crea colțuri rotunjite în Photoshop folosind tehnici și filtre simple de mascare.

Puteți ajusta raza colțului pentru a rotunji marginea formei, textului etc. Aceasta este o metodă rapidă și ușoară care va crea colțuri rotunjite. Pentru a le crea puteți folosi o mască de strat.

Folosind o serie de pași simpli în Photoshop, puteți crea un dreptunghi rotunjit. Photoshop nu are un filtru sau vreun instrument pentru a face un colț rotunjit imediat, dar o puteți face folosind Illustrator. Vă va permite să creați un efect de colț rotunjit pentru aproape fiecare obiect. În ea trebuie să mergeți la meniu Efecte > Stilizare > Colțuri rotunjite(Efecte > Stilizare > Colțuri rotunjite).

Pasul 1

În acest tutorial rapid, vă voi arăta o metodă simplă de a crea colțuri rotunjite în Photoshop folosind text rasterizat, o formă sau o imagine. Să luăm o imagine vectorială a unei stele cu colțuri ascuțite (această metodă va funcționa bine și cu unghiuri drepte).

Pasul 2

Acum trebuie să rasterizați stratul. Pentru a face acest lucru, faceți clic dreapta pe miniatura stratului stea din paleta de straturi și selectați din meniul contextual Rasterizați stratul(Rasterizare strat). Ar trebui să faceți același lucru dacă utilizați un strat de text.

Pasul 3

Accesați meniu Filtru > Estompare(Filtru > Blur) și selectați Blur Gaussian(Neclaritate Gaussiană). Raza de estompare va depinde de dimensiunea imaginii și de rezultatul pe care doriți să-l obțineți. Voi alege o rază de 5 pixeli.

Pasul 4

Țineți apăsată tasta Ctrl și faceți clic pe miniatura stratului pentru a activa selecția imaginii. Apoi mergem la meniu Selecţieși alegeți Rafinați marginea(Selectați > Rafinați marginea). Puteți experimenta cu parametrii Antialiasing(Neted) și Umbrire(Pene) pentru a selecta efectul dorit. Contrast(Contrast) face 100.

Pasul 5

Luați culoarea formei, în cazul nostru este galbenă și umpleți întreaga selecție cu această culoare. Puteți face acest lucru apăsând combinația de taste „Shift + F5”.

Pasul 6

Fără a elimina selecția, trebuie să adăugați o mască de strat făcând clic pe pictograma care se află în partea de jos a paletei de straturi. Atât, acum vedeta are colțuri rotunjite.

Puteți folosi aceeași metodă pentru a crea text cu colțuri rotunjite, așa cum se arată în imaginea de mai jos. Acum puteți veni cu propriul font.

Pe unele site-uri care nu au colțuri ascuțite în design, ilustrațiile din articole și știri au și ele marginile rotunjite. Foarte des, web designerii nu se gândesc la faptul că realizarea unor astfel de ilustrații cu colțuri rotunjite va fi dificilă pentru proprietarul site-ului, acesta nu are neapărat cunoștințele necesare; Photoshop. Cu toate acestea, însuși clientul site-ului este de vină. Pentru că cere ca totul să fie frumos, de multe ori nu se gândește cum va adăuga apoi imagini rotunjite articolelor și știrilor de pe site-ul său.

În această lecție Photoshop vom vedea cât de ușor este să rotunjiți colțurile unei imagini folosind exemplul unui avatar, fără a fi limitat de grosimea 1px:

Când am avut nevoie pentru prima dată să rotunjesc colțurile într-o ilustrație pentru un site web, răspunsul nu mi-a fost evident. Am căutat pe google și am dat peste câteva instrucțiuni de traducere care erau prea abstruse pentru ca un începător să se lupte cu canale, căi, estompări, ghiduri și alte instrumente pentru utilizatorii avansați. Photoshop Chiar și un profesionist este leneș, iar pentru un începător un astfel de proces poate părea de neînțeles și plictisitor. După ce m-am gândit puțin, mi-am găsit propriul mod de a rotunji rapid și ușor marginile designului de care aveam nevoie.

Rotunjiți toate colțurile desenului folosind o formă Photoshop

Să presupunem că trebuie să-l faci cu margini rotunjite. Cu toate acestea, nu aveți o imagine similară cu margini netede. Oferindu-ti o imagine foarte simpla, dar foarte detaliata si ilustrata Tutorial Photoshop despre cum să faci o imagine cu colțuri rotunjite pentru un începător.

1. Deschide Photoshop. Acest tutorial folosește versiunea mea preferată. Adobe Photoshop CS3, dar orice altă versiune instalată pe computer va funcționa.

2. Deschideți desenul original, ale cărui margini le vom rotunji. Dacă desenul diferă ca mărime și formă de cel de care avem nevoie, este necesar și/sau în Photoshop înainte de a începe să rotunjim colțurile.

3. Apăsați pe tastatură Ctrl+A pentru a selecta întreaga imagine, apoi faceți clic Ctrl+C pentru a o copia. Deschide o fereastră nouă în Photoshop ( Ctrl+N) și inserați fotografia copiată în ea ( Ctrl+V). În acest caz, fundalul din noua fereastră ar trebui să fie fie , fie culoarea care ar trebui să înconjoare imaginea cu margini rotunjite pe site.

4. Creați un nou strat ( Ctrl+Shift+N). Și în acest nou strat folosind instrumentul Instrument dreptunghi rotunjit (U) desenați un pătrat sau dreptunghi de dimensiunea necesară:

5. Culoarea de fundal a dreptunghiului desenat nu contează. Parametru Rază, care caracterizează gradul de rotunjime al colțului, pentru această lecție este egală cu 8 , dar îl puteți schimba după bunul plac:

6. Forma desenată în noul strat poate fi mutată folosind tastele săgeți de pe tastatură. Forma acestuia poate fi schimbată apăsând pe tastatură Ctrl+T iar apoi întinderea formei cu mouse-ul. Dacă trageți după un colț în timp ce țineți apăsată tasta Schimbare, dimensiunea figurii se va schimba proporțional. Ca urmare a tuturor acestor acțiuni, ne vom asigura că figura cu marginile rotunjite va avea dimensiunea și forma de care avem nevoie:

7. În timp ce țineți apăsată tasta Ctrl faceți clic pe previzualizarea stratului din panoul de straturi Straturi(pentru noi acesta este un pătrat roșu). Acest lucru ne va permite să selectăm un dreptunghi roșu cu colțuri rotunjite, așa cum demonstrează linia punctată care apare de-a lungul marginii sale:

8. În panoul de straturi Straturi mergeți la stratul de jos cu imaginea principală și apăsați combinația Ctrl+Shift+I(sau Selectați -> Inversîn meniul principal Photoshop). Aceasta va evidenția zona care se află în afara pătratului rotunjit roșu.

9. Apăsați o tastă de pe tastatură Şterge pentru a elimina această parte a imaginii principale de care nu avem nevoie. După aceasta, faceți stratul superior cu pătratul roșu invizibil (în panou Straturi Faceți clic pe pictograma ochi de lângă stratul cu pătratul roșu). Apăsați pe tastatură Mși faceți clic oriunde pe pânza desenului pentru a deselecta imaginea avatar finală cu colțuri rotunjite. Dacă setăm fundalul la transparent, obținem următoarele:

10. Desenul fără colțuri ascuțite este gata. Îl poți folosi și ca avatar sau ilustrație pe site.

Dacă trebuie să faceți des poze cu colțuri rotunjite și toate au aceeași dimensiune și stil, ar fi logic să salvați rezultatul acestei lecții Photoshopîn format PSD astfel încât straturile să rămână editabile. Apoi, procesul de creare a unor noi imagini fără colțuri ascuțite va fi simplificat pentru a selecta conturul imaginii finite, inversând selecția și ștergând partea inutilă a noii imagini.

Dacă trebuie să rotunjiți doar un colț al designului, în timp ce restul ar trebui să rămână clar, instrucțiunile de mai sus sunt, de asemenea, perfecte pentru utilizare. Pentru a face acest lucru, trebuie doar să utilizați combinația Ctrl+T Dreptunghiul roșu este mai mare decât imaginea pe care o editați. În acest caz, marginile pătratului roșu se vor termina în afara pânzei și un astfel de dreptunghi poate fi suprapus pe desen, astfel încât doar un colț să se suprapună pe zona vizibilă a desenului, iar restul să rămână în afara acestuia. Prin inversarea și ștergerea părții selectate a imaginii, vom rotunji doar un colț dorit al imaginii, iar colțurile rămase vor rămâne ascuțite. În mod similar, puteți rotunji rapid și ușor orice număr de colțuri ale oricărei imagini.

De asemenea, pentru a crea o imagine cu margini zimțate sau orice alte efecte similare, puteți folosi o imagine cu astfel de margini zimțate sau colțuri rotunjite, descărcată de pe un site. În acest caz, trebuie să eliminați fundalul care nu are legătură cu imaginea, de exemplu, folosind instrumentul Instrument baghetă magică (W).

Puteți afla mai multe despre promovarea aplicațiilor mobile pe site-ul advertmobile.net. Acest serviciu oferă instalații motivate în volume mari pentru aplicația pe care ați dezvoltat-o, precum și promovarea competentă a acestora în App Store și Google Play.

Am ieșit din nou în afara programului! Eh... Ei bine, eliberez lecțiile cu câteva ore întârziere, sper că acest lucru nu este atât de critic. Astăzi, în lecția noastră, vom vorbi despre cum să rotunjiți marginile în Photoshop. Totul ar fi bine, iar lecția nu ar fi diferită de cele pe care le-ați văzut pe alte site-uri, dar eu însumi mai căutasem și știu ce metode oferă. Nu-i asculta! Prea plictisitor, prea lung. Îți ofer o modalitate de cum colțuri rotunjite în photoshop literalmente în câteva clicuri!

Să facem o fotografie de stoc, apropo, o fac pe un telefon bun. Nu este o reclama :D
Să folosim selecția ca în captura mea de ecran:

Accesați fila ( Selectați > Modificare > Netezire). Atenţie! Acest lucru poate fi dificil pentru unii. În unele versiuni de Photoshop nu există „Smooth”, adică „Optimize”. Deci, nu vă alarmați dacă nu găsiți Smooth. Este același lucru.

Aici am selectat raza de curbură.

Acum, după cum puteți vedea, zona dvs. de selecție are deja colțuri rotunjite.

Tot ce rămâne este să tăiați imaginea.

Și acum. Mărimea este setată acolo automat. Și acum pur și simplu introducem imaginea într-un fișier nou.

Tuturor le plac unghiurile drepte în imagini. Dar totuși, există momente când aceleași colțuri trebuie să fie rotunjite. Apoi programul Photoshop vă va veni din nou în ajutor. În acest articol ne vom uita la una dintre numeroasele moduri în care se poate face acest lucru. Rețineți că metoda mea presupune și tăierea puțin a imaginii la margini, acesta este un fel de sacrificiu în numele colțurilor rotunjite.

Pentru cei cărora le place mai multă claritate, am înregistrat un tutorial video care poate fi urmărit la sfârșitul acestei lecții. Deci, să începem să rotunjim colțurile imaginii:

Pasul 1

În mod implicit, toate imaginile deschise în Photoshop devin imaginea de fundal. Photoshop denumește acest strat drept „Background” și, de asemenea, îl blochează de la editarea inutilă. Acest lucru ne este indicat printr-o pictogramă mică de lacăt.

Pentru a debloca un astfel de strat, trebuie să faceți dublu clic pe el. Apare caseta de dialog Strat nou. Nu modificați nimic, doar faceți clic pe OK. Încuietoarea ar trebui să dispară acum.

Pasul 5

În panoul de straturi, faceți clic pe primul strat cu imaginea noastră originală și apăsați combinația de taste Ctrl+Shift+I. Ca rezultat, ar trebui să selectăm întreaga zonă în afara limitelor pătratului nostru. Se numește. Aruncă o privire mai atentă la ceea ce s-a schimbat:

Pasul 6

Acum apăsați combinația de taste Ctrl+X (editare - tăiere) pentru a șterge zona selectată. Selecția ar trebui să dispară și un fundal de șah (transparență) va apărea acolo unde a fost cândva imaginea.

Pasul 7

Acum să facem stratul nostru de formă invizibil. Pentru a face acest lucru, în panoul de straturi, faceți clic pe pictograma ochiului de lângă stratul pătrat. Iată imaginea originală cu colțuri rotunjite.

Pasul 8

Rulați comanda Imagine - pentru ca Photoshop să elimine tot spațiul suplimentar din jurul imaginii. Ca urmare, modul de transparență ar trebui să fie vizibil doar în colțuri.

Pe viitor, pentru a utiliza o astfel de imagine, aceasta trebuie salvată în format PNG! În acest caz, colțurile vor rămâne transparente. În caz contrar, dacă salvați, de exemplu, în format JPG, colțurile vor deveni automat cu un fundal alb.

Deci, totul este gata. Imaginea cu colțuri rotunjite va arăta astfel:

Cum să faci doar, de exemplu, un colț rotunjit?

Foarte simplu. Să revenim la scena când am desenat figura. Întindeți-l astfel încât să vă fie vizibil doar un colț rotunjit, iar celelalte trei să fie ascunse în afara pânzei. Aici, apoi urmați instrucțiunile descrise mai sus. Totul este la fel.

Sper că te-au ajutat instrucțiunile și poți face ceva tare! Noroc.

Dacă observați o eroare în text, selectați-o și apăsați Ctrl + Enter. Multumesc!