Մենք աշխատում ենք առցանց վեկտոր գրաֆիկայի հետ

Վեկտոր պատկերների հասկացությունը սովորական համակարգչի օգտագործողների գերակշռող քանակի համար ոչինչ չի ասում: Դիզայներները, իր հերթին, ավելի շատ են հակված օգտագործել այս տեսակի գրաֆիկայի իրենց նախագծերի համար:

Նախկինում, SVG- ի հետ աշխատելու համար, անպայման պետք է տեղադրել ձեր համակարգչի վրա տեղադրված Adobe Illustrator կամ Inkscape- ի հատուկ մասնագիտացված լուծումներից մեկը: Այժմ նման գործիքները հասանելի են առցանց, առանց ներբեռնելու անհրաժեշտության:

Տես նաեւ. Adobe Illustrator- ում նկարելու սովորել

Ինչպես աշխատել SVG- ի հետ առցանց

Համապատասխան խնդրանքը լրացնելով Google- ում, դուք կարող եք ծանոթանալ տարբեր վեկտոր առցանց խմբագրիչների մեծ թվին: Սակայն նման լուծումների ճնշող մեծամասնությունը բավականին քիչ հնարավորություններ են առաջարկում եւ հաճախ թույլ չեն տալիս աշխատել լուրջ նախագծերի հետ: Մենք կքննարկենք բրոշյուրում SVG- պատկերների ստեղծման եւ խմբագրման լավագույն ծառայությունները:

Իհարկե, առցանց գործիքները չեն կարող ամբողջությամբ փոխարինել համապատասխան աշխատասեղանների ծրագրերին, սակայն առաջարկվող առանձնահատկությունների մեծամասնությունը ավելի շատ կլինի:

Մեթոդ 1: Vectr

Բարդ վեկտոր խմբագիր Pixlr- ի բազմաթիվ ճանաչված ծառայության հեղինակներից: Այս գործիքը օգտակար կլինի ինչպես սկսնակների, այնպես էլ առաջավոր օգտվողների համար SVG- ի հետ աշխատելու համար:

Չնայած գործառույթների առատությանը, Vectr ինտերֆեյսում կորցնելու դեպքում բավականին դժվար կլինի: Սկսնակների համար ծառայությունից յուրաքանչյուր բաղադրիչի համար տրամադրվում են մանրամասն դասեր եւ երկարատեւ հրահանգներ: Խմբագրի գործիքների թվում կա ամեն ինչ SVG- պատկերների ստեղծման համար. Ձեւավորում, պատկերակներ, շրջանակներ, ստվերներ, խոզանակներ, շերտերով աշխատելու աջակցություն եւ այլն: Դուք կարող եք նկարել զրոյից կամ վերբեռնել ձեր սեփականը:

Vectr առցանց ծառայություն

1. Նախքան ռեսուրսը օգտագործելը, նպատակահարմար է մուտք գործել առկա սոցիալական ցանցերից որեւէ մեկը կամ տեղում զնգոց ստեղծել հաշիվ:
   
   Սա ոչ միայն թույլ է տալիս ներբեռնել ձեր աշխատանքի արդյունքներն ձեր համակարգչում, սակայն ցանկացած պահի «ամպի» փոփոխությունները պահպանելու համար:
2. Ծառայության ինտերֆեյսը հնարավորինս պարզ եւ հստակ է. Առկա գործիքները գտնվում են կտավի ձախ կողմում, եւ նրանցից յուրաքանչյուրի փոփոխվող հատկությունները գտնվում են աջ կողմում:
   
   Այն աջակցում է բազմաթիվ էջերի ստեղծման համար, որի համար առկա են տարբեր ճառագայթների համար նախատեսված ծավալային ձեւանմուշներ `սոցիալական ցանցերում գրաֆիկական ծածկոցներից մինչեւ ստանդարտ թերթիկների ձեւաչափեր:
3. Դուք կարող եք արտահանել ավարտված պատկերը `սեղմելով սլաքի կոճակը աջ կողմում ցանկի բարում:
   
4. Բացվող պատուհանում սահմանեք ներբեռնման պարամետրերը եւ կտտացրեք Բեռնել.
   

Արտահանման հնարավորությունները ներառում են նաեւ Vectr- ի ամենատարածված առանձնահատկություններից մեկը, որը խմբագրում է SVG ծրագրի ուղղակի կապի համար: Շատ ռեսուրսներ թույլ չեն տալիս վեկտոր պատկերներ ուղղակիորեն ներբեռնել իրենց, բայց այնուամենայնիվ թույլ են տալիս հեռավոր ցուցադրումը: Այս դեպքում Vectra- ն կարող է օգտագործվել որպես իրական SVG հոստինգ, որը թույլ չի տալիս այլ ծառայություններ:

Պետք է նշել, որ խմբագիրը միշտ չէ, որ ճիշտ է կարգավորում բարդ գրաֆիկայի: Այդ իսկ պատճառով, որոշ ծրագրեր կարող են բացվել Vectr- ում սխալներով կամ տեսողական արտեֆակտներով:

Մեթոդ 2 `ուրվագիծ

HTML5- ի հիման վրա հիմնված SVG պատկերների ստեղծման պարզ եւ հարմար վեբ խմբագիր: Հաշվի առնելով մատչելի գործիքների շարք, կարելի է պնդել, որ ծառայությունը նախատեսված է միայն նկարելու համար: Sketchpad- ի միջոցով դուք կարող եք ստեղծել գեղեցիկ, զգայուն պատրաստված պատկերներ, բայց ոչ ավելին:

Գործիքը ունի բազմատեսակ ձեւերի եւ տեսակների մանրածախ խոզանակների լայն տեսականի, կափարիչի ձեւերի, տառատեսակների եւ կպչունների մի շարք: Խմբագիրը թույլ է տալիս լիովին շահարկել շերտերը `վերահսկելու նրանց տեղադրումը եւ խառնուրդի ռեժիմները: Դե, որպես բոնուս, դիմումը լիովին թարգմանվում է ռուսերեն, ուստի չպետք է որեւէ դժվարություն առաջացնեք նրա զարգացման համար:

Հուշանվերների առցանց ծառայություն

1. Ձեզ անհրաժեշտ է խմբագիր հետ աշխատել `զննարկիչը եւ ցանցին հասանելիությունը: Կայքում թույլտվության մեխանիզմը չի տրամադրվում:
   
2. Պատրաստված նկարը համակարգչում ներբեռնելու համար սեղմեք ճեղքված պատկերակը ձախ կողմում գտնվող ցանկի սանդղակում, ապա ընտրեք պատուհանի ցանկալի ձեւաչափը:

Անհրաժեշտության դեպքում, դուք կարող եք փրկել անավարտ նկարը, որպես Sketchpad նախագիծ, ապա ցանկացած ժամանակ ավարտել խմբագրումը:

Մեթոդ 3

Այս վեբ հավելվածը նախատեսված է վեկտորային ֆայլերով հիմնական գործողությունների համար: Արտաքին սարքը նման է Adobe Illustrator սեղանին, բայց ֆունկցիոնալության առումով ամեն ինչ ավելի պարզ է: Այնուամենայնիվ, որոշ մեթոդներ կան:

Բացի SVG- ի պատկերների հետ աշխատելուց, խմբագիրն թույլ է տալիս ներմուծել պատկերված պատկերներ եւ դրանց վրա հիմնված վեկտոր պատկերներ: Դա կարելի է անել ձեռքի հետքերով գրիչով: Դիմումը պարունակում է բոլոր անհրաժեշտ գործիքները վեկտորի գծագրերի դասավորության համար: Կա ընդարձակված գրադարան, թվայնացված գունապնակ եւ ստեղնաշարի դյուրանցումների աջակցություն:

Մեթոդի դիզայն առցանց ծառայություն

1. Ռեսուրսը չի պահանջում օգտվողից գրանցում: Պարզապես այցելեք կայք եւ աշխատեք գոյություն ունեցող վեկտորային ֆայլի հետ կամ ստեղծեք նորը:
   
2. Բացի գրաֆիկական միջավայրում SVG բեկորների ստեղծումից, դուք կարող եք նաեւ նկարը խմբագրել մակարդակի վրա:
   
   Դա անելու համար գնացեք "Դիտել" - «Աղբյուրը ...» կամ օգտագործել ստեղնաշարի դյուրանցումը "Ctrl + U".
3. Պատկերացրեք աշխատանքը նկարում, դուք կարող եք անմիջապես փրկել այն ձեր համակարգչում:


Պատկերը արտահանելու համար բացեք ցանկի տարրը «Ֆայլ» եւ սեղմեք "Պահել պատկեր ...". Կամ օգտագործեք դյուրանցումները "Ctrl + S".

Մեթոդի զուգահեռը անպայման հարմար չէ լուրջ վեկտորային նախագծերի ստեղծման համար `պատճառը համապատասխան գործառույթների բացակայությունն է: Սակայն ավելորդ տարրերի եւ լավ կազմակերպված աշխատատեղերի բացակայության պատճառով ծառայությունը կարող է լինել գերազանց արագ խմբագրում կամ պարզեցնել պարզ SVG- ի պատկերների ճշգրտումը:

Մեթոդ 4: Gravit դիզայներ

Ազատ վեբ վեկտորային գրաֆիկական խմբագիր առաջադեմ օգտվողների համար: Շատ դիզայներներ Gravit- ին ներկայացրեցին լիարժեք սեղանադիր լուծումներ `Adobe Illustrator- ի նման: Փաստն այն է, որ այս գործիքը խաչաձեւ հարթակ է, այսինքն այն լիովին հասանելի է բոլոր համակարգչային օպերացիոն համակարգերում, ինչպես նաեւ վեբ հավելվածում:

Gravit Designer- ը ակտիվ զարգանում է եւ կանոնավոր կերպով ստանում է նոր առանձնահատկություններ, որոնք արդեն բավարար են բարդ ծրագրեր կառուցելու համար:

Gravit Designer օնլայն ծառայություն

Խմբագիրն առաջարկում է ձեզ բոլոր տեսակի գործիքներ ուրվագծել, ձեւավորում, ուղիներ, տեքստի ներկառուցվածք, լրացնում, ինչպես նաեւ տարբեր մաքսային էֆեկտներ: Կա լայն թվով գրադարաններ, թեմատիկ պատկերներ եւ սրբապատկերներ: Յուրաքանչյուր տարր Gravit տիեզերքում ունի ցանկը հատկությունների, որոնք կարող են փոխվել:

Բոլոր այս բազմազանությունը «փաթեթավորված» է նորաձեւ եւ ինտուիտիվ ինտերֆեյսով, այնպես որ ցանկացած գործիք հասանելի է ընդամենը մի քանի կտտացնում:

1. Խմբագրի հետ աշխատելու համար անհրաժեշտ է հաշիվ ստեղծել ծառայությունում:
   
   Բայց եթե ցանկանում եք օգտագործել պատրաստի կաղապարներ, ապա դուք պետք է ստեղծեք անվճար Gravit Cloud հաշիվ:
2. Բացառիկ պատուհանից նոր նախագիծ ստեղծելու համար անցեք ներդիրը "Նոր դիզայն" եւ ընտրեք ցանկապատված կտավը:
   
   Հետեւաբար, կաղապարի հետ աշխատելու համար բացեք բաժինը "Կաղապարից նոր" եւ ընտրեք անհրաժեշտ ցանկը:
3. Gravit- ը կարող է ավտոմատ կերպով փրկել բոլոր փոփոխությունները, երբ դուք իրականացնում եք ծրագրի վրա գործողություններ:
   
   Այս գործառույթը ակտիվացնելու համար օգտագործեք դյուրանցման ստեղնը: "Ctrl + S" եւ պատուհանում հայտնվում է նկարը, այնուհետեւ կտտացրեք կոճակը «Պահել».
4. Դուք կարող եք արտահանել արդյունքի պատկերը SVG վեկտորի ձեւաչափով եւ raster JPEG կամ PNG- ով:


Բացի այդ, կա ծրագիր, PDF- ի ընդլայնման հետ կապված փաստաթուղթը փրկելու տարբերակ:

Հաշվի առնելով, որ ծառայությունը նախատեսված է վեկտորային գրաֆիկայի հետ լիարժեք աշխատանքի համար, այն կարող է անվտանգ առաջարկել նույնիսկ պրոֆեսիոնալ դիզայներներին: Gravit- ի հետ կարող եք SVG պատկերները խմբագրել, անկախ այն պլատֆորմի վրա, որի վրա դուք կատարում եք: Մինչ այժմ, այս հայտարարությունը կիրառելի է միայն սեղանադիր OS- ի համար, սակայն շուտով այս խմբագիրն առաջ կգա բջջային սարքերում:

Մեթոդ 5: Յանոս

Հանրաճանաչ գործիք վեբ մշակողների համար ստեղծել վեկտոր գրաֆիկայի. Ծառայությունը պարունակում է մի շարք նկարչական գործիքներ, որոնք հարմարեցված հատկություններ ունեն: Յանվասի հիմնական առանձնահատկությունն այն է, որ CSS- ով անդրացված ինտերակտիվ SVG պատկերներ ստեղծելու ունակություն է: Իսկ JavaScript- ի հետ միասին ծառայությունը թույլ է տալիս կառուցել ամբողջ վեբ հավելվածներ:

Հմուտ ձեռքերում այս խմբագիրն իսկապես հզոր գործիք է, մինչդեռ սկսնակները, ամենայն հավանականությամբ, տարբեր գործառույթների առատության պատճառով չեն հասկանում, թե ինչն է:

Janvas առցանց ծառայություն

1. Վեբ բրաուզերը ձեր բրաուզերում գործարկելիս սեղմեք վերեւում գտնվող հղումը եւ սեղմեք կոճակը: "Սկսեք ստեղծել".
   
2. Նոր պատուհանում խմբագիրների աշխատանքային տարածքը բացվում է կենտրոնում գտնվող կտավով եւ դրա շուրջը գտնվող գործիքների վրա:
   
3. Դուք կարող եք արտահանել ավարտված պատկերը միայն ձեր ընտրության ամպային պահպանման համար, եւ միայն այն դեպքում, երբ դուք գնել եք բաժանորդագրության ծառայություն:
   

Այո, գործիքը, ցավոք, ազատ չէ: Բայց սա պրոֆեսիոնալ լուծում է, որը բոլորի համար օգտակար չէ:

Մեթոդ 6: DrawSVG

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

DrawSVG- ի օգնությամբ դուք կարող եք կառուցել ցանկացած տեսակի եւ հատկությունների վեկտորային օբյեկտներ, փոխել իրենց պարամետրերը եւ դրանք որպես առանձին պատկերներ ներկայացնել: Հնարավոր է տեղադրել երրորդ կողմի մուլտիմեդիա ֆայլերը SVG- ում `տեսանյութեր եւ աուդիո համակարգչային կամ ցանցային աղբյուրներից:

DrawSVG առցանց ծառայություն

Այս խմբագիրը, ի տարբերություն մյուսների, չի երեւում աշխատասեղանի բրաուզերի նավահանգստի պես: Ձախ կողմում հիմնական նկարչական գործիքներն են, իսկ վերեւում `վերահսկողությունը: Հիմնական տարածքը գրաֆիկայի հետ աշխատելու համար կտավ է:

Պատկերի հետ աշխատելուց հետո կարող եք արդյունքը պահել որպես SVG կամ որպես bitmap պատկեր:

1. Դա անել, գործիքագոտում պատկերակը գտնել «Պահել».
   
2. Սեղմելով այս պատկերակը կբացվի պատուհանի պատուհանով `SVG փաստաթուղթը բեռնելու համար:
   
   Մուտքագրեք ցանկալի ֆայլի անունը եւ սեղմեք "Պահել որպես ֆայլ".

DrawSVG- ը կարելի է անվանել Janvas- ի լույսի տարբերակը: Խմբագրիչը սատարում է CSS- ի հատկանիշներին, բայց ի տարբերություն նախորդ գործիքի, այն թույլ չի տալիս անիմաստ տարրեր:

Տես նաեւ. Բացեք SVG վեկտորային գրաֆիկական ֆայլերը

Հոդվածում թվարկված ծառայությունները չեն վեկտորային վեկտորները, որոնք մատչելի են ոստայնում: Այնուամենայնիվ, մենք այստեղ հավաքվեցինք մեծ մասի անվճար եւ ապացուցված առցանց լուծումներ SVG- ֆայլերի հետ աշխատելու համար: Սակայն, նրանցից ոմանք բավականին մրցունակ են աշխատասեղանի գործիքների հետ: Դե, ինչն օգտագործվում է միայն ձեր կարիքների եւ նախասիրությունների վրա: