Rrezja kufitare: qoshet e rrumbullakosura në CSS. Qoshe të rrumbullakëta në Photoshop

Pershendetje miq. Ky artikull i kushtohet një teme mjaft të njohur në mesin e webmasterëve fillestarë - qoshe të rrumbullakosura CSS... Pyetjet që do të përpiqem të zbuloj do të jenë se si të krijojmë qoshe të rrumbullakosura të elementeve të faqes duke përdorur vetëm CSS pa përdorur ndonjë imazh.

Kjo metodë ka të mirat dhe të këqijat. Përparësitë, natyrisht, janë se nuk ka nevojë të krijoni imazhe duke përdorur ndonjë redaktues grafik, t'i ngarkoni ato në server dhe më pas t'i rregulloni duke përdorur CSS në vendet e nevojshme për të krijuar efektin e dëshiruar. Në këtë rast, është e nevojshme të krijohen elementë shtesë në kodin HTML, si dhe të shkruhet veçori të veçanta për secilën prej tyre.

Sa i përket disavantazheve, këtu mund të vërehet një problem - kjo nuk mbështetet nga të gjithë shfletuesit e internetit, veçanërisht versionet e vjetëruara të shfletuesve të ndryshëm.

Sidoqoftë, rrumbullakimi i qosheve me CSS po bëhet gjithnjë e më popullor. Siç mund ta keni kuptuar tashmë, në këtë artikull ne do të përdorim një pronë të disponueshme në CSS 3.

Qoshe të rrumbullakosura me CSS.

Pra, si shembull, ne do të marrim një element DIV të bllokut dhe do t'i bëjmë qoshet e tij të rrumbullakosura. Për shembull, le të krijojmë një bllok, dhe pikërisht në kodin HTML do t'i caktojmë vetitë duke përdorur atributin stil. Së pari, ne kemi një element blloku të mbushur me një sfond të çdo ngjyre:

Nga rruga, nëse keni nevojë të zbuloni se çfarë kodi ngjyre keni në faqen tuaj të internetit ose në ndonjë tjetër, do t'ju ndihmojë.

Dhe kjo është se si ne do ta shohim atë në një shfletues web:

Tani, për të rrumbullakosur qoshet, do të përdorim veçorinë "border-radius", e cila mund të përkthehet si rrezja e kufirit. Po, po ashtu, dhe jo aq shumë mund të mendojnë se kjo është rrezja e kornizës ose sido që të quhet (kufi). Kjo veti është përgjegjëse për rrezen e kufijve të elementit, dhe jo për kufijtë ose kufijtë e tij, të cilët mund të mos jenë aty. Megjithatë, prona do të vazhdojë të funksionojë pa kufirin e elementit. Shpresoj ta kuptoni se çfarë dua të them. Vlera për këtë veçori është çdo vlerë numerike që është e zbatueshme në CSS, si p.sh. përqindjet, pikselët (px), pikat (pt) etj. Po, dhe duhet të kihet parasysh se kjo pronë funksionon në të katër anët e një elementi menjëherë, përveç kësaj, mund të specifikoni një rreze të ndryshme për çdo cep, por më shumë për këtë më vonë. Së pari, le të vendosim rrezen e qosheve të drejtkëndëshit tonë. Le të jetë 5 piksele:

Atëherë elementi do të duket si ky:

Tani, unë propozoj të kuptoj se si të shtoni rrezen tuaj për çdo cep veç e veç. Për ta bërë këtë, ne mund të përdorim një veçori që mund të aplikohet në çdo cep veç e veç. Nëse flasim për shembullin e mëparshëm, atëherë në formë të plotë vetitë për elementin do të duken kështu:

Rrezja e kufirit-lart-majtas: 5px; / * këndi i sipërm majtas * / kufiri-lart-djathtas-rreze: 5px; / * këndi lart-djathtas * / kufiri-poshtë-djathtas-rreze: 5px; / * këndi poshtë-djathtas * / kufiri-poshtë-majtas-rreze: 5px; / * këndi i poshtëm i majtë * /

Kjo do të thotë, nëse duam të vendosim çdo cep vlerën e vet, ne kemi një mundësi të tillë dhe për t'u siguruar për këtë marrim kodin e mëposhtëm:

Dhe pastaj marrim rezultatin e mëposhtëm:

Siç mund ta shohim, një vlerë e ndryshme e rrezes është vendosur për kufirin e secilit cep.
Për më tepër, CSS na lejon të vendosim një vlerë për kufirin e çdo cepi si një stenografi, e cila do të duket kështu:

Ku vlerat do të ndjekin në këtë rend:

Rrezja kufitare: 5 px / * këndi i sipërm majtas * / 10 px / * këndi i sipërm djathtas * / 15 px / * këndi i poshtëm djathtas * / 20 px / * këndi i poshtëm majtas * /;

Prandaj, bazuar në sa më sipër, bëhet e qartë se në të njëjtën mënyrë mund të vendosim kufirin e rrezes vetëm për tre (një ose dy) qoshe:

Kështu duket në një shfletues uebi:

Nëse ende nuk jeni plotësisht të hutuar, atëherë ne do të vazhdojmë. Fakti është se rrezja për çdo kufi qoshe mund të specifikohet jo në një vlerë, siç kemi konsideruar më lart, por në dy vlera. Kjo do të thotë, dy vlera për çdo kënd. Në këtë rast, vlera e parë do të vendosë rrezen për këndin horizontalisht dhe e dyta vertikalisht. Le të fillojmë së pari nga një kënd:

Në këtë shembull, ne ndikuam vetëm në këndin e sipërm të majtë të elementit:

Nëse i vendosni vlerat në të kundërt, atëherë elementi do të duket si ky:

Për këtë, do të duket, do të ishte e mundur dhe do të përfundonte, por jo. Ka edhe një truk. Në vlerën e pronës, ne mund të përdorim një prerje (/) midis vlerave. Slash mund të na ndihmojë të përputhim kuptimet me kuptime të tjera. Në përgjithësi, është më e lehtë të tregosh sesa të tregosh. Le të fillojmë thjesht. Le të supozojmë se duam që rrezja horizontale të jetë 35 piksele, dhe rrezja vertikale 5. Në të njëjtën kohë, në mënyrë që këto vlera të zbatohen në të gjitha qoshet. Atëherë mund të shkruajmë kështu:

Dhe merrni rezultatin e mëposhtëm:

Tani le të shohim një shembull më kompleks:

Në këtë rast, vlera para shenjës së pjerrët (/) do t'i referohet rrezes horizontale të këndit, dhe pas shenjës në atë vertikale. Në këtë rast, vlerat do të lidhen me njëra-tjetrën në këtë mënyrë:

Rrezja e kufirit-lart-majtas: 20px 15px; kufiri-lart-djathtas-rreze: 10px 25px; kufiri-poshtë-djathtas-rreze: 40px 15px; kufiri-poshtë-majtas-rreze: 10px 25px;

Dhe rezultati do të jetë si ky:

Dhe në fund të artikullit, le të flasim për mbështetjen e kësaj prone nga shfletues të ndryshëm.

Rrumbullakimi i qosheve në shfletues të ndryshëm të internetit.

Duhet të theksohet këtu se kjo veçori nuk mbështetet nga të gjitha versionet e shfletuesit. Prona mbështetet në IE9 +, Firefox 4+, Chrome, Safari 5+ dhe Opera.
Por për disa versione të shfletuesve që nuk e mbështesin këtë veçori, ka veti jo standarde që shtojnë një të ashtuquajtur prefiks ose parashtesë në pronë.
Chrome para 4.0, Safari para 5.0, iOS përdorin veçorinë jo standarde -webkit-border-bottom-left-radius.
Firefox para 4.0 përdor veçorinë jo standarde -moz-border-radius-bottomleft.
Në këtë rast, do të na duhet të dublikojmë pronën duke përdorur këto parashtesa. Për shembull, nëse e kemi vendosur vetinë për kufirin e këndit të sipërm të majtë në një vlerë prej pesë pikselësh:

Rrezja e kufirit-lart-majtas: 5px;

Pastaj vetia që e dyfishon atë duke përdorur parashtesa do të duket si kjo:

Webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; kufiri-lart-majtë-rrezja: 5px;

Unë me të vërtetë shpresoj se kam qenë në gjendje të shpjegoj gjithçka qartë dhe tani ju kuptoni se si të bëni qoshe të rrumbullakosura duke përdorur vetëm CSS.
Paç fat!

Të gjithë shfletuesit modern mbështesin standardet e shënjimit të hipertekstit HTML5 dhe fletët e stilit CCS3. Dhe nëse faqja juaj (shaboni) mbështet standardet moderne, atëherë mund të bëni ndryshime në dizajn, të tilla si rrumbullakimi i qosheve, hijet, mbushja e gradientit, pa përdorur ndihmën e redaktuesve grafikë.

Webmasterët zakonisht përdorin qoshe të rrumbullakosura për blloqe dhe korniza në faqet e internetit. Në këtë artikull do t'ju tregoj se si të rrumbullakoni qoshet e fotove dhe fotove në faqe pa përdorur programe të palëve të treta, vetëm duke përdorur CSS.

Në mënyrë që shembujt e dhënë në artikull të shfaqen saktë në ekranin tuaj, duhet të përdorni versionet më të fundit të shfletuesve, FireFox, Chrome dhe ato të bazuara në to: Yandex Browser, Amigo, etj.

Këndet e rrumbullakosura për blloqet DIV

Sipas standardit CSS3, në mënyrë që blloku DIV kishte qoshe të rrumbullakosura, duhet të stilohet kufi-rrezja, për shembull si kjo:

Border-radius: 10px;

Për qartësi, le të vizatojmë dy blloqe me qoshe të drejtë dhe të rrumbullakosura:

Blloku i këndit të drejtë

Bllok qoshe i rrumbullakosur

Rrumbullakimi i këndeve të fotografive

Për analogji me shembullin e mësipërm, ju mund të rrumbullakosni qoshet e imazheve në sit, siç janë fotografitë. Për qartësi, ne do të rrumbullakojmë qoshet për foton nga faqja.

Këtu është imazhi pa përpunim CSS

Tani me qoshe të rrumbullakosura:

Border-radius: 10px;

Për ta bërë plotësisht "të bukur", që në fillim do të shtojmë bordurë ...

Border-radius: 10px; kufiri: 5px #ccc solid;

dhe pastaj hijet:

Border-radius: 10px; kufiri: 5px #ccc solid; kuti-hije: 0 0 10px # 444;

Opsioni më poshtë (qoshet e rrumbullakosura me hije pa kufi) është shumë i ngjashëm me një tastierë maus:

Border-radius: 10px; kuti-hije: 0 0 10px # 444;

Dhe së fundi, një tallje e plotë e imazhit

Kufi-rrezja: 50%; kufiri: 5px #cfc solid; kuti-hije: 0 0 10px # 444;

Nëse e hapni imazhin në një dritare të re, do të shihni se ai (imazhi) është i pandryshuar, dhe të gjitha qoshet, hijet, e kështu me radhë janë vetëm rezultat i përpunimit. CSS stilet me shfletuesin tuaj.

Digresion i vogël lirik

Stili kufiri rrit madhësinë e figurës me sasinë e kufirit. Nëse vlera është e specifikuar kufiri: 5 px, atëherë imazhi përfundimtar do të jetë më i gjerë dhe më i gjatë me 10 piksel. Konsideroni këtë, në disa raste paraqitja e faqes mund të "shkojë".

Një stil kuti-hije nuk ndikon në madhësinë e figurës, hija duket se kalon mbi elementët fqinjë. Kur e përdorni, faqosja e faqes nuk vuan.

Si të rrumbullakosni qoshet e imazheve në WordPress

Në të gjithë shembujt e mësipërm, kam shkruar stile direkt në etiketat html të kodit. Për shembull, kjo e fundit duket kështu:

Kjo është mirë kur ju duhet të ridizajnoni një foto ose foto. Po sikur të doni të ndryshoni gjithçka? Epo, nuk do të ngjiteni në të gjithë faqen tuaj për të modifikuar shfaqjen e secilit. Në shumicën e rasteve, etiketa e WordPress IMG përcakton disa klasa stilesh. Njëri nga emri unik i skedarit me imazhin, tjetri sipas madhësisë dhe gjithashtu sipas shtrirjes. Ju mund të plotësoni njërën prej tyre me parametrat e mësipërm.

Për shembull, për të gjitha imazhet për të cilat nuk është specifikuar asnjë shtrirje, në skedar stil.css për temën tuaj të WordPress, shkruani sa vijon:

Alignnone (rrezja e kufirit: 10 pikselë; kufiri: 5 pikselë #cfc solid; hije e kutisë: 0 0 10 px # 444;)

Ose metoda më e vështirë për të gjithë foton në sit. Anuloni stilin për të gjitha etiketat IMG:

Img (rrezja e kufirit: 10 pikselë; kufiri: 5 pikselë #cfc solid; hije e kutisë: 0 0 10 px # 444;)

Opsioni i fundit është i përshtatshëm jo vetëm për WordPress, por për çdo CMS. Dhe madje edhe për një të thjeshtë HTML faqet në rastin kur, kur shfaqen imazhe, etiketa IMG nuk janë caktuar klasa stili. Por kini kujdes. Nëse anashkaloni opsionet e shfaqjes së etiketës IMG ju do të ndryshoni pamjen e TË GJITHA imazheve në faqe!

Në vend të një përfundimi

Të gjithë shembujt në këtë artikull janë të kushtëzuar dhe synojnë vetëm të demonstrojnë disa nga mundësitë e CSS për përpunimin e imazhit dhe të tregojnë se sa e thjeshtë është.

Ka shumë shembuj dhe mësime në internet për rrumbullakimin e qosheve të një blloku ose tabelash, por, si rregull, këto udhëzues bazohen në përdorimin e imazheve ose përdorimin e blloqeve shtesë.

Në udhëzuesin e sotëm, unë do t'ju tregoj se si mundeni rrumbullakoni qoshet e një tavoline duke përdorur vetëm CSS.

Shënimi i drejtpërdrejtë (Tabela e dytë ndryshon në paraqitjen e qelizave në rreshtin e sipërm):

1. Rrumbullakosni qoshet drejtpërdrejt në tryezë (etiketa e tabelës).

BCcontentTables (kufiri: 1px solid #CCCCCC; gjerësia: 100%; moz-border-radius: 10px; / * Firefox * / -webkit-border-radius: 10px; / * Safari, Google Chrome * / -khtml-border-radius : 10 px; / * KHTML * / -o-border-radius: 10px; / * Opera * / -ms-border-radius: 10px; / * IE8 * / border-radius: 10px; / * CSS3 * / tejmbushje: e fshehur ; marzhi: 0.7em automatik;)

2. Hiqni çdo sfond nga rreshti i parë.

Tr.bCTable_Header (sfondi: asnjë;)

3. Duke përdorur pseudo-klasën: first-child dhe kombinatorin>, zgjidhni qelizën e parë në tabelë. Rrumbullakosni këndin e sipërm të majtë të qelizës së parë. Sfondi i rreshtit të parë është i përbërë nga sfondi i qelizave të këtij rreshti.

Tr.bCTable_Header: first-child> td: first-child (border-radius: 10px 0px 0 0; -webkit-border-radius: 10px 0 0 0; -moz-border-radius: 10px 0 0 0; -ms- kufiri-radius: 10px 0 0 0; -o-border-radius: 10px 0 0 0; -khtml-border-radius: 10px 0 0 0;) tr.bCTable_Header td (ngjyra: e bardhë; madhësia e shkronjave: 110%; ngjyra e sfondit: # 00843C;)

4. Duke përdorur pseudo-klasën: fëmija i fundit dhe kombinatori>, zgjidhni qelizën e fundit në rreshtin e parë. Për të, rrumbullakosni këndin e sipërm të djathtë.

Tr.bCTable_Header: first-child> td: last-child (border-radius: 0 10px 0 0; -webkit-border-radius: 0 10px 0 0; -moz-border-radius: 0 10px 0 0; -ms- rreze-kufi: 0 10px 0 0; -o-border-radius: 0 10px 0 0; -khtml-border-radius: 0 10px 0 0;)

5. Rrumbullakosni qoshet e poshtme të vijës së fundit. Mos harroni të hiqni sfondin nga rreshti i fundit; sfondi i rreshtit vendoset nga sfondi i qelizave të rreshtit të fundit.

BCcontentTables tr:-fëmija e fundit (rreze-kufi: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -ms10px 10px; -ms10px-der 10px; -o-border-radius: 0 0 10px 10px; -khtml-border-radius: 0 0 10px 10px; sfond: asnjë;)

6. Më pas, për analogji me pikat 3-4 në rreshtin e fundit, rrumbullakosni qoshet në qelizën e parë dhe të fundit.

BCcontentTables tr: fëmija i fundit td (ngjyra e sfondit: # F1F1F2;) .bContentTables tr: fëmija i fundit td: fëmija i parë (radius-kufi: 0 0 0 10px; -webkit-border-radius: 0 10px0 -moz-border-radius: 0 0 0 10px; -ms-border-radius: 0 0 0 10px; -o-border-radius: 0 0 0 10px; -khtml-border-radius: 0 0 0 10px;). bP rrezja: 0 0 10 px 0; -o-border-radius: 0 0 10px 0; -khtml-border-radius: 0 0 10px 0;)

Mbështetja e shfletuesit

CTRL + N, ose zgjidhni funksionin "Krijo" në menunë rënëse "File". Më pas, nga e njëjta listë, zgjidhni operacionin "Import" ose thirreni me kombinimin e tastit CTRL + I. Më pas, specifikoni shtegun drejt skedarit të imazhit në kutinë e dialogut dhe klikoni butonin Import. E juaja do të shfaqet në këtë.

Në shiritin e veglave, gjeni prezantimin e Node Editor dhe zgjidhni mjetin Shape. Gjithashtu, ky mjet mund të thirret duke shtypur tastin F10.

Në të djathtë të këndit që dëshironi të rrumbullakoni, kliko me të majtën në kufirin e figurës. Një nyje e re do të shfaqet në imazh, përveç katër qosheve. Më pas, zgjidhni opsionin Convert Line To Curve në panelin Node Editor. Shenjat e rrumbullakëta shfaqen në të majtë të detalit të krijuar rishtazi.

Në të njëjtën distancë nga këndi, shtoni një nyje të re në anën pingule të figurës. Pa ndryshuar veglën Shape, klikoni dy herë në nyjen kryesore të këndit, ajo do të fshihet. Këndi i rrumbullakosur i figurës do të bëhet menjëherë i dukshëm. Ju mund të ndryshoni rrezen e rrumbullakosjes së këndit duke përdorur shenjat e vijës udhëzuese.

Në një mënyrë shumë të thjeshtë (duke përfshirë një objekt vektor) gjithçka është e mundur qoshet kanë një imazh drejtkëndor. Pa përdorur metodën e mësipërme të redaktimit të nyjeve, vizatoni pranë imazhit të importuar një drejtkëndësh me të njëjtën madhësi me mjetin Rectangle ose thirrni mjetin me tastin F6.

Me mjetin "Shape" me të cilin jeni njohur tashmë, klikoni mbi drejtkëndësh dhe tërhiqni ndonjë nga nyjet e tij drejt drejtkëndëshit me miun. Qoshet do të jenë të rrumbullakosura. Rrezja e rrumbullakosjes mund të rregullohet me të njëjtin mjet.
Shënoni imazhin tuaj me shigjetën Pick Tool.
Më pas, në listën e menysë kryesore, gjeni prezantimin "Efektet" dhe zgjidhni opsionin "PowerClip" dhe nga lista rënëse funksionin "Vendosni brenda kontejnerit". Përdorni shigjetën e gjerë për të treguar drejtkëndëshin e rrumbullakosur që keni vizatuar. Do të bëhet një kornizë që do të strehojë imazhin tuaj.

shënim

Vini re se importimi i një imazhi në një dokument Corel Draw nuk e ndryshon skedarin origjinal të imazhit, kështu që mund ta përdorni në formën e tij origjinale nëse nuk jeni të kënaqur me rezultatin me qoshe të rrumbullakosura.

Këshilla të dobishme

Duke përdorur funksionin "PowerClip", mund të vendosni imazhe në një sërë kornizash të formave më të çuditshme.

Burimet:

• Udhëzuesi zyrtar për të punuar me Corel Draw, M. Matthews, C. Mathews, 1997
• Si të hekurosni qoshet e mprehta?

Do t'ju duhet

• - kompjuter
• - Programi Adobe Photoshop
• - fotoja

udhëzime

Klikoni me të djathtën në shtresën Background, zgjidhni Duplicate Layer dhe klikoni OK (ose Ctrl + J). Më pas krijoni një shtresë të re (Ctrl + Shift + N), vendoseni midis sfondit dhe kopjes së tij siç tregohet në pamjen e ekranit (mund ta mbushni me disa ngjyra, për shembull të bardhë). Fikni shtresën e kyçur (klikoni në "syrin" në të majtë) ose fshini.

Gjeni mjetin Drejtkëndësh në paletën e mjeteve dhe mbajeni të shtypur me butonin e majtë të miut. Një meny shtesë do të shfaqet aty ku është e nevojshme (Mjet i rrumbullakosur drejtkëndësh). Vendosni cilësimet në pjesën e sipërme njësoj si në pamjen e ekranit dhe ndryshoni fushën Radius sipas dëshirës tuaj (sa më e madhe, aq më të rrumbullakëta do të jenë qoshet dhe aq më shumë do të pritet imazhi.

Pastaj, në foto, zgjidhni fragmentin që dëshironi të përdorni (për shembull, si avatar). Nëse keni bërë një gabim, shtypni Esc dhe përsëritni përzgjedhjen. Pasi të zgjidhet fragmenti i dëshiruar, klikoni me të djathtën mbi të dhe zgjidhni Make Selection ... dhe klikoni OK.

U krye, tani keni një shtresë fotografie me qoshe të rrumbullakosura. Tani shtresa Layer 2 (ajo që shërben si sfond) mund të mbushet me çdo ngjyrë, ose të lihet transparente.

Video të ngjashme

shënim

Skedarët transparentë png janë një format i shkëlqyer, por jo të gjitha shërbimet në internet (rrjetet sociale, bloget, etj.) mbështesin skedarë transparentë png. Nëse efekti i qosheve të rrumbullakosura nuk funksionon, ekziston një rrugëdalje tjetër.

Zgjidhni ngjyrën e sfondit (Layer 2) që është më afër asaj të vendosur në faqen ku po postoni foton. Pastaj ruani skedarin në formatin jpg.

Këndet e rrumbullakosura në foto duken mjaft interesante dhe tërheqëse. Më shpesh, imazhe të tilla përdoren kur kompozoni kolazhe ose krijoni prezantime. Gjithashtu, fotografitë me qoshe të rrumbullakosura mund të përdoren si miniaturë për postimet në sit.

Ka shumë raste përdorimi, por ekziston vetëm një mënyrë (e saktë) për të marrë një foto të tillë. Në këtë tutorial, unë do t'ju tregoj se si të rrumbullakoni qoshet në Photoshop.

Hapni foton që do të modifikojmë në Photoshop.

Pastaj krijoni një kopje të shtresës së ujëvarës të quajtur "Sfondi"... Për të kursyer kohë, ne do të përdorim çelësat e nxehtë CTRL + J.

Kopja është krijuar për të lënë të paprekur imazhin origjinal. Nëse (papritmas) diçka shkon keq, mund të hiqni shtresat e këqija dhe të filloni nga e para.

Në këtë rast, ne jemi të interesuar vetëm për një nga cilësimet - rrezja e rrumbullakimit. Vlera e këtij parametri varet nga madhësia dhe nevojat e imazhit.

Do ta vendos vlerën në 30 piksel, kështu që rezultati do të shihet më mirë.

Tani duhet të shtrijmë formën që rezulton për të mbushur të gjithë kanavacën. Thirrja e funksionit "Transformim i lirë"çelësat e nxehtë CTRL + T... Një kornizë shfaqet në formën që mund ta përdorni për të lëvizur, rrotulluar dhe ndryshuar madhësinë e objektit.

Ne jemi të interesuar në shkallëzimin. Zgjatni formën duke përdorur dorezat e treguara në pamjen e ekranit. Pasi të përfundojë shkallëzimi, klikoni HYN.

Këshillë: për të bërë shkallëzimin sa më saktë që të jetë e mundur, domethënë pa shkuar përtej kanavacës, duhet të aktivizoni të ashtuquajturat "Snap" Shikoni ekranin, ku tregohet se ku ndodhet ky funksion.

Funksioni bën që objektet të "Kapin" automatikisht elementët e ndërtimit dhe kufijtë e kanavacës.

Siç mund ta shihni, një përzgjedhje është formuar rreth formës. Tani shkoni te shtresa e kopjimit dhe hiqni dukshmërinë nga shtresa e formës (shih pamjen e ekranit).

Shtresa e ujëvarës është tani aktive dhe gati për modifikim. Redaktimi konsiston në heqjen e të panevojshmeve nga qoshet e figurës.

Inverto përzgjedhjen me çelësat e nxehtë CTRL + SHIFT + I... Tani përzgjedhja mbetet vetëm në qoshe.