Վեկտորային գրաֆիկայի հետ աշխատել առցանց

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

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

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

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

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

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

Մեթոդ 1: Վեկտր

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

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

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

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

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

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

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

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

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

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

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

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

Մեթոդ 3. Մեթոդ գծապատկեր

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

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

Մեթոդ նկարել առցանց ծառայություն

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


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

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

Մեթոդ 4. Գրավիտի դիզայներ

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

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

Gravit Designer Առցանց ծառայություն

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

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

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


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

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

Մեթոդ 5 Janանվաս

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

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

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

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

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

Մեթոդ 6: DrawSVG

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

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

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

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

Երբ ավարտեք նկարը նկարելը, կարող եք պահպանել արդյունքը որպես SVG կամ որպես bitmap:

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

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

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

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