Концептот на векторски слики на огромен број обични корисници на компјутер не кажува ништо. Дизајнерите, пак, се повеќе се склони да го користат овој тип на графика за своите проекти.
Во минатото, за работа со SVG-слики, дефинитивно ќе треба да инсталирате едно од специјализираните десктоп решенија како Adobe Illustrator или Inkscape на вашиот компјутер. Сега слични алатки се достапни на интернет, без потреба од преземање.
Видете исто така: Учење да се подготви во Adobe Illustrator
Како да работите со SVG онлајн
Со пополнување на соодветното барање до Google, можете да се запознаете со огромен број на различни векторски онлајн уредници. Но, огромното мнозинство на такви решенија нудат прилично мали можности и најчесто не дозволуваат работа со сериозни проекти. Ние ќе ги разгледаме најдобрите услуги за креирање и уредување на SVG-слики во прелистувачот.
Се разбира, онлајн алатките не можат целосно да ги заменат соодветните десктоп апликации, но повеќето корисници на предложената функција ќе бидат повеќе од доволно.
Метод 1: Vectr
Софистициран векторски уредник од креаторите на многу познати услуги Pixlr. Оваа алатка ќе биде корисна за почетниците и напредните корисници во работата со SVG.
И покрај изобилството на функции, загубата на Vectr интерфејсот ќе биде доста тешко. За почетниците детални лекции и долги инструкции се дадени за секоја од компонентите на услугата. Меѓу алатките на уредникот има сè да се создадат SVG-слики: форми, икони, рамки, сенки, четки, поддршка за работа со слоеви итн. Можете да нацртате слика од нула или да ја подигнете сопствената.
Vectr онлајн услуга
- Пред да започнете со користење на ресурс, препорачливо е да се најавите со една од достапните социјални мрежи или да креирате сметка на страницата од нула.
Ова не само што ви овозможува да ги преземете резултатите од вашата работа на вашиот компјутер, но во секое време да ги зачувате промените во "облакот". - Сервисот интерфејс е едноставен и јасен што е можно: достапните алатки се наоѓаат лево од платното, а променливите својства на секој од нив се на десната страна.
Поддржува создавање на мноштво страници за кои има димензионални шаблони за секој вкус - од графички прекривки под социјални мрежи до стандардни формати на листови. - Можете да ги извезете готовата слика со кликање на копчето со стрелка во менито на десната страна.
- Во прозорецот што се отвора, дефинирајте ги параметрите за преземање и кликнете Преземи.
Извозните способности, исто така, вклучуваат една од најпрепознатливите карактеристики на Vectr - поддршка за директни линкови до SVG проект во уредувачот. Многу ресурси не дозволуваат преземање векторски слики директно на самите себе, но сепак дозволуваат нивно далечинско прикажување. Во овој случај, Vectra може да се користи како вистински хостинг на SVG, што другите услуги не дозволуваат.
Треба да се напомене дека уредувачот не секогаш правилно се справува со сложена графика. Поради оваа причина, некои проекти може да се отвори во Vectr со грешки или визуелни артефакти.
Метод 2: Sketchpad
Едноставен и удобен веб-уредник за креирање SVG слики базирани на платформата HTML5. Со оглед на опсегот на достапни алатки, може да се тврди дека услугата е наменета исклучиво за цртање. Со Sketchpad, можете да креирате убави, внимателно изработени слики, но не повеќе.
Алатката има широк спектар на сопствени четки од различни форми и типови, збир на форми, фонтови и налепници за преклопување. Уредувачот ви овозможува целосно да ги манипулирате слоевите - за да ги контролирате нивните поставувања и режими на мешање. Па, како бонус, пријавата е целосно преведена на руски, па затоа не треба да имате никакви тешкотии со неговиот развој.
Онлајн сервис за скици
- Се што треба да работите со уредникот - прелистувачот и пристапот до мрежата. Механизмот за овластување на сајтот не е обезбеден.
- За да ја преземете завршената слика на вашиот компјутер, кликнете на иконата за флопи во лентата со мени на левата страна, а потоа одберете го посакуваниот формат во скокачкиот прозорец.
Доколку е потребно, можете да го зачувате незавршениот цртеж како проект на Sketchpad, а потоа и во секое време да го завршите уредувањето.
Метод 3: Нацртајте метод
Оваа веб апликација е наменета за основни операции со векторски датотеки. Нанадвор, алатката личи на десктоп Adobe Illustrator, но во смисла на функционалност сè е многу поедноставно тука. Сепак, постојат некои посебни карактеристики во методот Draw.
Во прилог на работа со SVG слики, уредувачот ви овозможува да увезете растерски слики и да создавате векторски слики врз основа на нив. Ова може да се направи врз основа на рачно следење на контурите со пенкалото. Апликацијата ги содржи сите потребни алатки за изгледот на векторските цртежи. Постои проширена библиотека со бројки, палета со целосна боја и поддршка за кратенки на тастатурата.
Метод нацртајте онлајн сервис
- Ресурсот не бара регистрација од корисникот. Само одете на страницата и работете со постоечката векторска датотека или креирајте нова.
- Покрај креирањето на SVG фрагменти во графичко опкружување, можете исто така да ја уредувате сликата директно на ниво на кодот.
За да го направите ова, одете на "Прикажи" - "Извор ..." или користете кратенка на тастатурата "Ctrl + U". - Откако ќе завршите со работата на сликата, можете веднаш да ја зачувате на вашиот компјутер.
За да извезувате слика, отворете ја ставката од менито "Датотека" и кликнете "Зачувај слика ...". Или користете кратенка "Ctrl + S".
Методот на подготвување дефинитивно не е погоден за создавање сериозни векторски проекти - причината е недостатокот на релевантни функции. Но, поради отсуството на непотребни елементи и добро организиран работен простор, услугата може да биде одлична за брзо уредување или прецизно префинетост на едноставни SVG слики.
Метод 4: Гравит дизајнер
Слободен веб вектор графички уредник за напредни корисници. Многу дизајнери го ставаат Gravit на исто ниво со целосни решенија за десктоп, како Adobe Illustrator. Факт е дека оваа алатка е крос-платформа, односно е целосно достапна на сите компјутерски оперативни системи, а исто така и како веб апликација.
Гравит дизајнер е активен развој и редовно добива нови функции кои веќе се доволни за изградба на комплексни проекти.
Гравит дизајнер онлајн сервис
Уредувачот Ви нуди секакви алатки за цртање на контури, форми, патеки, преклопување текст, пополнувања, како и различни сопствени ефекти. Постои голема библиотека на слики, тематски слики и икони. Секој елемент во просторот Gravit има листа на својства кои можат да се променат.
Целата оваа сорта е "пакувана" во стилски и интуитивен интерфејс, така што секоја алатка е достапна со само неколку кликања.
- За да започнете со уредувачот, не треба да креирате сметка во услугата.
Но, ако сакате да користите готови шаблони, ќе мора да креирате бесплатна Gravit Cloud сметка. - За да креирате нов проект од почеток во прозорецот за добредојде, одете до јазичето "Нов дизајн" и изберете ја саканата големина на платно.
Соодветно на тоа, за работа со дефиниција, отворете го делот "Ново од шаблонот" и одберете го саканото работно парче. - Gravit автоматски може да ги зачува сите промени кога извршувате акции на проект.
За да ја активирате оваа функција, користете го копчето за кратенки. "Ctrl + S" и во прозорецот што се појавува, наведете ја сликата, а потоа кликнете на копчето "Зачувај". - Можете да ја извезете добиената слика во SVG векторски формат и растерски JPEG или PNG.
Покрај тоа, постои опција да се зачува проектот како документ со наставката PDF.
Сметајќи дека услугата е наменета за полноправно работење со векторска графика, може безбедно да се препорача дури и на професионалните дизајнери. Со Gravit, можете да уредувате SVG слики, без оглед на платформата на која го правите тоа. Досега, оваа изјава е применлива само за оперативниот систем, но наскоро овој уредувач ќе се појави на мобилни уреди.
Метод 5: Јанвас
Популарна алатка за веб програмери да креираат векторска графика. Сервисот содржи голем број алатки за цртање со индивидуализирачки својства. Главната карактеристика на Janvas е способноста да создаде интерактивни SVG слики анимирани со CSS. И во врска со JavaScript, сервисот ви овозможува да изградите цели веб апликации.
Во вешти раце, овој уредник е навистина моќна алатка, додека почетник најверојатно поради изобилството на разни функции едноставно нема да разбере што е тоа што.
Јавна онлајн сервис
- За да ја стартувате веб апликацијата во вашиот прелистувач, кликнете на врската погоре и кликнете на копчето. "Започнете да креирате".
- Во новиот прозорец, работниот простор на уредувачот се отвора со платното во центарот и лентите со алатки околу неа.
- Може да ја изведите готовата слика само во складиштето на облак по ваш избор, и само ако сте купиле претплата на услугата.
Да, алатката за жал не е бесплатна. Но, ова е професионално решение кое не е корисно за секого.
Метод 6: DrawSVG
Најпогодниот онлајн сервис кој им овозможува на веб-администраторите лесно да создадат висококвалитетни SVG елементи за нивните сајтови. Уредувачот содржи импресивна библиотека со облици, икони, полнила, градиенти и фонтови.
Со помош на DrawSVG, можете да конструирате векторски објекти од секаков вид и својства, да ги смените нивните параметри и да ги направите како одделни слики. Можно е да вметнете мултимедијални датотеки од трети лица во SVG: видео и аудио од компјутерски или мрежни извори.
DrawSVG онлајн услуга
Овој уредувач, за разлика од повеќето други, не изгледа како пристаниште за прелистувач на десктоп апликација. На левата страна се главните алатки за цртање, а на врвот се контролите. Главниот простор е платното за работа со графика.
Откако ќе завршите со работа со слика, можете да го зачувате резултатот како SVG или како битмапа слика.
- За да го направите ова, пронајдете ја иконата во лентата со алатки "Зачувај".
- Со кликнување на оваа икона ќе се отвори скокачки прозорец со форма за вчитување на SVG документот.
Внесете го саканото име на датотека и кликнете "Зачувај како датотека".
DrawSVG може да се нарече светлина верзија на Janvas. Уредувачот поддржува работење со CSS атрибути, но за разлика од претходната алатка, не дозволува анимирање на елементите.
Видете исто така: Отвори SVG векторски графички датотеки
Услугите наведени во статијата не се сите векторски уредници достапни на интернет. Сепак, овде имаме собрано во најголем дел слободни и докажани онлајн решенија за работа со SVG-датотеки. Сепак, некои од нив се доста способни да се натпреваруваат со десктоп алатки. Па, што да се користи зависи само од вашите потреби и преференции.
