Die konsep van vektorbeelde aan die oorweldigende aantal gewone rekenaargebruikers sê niks nie. Ontwerpers, op sy beurt, is toenemend geneig om hierdie tipe grafika vir hul projekte te gebruik.
In die verlede, om met SVG-prente te werk, sal jy beslis een van die gespesialiseerde lessenaaroplossings soos Adobe Illustrator of Inkscape op jou rekenaar moet installeer. Nou is soortgelyke gereedskap aanlyn beskikbaar, sonder dat dit nodig is om te laai.
Sien ook: Leer om Adobe Illustrator te teken
Hoe om te werk met SVG aanlyn
Deur die toepaslike versoek aan Google te voltooi, kan jy kennis maak met 'n groot aantal verskillende aanlyn-redakteurs. Maar die oorgrote meerderheid van sulke oplossings bied nogal skaars geleenthede en laat dit dikwels nie toe om met ernstige projekte te werk nie. Ons sal die beste dienste oorweeg vir die skep en redigering van SVG-beelde reg in die blaaier.
Natuurlik kan aanlyn-gereedskap nie die ooreenstemmende lessenaarprogramme heeltemal vervang nie, maar die meeste gebruikers van die voorgestelde funksie stel sal meer as genoeg wees.
Metode 1: Vectr
Gesofistikeerde vektorredakteur van die skeppers van baie bekende diens Pixlr. Hierdie instrument sal nuttig wees vir beide beginners en gevorderde gebruikers in samewerking met SVG.
Ten spyte van die oorvloed van funksies, word dit moeilik om verlore te raak in die Vectr koppelvlak. Vir beginners word gedetailleerde lesse en lang instruksies vir elk van die komponente van die diens verskaf. Onder die gereedskap van die redakteur is daar alles om SVG-beelde te skep: vorms, ikone, rame, skadu's, borsels, ondersteuning vir die werk met lae, ens. Jy kan 'n prentjie van nuuts af teken of jou eie oplaai.
Vectr aanlyn diens
- Voordat jy die hulpbron gebruik, is dit raadsaam om met een van die beskikbare sosiale netwerke in te teken of om van die begin af 'n rekening op die webwerf te skep.
Dit laat jou nie net toe om die resultate van jou werk na jou rekenaar te laai nie, maar te eniger tyd om veranderinge in die "wolk" te stoor. - Die diens koppelvlak is so eenvoudig en duidelik as moontlik: die beskikbare gereedskap is aan die linkerkant van die doek, en die veranderende eienskappe van elk van hulle is regs.
Dit ondersteun die skep van 'n verskeidenheid bladsye waarvoor daar dimensionele templates vir elke smaak bestaan - van grafiese deksels onder sosiale netwerke na standaardbladformate. - U kan die voltooide prent uitvoer deur op die pyltjie-knoppie in die menubalk regs te klik.
- Definieer die aflaai parameters in die venster wat oopmaak en klik «Aflaai».
Uitvoer vermoëns sluit ook een van die mees kenmerkende eienskappe van Vectr-ondersteuning vir direkte skakels na 'n SVG-projek in die redakteur. Baie bronne laat nie toe om vektorbeelde direk na hulself te laai nie, maar laat hulle vertoning toe. In hierdie geval kan Vectra gebruik word as 'n ware SVG hosting, wat ander dienste nie toelaat nie.
Daar moet kennis geneem word dat die redakteur nie altyd komplekse grafieke korrek hanteer nie. Om hierdie rede kan sommige projekte in Vectr oopmaak met foute of visuele artefakte.
Metode 2: Sketsblok
'N Eenvoudige en gerieflike webredakteur vir die skep van SVG-beelde gebaseer op die HTML5-platform. Gegewe die verskeidenheid gereedskap wat beskikbaar is, kan aangevoer word dat die diens slegs vir tekeninge bedoel is. Met Sketchpad kan jy pragtige, goed gemaakte beelde skep, maar nie meer nie.
Die gereedskap het 'n wye verskeidenheid van persoonlike borsels van verskillende vorms en tipes, 'n stel vorms, lettertipes en plakkers vir oorleg. Die redakteur stel jou in staat om die lae ten volle te manipuleer - om hul plasings- en mengmodi te beheer. Wel, as 'n bonus, die aansoek is ten volle vertaal in Russies, so jy moet geen probleme met sy ontwikkeling.
Sketspad aanlyndiens
- Al wat jy nodig het om te werk met die redakteur - die blaaier en toegang tot die netwerk. Die magtigingsmeganisme op die werf word nie verskaf nie.
- Om die voltooide prentjie na u rekenaar te laai, klik op die floppy-ikoon in die menubalk aan die linkerkant en kies dan die verlangde formaat in die pop-upvenster.
As dit nodig is, kan jy die onvoltooide tekening as 'n Sketchpad-projek stoor, en dan enige tyd voltooi om dit te redigeer.
Metode 3: Metode Teken
Hierdie webtoepassing is ontwerp vir basiese bewerkings met vektorlêers. Buitendien lyk die instrument op die lessenaar Adobe Illustrator, maar in terme van funksionaliteit is dit baie makliker hier. Daar is egter 'n paar spesiale eienskappe in Metodeteken.
Benewens die werk met SVG-beelde, kan die redakteur rasterprente invoer en vektorbeelde op grond daarvan skep. Dit kan gedoen word op grond van die handspoorkontoer met die pen. Die aansoek bevat al die nodige gereedskap vir die uitleg van vektortekeninge. Daar is 'n uitgebreide biblioteek van figure, 'n volkleurpalet en ondersteuning vir sleutelbordkortpaaie.
Metode Teken Aanlyn Diens
- Die bron benodig nie registrasie van die gebruiker nie. Gaan net na die werf en werk met die bestaande vektorlêer of skep 'n nuwe een.
- Benewens die skep van SVG-fragmente in 'n grafiese omgewing, kan u die prent ook direk op die kodevlak wysig.
Om dit te doen, gaan na «Kyk» - "Bron ..." of gebruik die sleutelbordkortpaaie "Ctrl + U". - Nadat u werk op die foto gedoen het, kan u dit onmiddellik op u rekenaar stoor.
Om 'n beeld uit te voer, maak die kieslysitem oop «File» en klik "Stoor prentjie ...". Of gebruik kortpaaie "Ctrl + S".
Metode Tekening is beslis nie geskik vir die skep van ernstige vektorprojekte nie - die rede hiervoor is die gebrek aan relevante funksies. Maar as gevolg van die afwesigheid van onnodige elemente en goed georganiseerde werkruimte, kan die diens uitstekend wees vir vinnige redigering of verfyning van eenvoudige SVG-beelde.
Metode 4: Gravit Designer
Gratis web vektor grafiese redakteur vir gevorderde gebruikers. Baie ontwerpers het Gravit op 'n gelyke voet geplaas met volledige lessenaaroplossings, soos Adobe Illustrator. Die feit is dat hierdie instrument kruisplatform is, dit wil sê, dit is ten volle beskikbaar op alle rekenaarstelsels, en ook as 'n webtoepassing.
Gravit Designer is aktief en ontvang gereeld nuwe funksies wat reeds genoeg is om komplekse projekte te bou.
Gravit Designer aanlyn diens
Die redakteur bied u allerhande gereedskap vir die teken van kontoere, vorms, paaie, teksoorleggings, vullings, asook verskeie persoonlike effekte. Daar is 'n uitgebreide biblioteek met figure, tematiese prente en ikone. Elke element in die Gravit-ruimte het 'n lys eienskappe wat verander kan word.
Al hierdie verskeidenheid is "verpak" in 'n aantreklike en intuïtiewe koppelvlak, sodat enige instrument in slegs 'n paar kliek beskikbaar is.
- Om te begin met die redakteur, hoef jy nie 'n rekening in die diens te skep nie.
Maar as jy gereedgemaakte templates wil gebruik, moet jy 'n gratis Gravit Cloud-rekening skep. - Om 'n nuwe projek van nuuts af in die verwelkomingsvenster te skep, gaan na die oortjie "Nuwe Ontwerp" en kies die gewenste doekgrootte.
Gevolglik, om met die sjabloon te werk, maak die gedeelte oop "Nuut uit Sjabloon" en kies die gewenste werkstuk. - Gravit kan outomaties alle veranderinge stoor wanneer u aksies op 'n projek uitvoer.
Om hierdie funksie te aktiveer, gebruik die sneltoets. "Ctrl + S" en in die venster wat verskyn, noem die prentjie en klik dan op die knoppie «Save». - U kan die resulterende prent in beide SVG-vektorformate en raster JPEG of PNG uitvoer.
Daarbenewens is daar die opsie om die projek as 'n dokument met die uitbreiding PDF te stoor.
Aangesien die diens ontwerp is vir volwaardige werk met vektorgrafika, kan dit veilig aanbeveel word selfs vir professionele ontwerpers. Met Gravit kan u SVG-beelde wysig, ongeag die platform waarop u dit doen. Tot dusver is hierdie stelling slegs van toepassing op desktop-bedryfstelsel, maar binnekort sal hierdie redakteur op mobiele toestelle verskyn.
Metode 5: Janvas
'N Gewilde hulpmiddel vir webontwikkelaars om vektorgrafika te skep. Die diens bevat 'n aantal tekengereedskap met aanpasbare eienskappe. Die hoof kenmerk van Janvas is die vermoë om interaktiewe SVG-beelde wat met CSS geanimeer is, te skep. En in samewerking met JavaScript, kan die diens u volledige webtoepassings bou.
In vaardige hande is hierdie redakteur werklik 'n kragtige instrument, terwyl 'n beginner waarskynlik weens die oorvloed van verskillende funksies eenvoudig nie sal verstaan wat is wat.
Janvas aanlyn diens
- Om die webprogram in u blaaier te begin, klik die skakel hierbo en klik op die knoppie. "Begin om te skep".
- In die nuwe venster word die werkplek van die redakteur oopgemaak met die doek in die middel en die werkbalke daar rondom.
- U kan die voltooide prent slegs na die wolkberging van u keuse uitvoer, en slegs as u 'n intekening op die diens gekoop het.
Ja, die instrument is ongelukkig nie gratis nie. Maar dit is 'n professionele oplossing, wat nie vir almal nuttig is nie.
Metode 6: DrawSVG
Die mees gerieflike aanlyn diens waarmee webmasters maklik SVG-elemente van hoë gehalte kan maak vir hul webwerwe. Die redakteur bevat 'n indrukwekkende biblioteek van vorms, ikone, vullings, gradiënte en lettertipes.
Met behulp van DrawSVG kan jy vektorvoorwerpe van enige aard en eienskappe oprig, hul parameters verander en hulle as afsonderlike beelde maak. Dit is moontlik om ander multimedia-lêers in SVG in te sluit: video en klank vanaf 'n rekenaar of netwerk bronne.
DrawSVG aanlyn diens
Hierdie redakteur lyk, anders as die meeste ander, nie soos die blaaierpoort van 'n lessenaarprogram nie. Aan die linkerkant is die hoof tekengereedskap, en boontoe is die kontroles. Die hoofspasie is die doek vir die werk met grafika.
Nadat u klaar met 'n prentjie gewerk het, kan u die resultaat as 'n SVG of as 'n bitmap-prent stoor.
- Om dit te doen, vind die ikoon in die nutsbalk «Save».
- Deur op hierdie ikoon te klik, sal 'n pop-upvenster met 'n vorm oopgemaak word om die SVG-dokument te laai.
Voer die verlangde lêernaam in en klik "Stoor as lêer".
DrawSVG kan die ligte weergawe van Janvas genoem word. Die redakteur ondersteun werk met CSS-eienskappe, maar in teenstelling met die vorige instrument, kan dit nie elemente aanleer nie.
Sien ook: Open SVG vector grafiese lêers
Die dienste wat in die artikel gelys word, is nie alle vektorredakteurs wat op die web beskikbaar is nie. Maar hier het ons meestal gratis en beproefde aanlynoplossings vir die werk met SVG-lêers ingesamel. Sommige van hulle is egter in staat om met lessenaargereedskap te kompeteer. Wel, wat om te gebruik, hang net af van jou behoeftes en voorkeure.