Կլորացված անկյուններով քառակուսին կոչվում է: Կլորացված ուղղանկյունի նոր առանձնահատկություններ Photoshop CC-ում: Պատկերի անկյունների կլորացում եզրագծով

Բարի լույս, կեսօր, երեկո կամ գիշեր բոլորին: Քեզ հետ նորից ու նորից Դմիտրի Կոստինը: Մի անգամ ես նայեցի տարբեր նկարներ և հետո նրանցից մի քանիսը հավանեցի: Եվ նրան դուր էր գալիս, որ դրանք կլորացված եզրեր ունեին։ Դա անմիջապես ավելի հետաքրքիր է թվում: Չե՞ք գտնում: Եվ այսպես, այսօրվա դասում ես կցանկանայի ձեզ պատմել, թե ինչպես կարելի է կլորացնել անկյունները Photoshop-ում, որպեսզի լուսանկարն ավելի հետաքրքիր երևա:

Այն, ինչ ես սիրում եմ Photoshop-ում, այն է, որ շատ դեպքերում նույն բանը կարելի է անել մի քանի ձևով: Այսպիսով, այստեղ: Սկսենք մեր ֆոտոշոփից:

Պարզ հարթեցում

Anti-Aliasing, օգտագործելով սահմանները

Այս մեթոդը նման է նախորդին, բայց դեռ շատ տարբեր է: Ամեն ինչ անելու ենք նույն պատկերով։

Ձևավորելով

Այստեղ երրորդ մեթոդն արդեն արմատապես տարբերվում է նախորդ երկուսից։ Այսպիսով, մի երկու վայրկյան ընդմիջեք և շարունակեք: Ես չեմ փոխի պատկերը և նորից կբեռնեմ այս մեքենան Photoshop-ում:

Տեսնու՞մ ես, թե ինչով ես վերջացել: Նկարը դարձել է կլորացված եզրեր, և դա պայմանավորված է նրանով, որ այն ցուցադրվում է միայն այնտեղ, որտեղ մեր գծված կլորացված ուղղանկյունն է: Բայց հիմա կարող եք կտրել ավելորդ pho-ն «Frame» գործիքով, կամ կարող եք անմիջապես պահպանել նկարը և արդեն կունենաք առանձին պատկեր՝ կլորացված անկյուններով։

Փորձեք ամեն ինչ անել ինքներդ, և միևնույն ժամանակ ասեք, թե ներկայացված մեթոդներից որն է ձեզ ավելի նախընտրելի։

Եվ ի դեպ, եթե Photoshop-ում բացեր ունեք կամ պարզապես ցանկանում եք հնարավորինս կարճ ժամանակում ամբողջությամբ ուսումնասիրել այն, ապա խորհուրդ եմ տալիս դիտել մեկը. հիանալի Photoshop ձեռնարկ սկսնակների համար. Դասընթացը լավ է արված, ամեն ինչ պատմվում և ցուցադրվում է պարզապես հիանալի, և յուրաքանչյուր նյութ վերլուծվում է շատ մանրամասն:

Դե, այսօրվա համար ես ավարտում եմ դասս։ Մի մոռացեք բաժանորդագրվել նոր հոդվածներին և կիսվել այն ձեր ընկերների հետ: Հաճելի էր քեզ ունենալ իմ բլոգում: Ես նորից սպասում եմ քեզ։ Ցտեսություն.

Հարգանքներով՝ Դմիտրի Կոստին

Բոլորին դուր է գալիս նկարների ուղիղ անկյունները: Բայց, այնուամենայնիվ, կան ժամանակներ, երբ հենց այս անկյունները պետք է կլորացվեն: Հետո ֆոտոշոփը նորից կգա ձեզ օգնության։ Այս հոդվածում մենք կվերլուծենք բազմաթիվ եղանակներից մեկը, թե ինչպես կարելի է դա անել: Հիշեք, որ իմ մեթոդը ներառում է նաև պատկերի մի փոքր կտրում եզրերի շուրջ, սա մի տեսակ զոհաբերություն է կլորացված անկյունների անվան տակ:

Նրանց համար, ովքեր սիրում են ավելի շատ տեսանելիություն, ես տեսագրեցի վիդեո ձեռնարկ, որը կարող եք դիտել այս դասի վերջում: Այսպիսով, եկեք սկսենք կլորացնել պատկերի անկյունները.

Քայլ 1

Լռելյայնորեն, Photoshop-ում բացված բոլոր պատկերները դառնում են ֆոնային պատկեր. Photoshop-ը նման շերտը անվանում է «Background», ինչպես նաև արգելափակում է այն անհարկի խմբագրումից: Սա մեզ ցույց է տալիս փոքրիկ կողպեքի պատկերակը:

Նման շերտը բացելու համար հարկավոր է կրկնակի սեղմել դրա վրա: Նոր շերտ երկխոսության տուփը կհայտնվի: Ոչինչ մի փոխեք, պարզապես սեղմեք OK: Այժմ կողպեքը պետք է անհետանա:

Քայլ 5

Շերտերի վահանակում կտտացրեք մեր բնօրինակ պատկերով հենց առաջին շերտին և սեղմեք ստեղնաշարի դյուրանցումը Ctrl + Shift + I: Արդյունքում մենք պետք է ընտրենք ամբողջ տարածքը մեր հրապարակի սահմաններից դուրս։ Այն կոչվում է . Ավելի ուշադիր նայեք, թե ինչ է փոխվել.

Քայլ 6

Այժմ սեղմեք ստեղների համակցությունը Ctrl+X (խմբագրել - կտրել) ընտրությունը ջնջելու համար: Ընտրությունը պետք է անհետանա, և այնտեղ, որտեղ պատկերը ժամանակին եղել է, կհայտնվի շախմատային ֆոն (թափանցիկություն):

Քայլ 7

Հիմա եկեք անտեսանելի դարձնենք մեր ձևի շերտը: Դա անելու համար շերտերի վահանակի վրա կտտացրեք քառակուսի շերտի դիմաց գտնվող աչքի պատկերակին: Ահա կլորացված անկյուններով բնօրինակ պատկերը:

Քայլ 8

Կատարեք հրամանը Պատկեր -որպեսզի Photoshop-ը հեռացնի պատկերի շուրջ բոլոր ավելորդ տարածությունը: Արդյունքում, թափանցիկության ռեժիմը պետք է տեսանելի լինի միայն անկյուններում:

Հետագայում նման պատկեր օգտագործելու համար այն պետք է պահպանվի PNG ձևաչափ! Այս դեպքում անկյունները կմնան թափանցիկ: Հակառակ դեպքում, եթե պահպանեք, օրինակ, JPG ֆորմատով, անկյունները ավտոմատ կերպով կդառնան սպիտակ ֆոն:

Այսպիսով, ամեն ինչ պատրաստ է։ Կլորացված անկյուններով պատկերը կունենա հետևյալ տեսքը.

Իսկ ինչպե՞ս անել միայն, օրինակ, մեկ կլորացված անկյուն։

Շատ պարզ. Եկեք վերադառնանք բեմ, երբ նկարեցինք պատկերը: Ձգեք այն այնպես, որ տեսնեք միայն մեկ կլորացված անկյուն, իսկ մյուս երեքը թաքնված լինեն կտավից դուրս: Այստեղ հետևեք վերը նշված հրահանգներին: Ամեն ինչ նման է.

Հուսով եմ, որ հրահանգները օգնեցին ձեզ, և դուք կարող եք ինչ-որ հիանալի բան անել: Հաջողություն.

Տեքստում սխալ է նկատվել. ընտրեք այն և սեղմեք Ctrl + Enter: Շնորհակալություն!

Փորձենք փոխել կլորացման շառավիղը։ Վերևի ներքևի անկյունում ես մուտքագրում եմ 20px արժեքը և սեղմում Enter: Արդյունք:

Ինչպես տեսնում եք, սովորականից (Ուղղանկյուն) մեր ուղղանկյունը վերածվել է բոլորովին այլ ձևի՝ Կլորացված ուղղանկյունի կամ «Կլորացված ուղղանկյունի»։
Ես կարող եմ մուտքագրել ցանկացած այլ շառավիղի արժեք, և Enter սեղմելուց անմիջապես հետո շառավիղը կփոխվի:

Բայց, ինչպես երևի նկատեցիք, մեկ շառավղով մուտքագրման վանդակում արժեք եմ մուտքագրում, և չորսն էլ փոխվում են։ Դա պայմանավորված է նրանով, որ «Link Radius Value» կոճակը լռելյայն միացված է.

Եթե ​​սեղմենք դրա վրա՝ այդպիսով անջատելով այս տարբերակը, ապա շառավիղի արժեքները կապ չունեն, և ես կարող եմ ստանալ, օրինակ, սա.

Հարվածի քաշը լռելյայնորեն սահմանված է կետերով, բայց ես կարող եմ փոխել այս արժեքը իմ սովորական պիքսելների վրա՝ աջ սեղմելով մուտքագրման տուփի վրա.

Հիմա եկեք պատկերացնենք, որ հանկարծ ուղղանկյուն ձևից, որը ես ցույց տվեցի սկզբում, ինձ անհրաժեշտ էր ստեղծել շրջանագծի հատված 200 պիքսել շառավղով և 90 ° շառավղով և 5 պիքսել հարվածի լայնությամբ:

Ես մուտքագրում եմ յուրաքանչյուրը 200 պիքսել լայնության և բարձրության արժեք, հարվածի լայնության միավորները փոխում եմ պիքսելների և մուտքագրում եմ 5 արժեք: Այնուհետև մուտքագրում եմ երեք անկյունների շառավիղների արժեքը, որը հավասար է զրոյի և կարգավորում է արժեքը: մնացած անկյունը ձեռքով սահիչով (աղեղի երկարությունը հաշվարկելու սովորական բանաձևը L = πRα/360°այստեղ հարմար չէ Բեզիեի կորերի կառուցման առանձնահատկությունների պատճառով): Արդյունք:

Այսպիսով, ես ուղղանկյունից ստացա շրջանագծի հատված.

Իսկ հիմա ձևը CSS կոդ արտահանելու մասին: Ավելի հեշտ բան չկա։ Եկեք գնանք Layers --> Copy CSS-ը և ձևի տվյալները պատճենվում են համակարգչի clipboard-ում:

Մենք բացում ենք տեքստի խմբագիր, օրինակ՝ Notepad++, ստեղծել նոր փաստաթուղթև տեղադրեք կոդը այնտեղ:

Ահա այս ձևի SCC ոճը, որն ինձ տվել է Photoshop-ը.

Ոչ միայն ամբողջական չէ և օպտիմիզացված չէ, այլ նաև դասի անվանումը կիրիլիցայով է, ինչը կոպիտ սխալ է։

Հետևաբար, ես խորհուրդ եմ տալիս մի փոքր սպասել բնիկ Photoshop CSS արտահանմամբ, ավելի լավ է օգտագործել անվճար հավելված CSS3P-ներ, այս փլագինի տեղադրումն ու օգտագործումը մանրամասն նկարագրված է, և ավելի լավ՝ ինքներդ քանդակեք ոճերը։

Ինչպես նորից բացել ձևի հատկությունների պատուհանը, եթե այն պատահաբար փակել եք

Ես պատասխանում եմ կայքի ընթերցողների հարցին. Եթե ​​փակել եք ուղղանկյունի հատկությունների պատուհանը և պետք է պատահաբար բացեք այն, ապա.
Համոզվեք, որ ճիշտ ձևը ընտրված է: Եթե ​​ձևը ընտրված չէ, ապա կարող եք այն ընտրել՝ օգտագործելով Path Selection Tool (Path Selection Tool)
Բացեք հիմնական ցանկի ներդիրը «Պատուհան» (Պատուհան) և կտտացրեք «Հատկություններ» (Հատկություններ) տողի վրա: Սքրինշոթ անգլերենով։
Նշում. Ինչպես ռուսաֆիկացնել Photoshop CS6 ինտերֆեյսը նկարագրված է:

Էլիպս.

Բազմանկյուն.

Գիծ.

Կամայական գործիչ. Թույլ է տալիս ստեղծել մի շարք ձևեր, որոնք անմիջապես լցվում են առաջին պլանի գույնով: Բոլոր ձևերը, բացառությամբ կամայական ձևի, ստեղծելու համար անհրաժեշտ է ընտրել ձև, կուրսորը տեղադրել պատկերի ցանկալի հատվածում և պահել ձախ կոճակըմկնիկը, կուրսորը շարժելով՝ ստեղծում ենք պատկեր։ Եթե ​​ձևը ստեղծելուց հետո սեղմեք բացատող, ապա ձևը կարող է տեղափոխվել պատկերի ցանկացած կետ: Եթե ​​դուք սեղմված եք պահում Alt ստեղնըձևի ստեղծման ժամանակ ձևը կստեղծվի կենտրոնից: Կամայական ձև ստեղծելու համար անհրաժեշտ է ընտրել այն Shape տարրի գործիքի կարգավորումների տողում: Կլորացված եզրերով ուղղանկյան ձևի կլորացման շառավիղը փոխելու համար նույն պարամետրերի տողում սահմանեք ցանկալի արժեքը Radius տարրում:

Ձեռք- եթե պատկերը չի տեղավորվում էկրանի շրջանակում, մենք կարող ենք այն քաշել:

Դիտել ռոտացիան:Պտտում է ամբողջ թերթիկը բոլոր շերտերով:

Սանդղակ- եթե դուք սավառնում եք նկարի վրա, այն ստանում է շրջանագծի խաչի ձև, և մկնիկի ձախ կոճակի յուրաքանչյուր սեղմումով պատկերը կավելանա: Եթե ​​սեղմեք Alt ստեղնը, ապա յուրաքանչյուր սեղմումով պատկերը կնվազի:

գունավոր քառակուսիներ- առաջին պլանի (վերևի) գույնը և ֆոնի (ներքևի) գույնը:

Արագ դիմակի ռեժիմ. Q կոճակով կոչվում է կիսաթափանցիկ պատկեր (նկարը ծածկող բարուրի նման մի բան), որի վրա կարելի է նկարել որպես ամենասովորական շերտի վրա, այնուհետև այս դիմակը նորից վերածել ընտրանի:

Փաստաթղթերի դիտման ռեժիմներ. Առաջինը՝ ստանդարտ ռեժիմը, սահմանված է լռելյայն, երկրորդը՝ լիաէկրան՝ ցանկի տողով, երրորդը՝ լիաէկրան։ Կարող եք նաև փոխել ռեժիմների միջև՝ սեղմելով F ստեղնը:

Խումբ 1 (գործիքի հատկությունների պատուհանը հայտնվում է, երբ սեղմում եք գործողությունների տարածքում, մասնավորապես, որտեղ պետք է սկսվի շինարարությունը):

1. Ուղղանկյուն.

Կուրսորը քաշելով գծում է ուղղանկյուն:

Քառակուսի կամ շրջան նկարելու համար սեղմած պահեք Shift ստեղնը և կուրսորը քաշեք անկյունագծով, մինչև ստանաք ձեր ուզած քառակուսին:

Ուղղանկյան հատկությունները (լայնությունը և բարձրությունը) սահմանվում են նկարելիս և նշված են վերին աջ անկյունում (պայմանով, որ Smart Guides ռեժիմը միացված է) կամ Ուղղանկյուն երկխոսության վանդակում (այն կետում, որտեղից պետք է սկսվի ուղղանկյան կառուցումը: )

2. Ուղղանկյուն կլորացված անկյուններով (Rounded Rectangle):

Անկյունի շառավիղը սահմանում է ուղղանկյունի անկյունների կլորացումը:

Լռելյայն կլորացման շառավիղը դրված է կարգավորումների պատուհանում՝ Խմբագրում> Կարգավորումներ> Հիմնական (Խմբագրել> Նախապատվություններ> Ընդհանուր): Անկյունի շառավիղի դաշտ:

Ինտերակտիվ կերպով փոփոխեք կլոր շառավիղը (Կլորացված ուղղանկյուն գործիքի հետ աշխատելիս).

«Կլորացված ուղղանկյուն» պատուհանում (որը հայտնվում է աշխատանքային տարածքում սեղմելիս);

գործիքը քաշելիս սեղմեք վեր կամ վար սլաքի ստեղները (մեծացնել կամ նվազեցնել կլորացման շառավիղը), ձախ սլաք (ստացեք ուղիղ անկյուններ), աջ սլաք (ստացեք անկյուններ առավելագույն կլորացմամբ):

3. Էլիպս (Ellipse).

Կուրսորը քաշելով գծում է էլիպս:

4. Բազմանկյուն (Polygon).

Նկարում է բազմանկյուն՝ կուրսորը անկյունագծով կամ աղեղով քաշելով՝ ձևը պտտելու համար:

Բազմանկյունի հատկությունները (շառավիղը և կողմերի թիվը) դրված են Polygon երկխոսության վանդակում, որը հայտնվում է այն կետի վրա, որտեղ ցանկանում եք սկսել ուղղանկյուն կառուցել, սեղմելիս:

Բազմանկյուն կողմերը ավելացնելու կամ հեռացնելու համար սեղմեք վեր և վար սլաքները:

6. Աստղ (աստղ) .

Տես բազմանկյուն։

Աստղի հատկություններ. շառավիղ 1 – հեռավորությունը աստղի կենտրոնից մինչև նրան ամենամոտ կետերը; Շառավիղ 2-ը աստղի կենտրոնից մինչև նրանից ամենահեռու կետերի հեռավորությունն է. Միավորներ (Ends) - աստղի ծայրերի քանակը:

Խումբ 2 (գործիքի հատկությունների պատուհանը հայտնվում է, երբ սեղմում եք գործողությունների տարածքում, մասնավորապես, որտեղ պետք է սկսվի շինարարությունը, կամ երբ կրկնակի սեղմում եք գործիքի վրա)

1. գծի հատված (տողՀատված) .

Line Segment Tool Options պատուհանում նշված են հետևյալ պարամետրերը.

2. աղեղ (Արկ) .

Arc Segment Tool Options պատուհանում նախ պետք է սահմանել այն կետը, որտեղից կամարը գծվելու է ֆիքսված կետի տեղորոշիչի վրա:

Աղեղի հատկությունները.

Երկարություն X- Առանցք(X առանցքի երկարությունը) –աղեղի հաստությունը:

Երկարություն Յ- Առանցք(Երկարությունը Y առանցքի) –աղեղի բարձրությունը:

տիպ(Տեսակ) -օբյեկտի ուրվագծի տեսակը՝ բաց կամ փակ:

Հիմք Երկայնքով(Երկայնքով) -աղեղի ուղղությունը առանցքների երկայնքով (X կամ Y):

լանջին(Թեքվել):Աղեղի թեքության ուղղությունը՝ գոգավոր աղեղ - բացասական արժեք; կամարակապ աղեղ - դրական արժեք; ուղիղ գիծ - զրոյական արժեք:

Լրացնել Արկ(Գունավորեք աղեղը լրացման գույնի մեջ):

3. պարույր (Պարույր) .

«պարույր» պատուհանում նշվում են պարույրի հատկությունները.

Շառավիղ(շառավիղ)հեռավորությունն է կենտրոնից մինչև պարույրի ամենահեռավոր կետը:

Քայքայվել(աճ)- այն գումարը, որով պարույրի յուրաքանչյուր պտույտը կնվազի նախորդ պտույտի համեմատ:

հատվածներ(Սեգմենտների քանակը)պարույրի հատվածների քանակն է. պարույրի յուրաքանչյուր ամբողջական շրջադարձը բաղկացած է չորս հատվածից:

Հնացած(ոճ)պարույրի ուղղությունն է։