Ni laboras kun vektoraj grafikaĵoj rete


La koncepto de vektoraj bildoj al la abomena kvanto da ordinaraj komputilaj uzantoj ne diras ion ajn. Dezajnistoj, siavice, ĉiam pli emas uzi ĉi tiun tipon de grafikaĵoj por iliaj projektoj.

En la pasinteco, por labori kun SVG-bildoj, vi sendube devus instali unu el la specialaj labortablaj solvoj kiel Adobe Illustrator aŭ Inkscape en via komputilo. Nun similaj iloj haveblas rete, sen bezono elŝuti.

Vidu ankaŭ: Lernante desegni en Adobe Illustrator

Kiel labori kun SVG rete

Plenigante la taŭgan peton al Google, vi povas konatiĝi kun granda nombro de diversaj vektoraj retaj redaktantoj. Sed la abomena plimulto de tiaj solvoj ofertas sufiĉe malmulte da ŝancoj kaj plej ofte ne permesas labori kun seriozaj projektoj. Ni konsideros la plej bonajn servojn por krei kaj redakti SVG-bildojn rekte en la retumilo.

Kompreneble, retaj iloj ne povas tute anstataŭigi la respondajn labortablajn aplikaĵojn, sed plej multaj uzantoj de la proponita agordaro estos pli ol sufiĉaj.

Metodo 1: Vectr

Kompleksa vektora redaktisto de la kreintoj de multaj konataj servoj Pixlr. Ĉi tiu ilo estos utila kaj por komencantoj kaj antaŭitaj uzantoj, kiam li laboras kun SVG.

Malgraŭ la abundo de funkcioj, perdiĝi en la interfaco Vectr estos tre malfacila. Por komencantoj, detalaj lecionoj kaj longaj instrukcioj estas provizitaj por ĉiu el la komponantoj de la servo. Inter la iloj de la redaktilo estas ĉio por krei SVG-bildojn: formojn, ikonojn, kadrojn, ombrojn, brosojn, subtenon por labori kun tavoloj, ktp. Vi povas desegni bildon de nulo aŭ alŝuti viajn proprajn.

Enreta servo de Vectr

  1. Antaŭ ol ekuzi la rimedon, estas rekomendinde ensaluti per unu el la disponeblaj sociaj retoj aŭ krei konton en la retejo de nulo.

    Ĉi tio ne nur permesas al vi elŝuti la rezultojn de via laboro al via komputilo, sed iam ajn ŝpari ŝanĝojn en la "nubo".
  2. La serva interfaco estas tiel simpla kaj klara kiel eblas: la disponeblaj iloj situas maldekstre de la kanvaso, kaj la ŝanĝantaj trajtoj de ĉiu el ili estas dekstre.

    I subtenas la kreadon de pluralo de paĝoj por kiuj estas dimensiaj ŝablonoj por ĉiu gusto - de grafikaj kovroj sub sociaj retoj ĝis normaj foliaj formatoj.
  3. Vi povas eksporti la finitan bildon alklakante la sago-butonon en la menubreto dekstre.
  4. En la fenestro, kiu malfermiĝas, difinu la elŝutajn parametrojn kaj alklaku Elŝuti.

Eksportaj kapabloj ankaŭ inkluzivas unu el la plej apartaj karakterizaĵoj de Vectr - subteno por rektaj ligoj al SVG-projekto en la redaktilo. Multaj rimedoj ne permesas elŝuti vektorajn bildojn rekte al si, sed tamen permesas ilian foran ekranon. En ĉi tiu kazo, Vectra povas esti uzata kiel vera SVG-gastigado, kiun aliaj servoj ne permesas.

Oni notu, ke la redaktilo ne ĉiam pravas kompleksajn grafikaĵojn. Tial iuj projektoj povas malfermiĝi en Vectr kun eraroj aŭ vidaj artefaktoj.

Metodo 2: Sketchpad

Simpla kaj konvena ret-redaktilo por krei SVG-bildojn bazitajn sur la HTML5-platformo. Donita la gamo da disponeblaj iloj, oni povas argumenti, ke la servo celas nur desegni. Kun Sketchpad, vi povas krei belajn, zorge kreitajn bildojn, sed ne plu.

La ilo havas ampleksan gamon de kutimaj brosoj de diversaj formoj kaj specoj, aro de formoj, tiparoj kaj glumaretoj por tegu. La redaktilo permesas vin plene manipuli la tavolojn - por kontroli iliajn allokigojn kaj miksadajn reĝimojn. Nu, kiel ekstraĵo, la apliko estas plene tradukita al la rusa, do vi ne devus havi malfacilaĵojn pri ĝia evoluo.

Sketchpad enreta servo

  1. Vi nur bezonas labori kun la redaktilo - la retumilo kaj aliro al la reto. La rajtiga mekanismo sur la retejo ne estas provizita.
  2. Por elŝuti la finitan bildon sur la komputilo, alklaku la disketan ikonon en la menubreto maldekstre, kaj poste elektu la deziratan formaton en la fenestro.

Se necese, vi povas konservi la nefinitan desegnon kiel projekton de Sketchpad, kaj tiam iam ajn finiĝi redaktado de ĝi.

Metodo 3: Metodo Desegni

Ĉi tiu aplikaĵo estas desegnita por bazaj operacioj kun vektoraj dosieroj. Ekstere, la ilo similas al la labortablo Adobe Illustrator, sed laŭ funkcieco ĉio estas multe pli simpla ĉi tie. Tamen estas iuj specialaj ecoj en Metoda Desegno.

Krom labori kun SVG-bildoj, la redaktilo permesas importi raster-bildojn kaj krei vektorajn bildojn bazitajn sur ili. Ĉi tio povas esti farita surbaze de mana spurado konturoj kun la plumo. La apliko enhavas ĉiujn necesajn ilojn por la aranĝo de vektoraj desegnoj. Ekzistas etendita biblioteko de figuroj, plenkolora paletaĵo kaj subteno por klavaraj komandoj.

Metodo Desegni Retan Servon

  1. La rimedo ne bezonas registriĝon de la uzanto. Nur iru al la retejo kaj laboru kun la ekzistanta vektora dosiero aŭ kreu novan.
  2. Krom krei SVG-fragmentojn en grafika medio, vi ankaŭ povas redakti la bildon rekte ĉe la kodnivelo.

    Por fari tion, iru al "Vido" - "Fonto ..." aŭ uzu la klavarodionon "Stir + U".
  3. Finita laboro pri la bildo, vi povas tuj konservi ĝin en vian komputilon.

  4. Por eksporti bildon, malfermu la menueron "Dosiero" kaj alklaku "Konservi bildon ...". Aŭ uzu ligon "Stir + S".

Metodo Draw ne definitive taŭgas por krei seriozajn vektorajn projektojn - la kialo estas la manko de rilataj funkcioj. Sed pro la foresto de nenecesaj elementoj kaj bone organizita laborspaco, la servo povas esti bonega por rapida redaktado aŭ precizigo de simplaj SVG-bildoj.

Metodo 4: Gravit Designer

Senpaga redaktanto por vektora grafiko por progresintaj uzantoj. Multaj projektistoj metis Gravit sur egala kun plenaj labortablaj solvoj, kiel Adobe Illustrator. Fakte ĉi tiu ilo estas multiplataforma, te ĝi plene havebla sur ĉiuj komputilaj operaciumoj, kaj ankaŭ kiel aplikaĵo retejo.

Gravit Designer estas aktiva evoluo kaj regule ricevas novajn ecojn jam sufiĉajn por konstrui kompleksajn projektojn.

Enreta servo de Gravit Designer

La redaktilo ofertas al vi ĉiajn ilojn por desegni konturojn, formojn, vojojn, tekstajn kovraĵojn, plenigojn, kaj ankaŭ diversajn laŭmendajn efikojn. Ekzistas ampleksa biblioteko de figuroj, temaj bildoj kaj ikonoj. Ĉiu elemento en la spaco Gravit havas liston de ecoj, kiujn oni povas ŝanĝi.

Ĉiu ĉi tiu vario estas "pakita" en eleganta kaj intuicia interfaco, tiel ke iu ajn ilo estas havebla en nur kelkaj klakoj.

  1. Por komenci per la redaktilo, vi ne bezonas krei konton en la servo.

    Sed se vi volas uzi pretajn ŝablonojn, vi devos krei senpagan konton de Gravit Cloud.
  2. Por krei novan projekton de nulo en la bonvena fenestro, iru al la langeto "Nova Dezajno" kaj elektu la deziratan kanvasan grandon.

    Sekve, por labori kun la ŝablono, malfermu la sekcion "Nova de Ŝablono" kaj elektu la deziratan materialon.
  3. Gravit povas aŭtomate konservi ĉiujn ŝanĝojn kiam vi faras agojn pri projekto.

    Por aktivigi ĉi tiun funkcion, uzu la fulmoklavon. "Stir + S" kaj en la fenestro, kiu aperas, nomu la bildon, tiam alklaku la butonon "Konservu".
  4. Vi povas eksporti la rezultan bildon en SVG-vektora formato kaj raster JPEG aŭ PNG.

  5. Krome ekzistas la eblo konservi la projekton kiel dokumenton kun la etendaĵo PDF.

Konsiderante, ke la servo estas desegnita por kompleta laboro kun vektoraj grafikaĵoj, ĝi povas esti sekure rekomendita eĉ al profesiaj dizajnistoj. Kun Gravit, vi povas redakti SVG-bildojn, sendepende de la platformo sur kiu vi faras ĉi tion. Is nun ĉi tiu aserto estas aplikebla nur por labortablo OS, sed baldaŭ ĉi tiu redaktilo aperos sur moveblaj aparatoj.

Metodo 5: Janvas

Populara ilo por retejaj programistoj krei vektorajn grafikaĵojn. La servo enhavas kelkajn desegnajn ilojn kun agordeblaj ecoj. La ĉefa trajto de Janvas estas la kapablo krei interagajn SVG-bildojn animitajn per CSS. Kaj kunlabore kun avoskripto, la servo permesas konstrui tutajn retajn aplikaĵojn.

En lertaj manoj, ĉi tiu redaktilo estas vere potenca ilo, dum komencanto plej verŝajne pro la abundo de diversaj funkcioj simple ne komprenas kio estas kio.

Enreta servo de Janvas

  1. Por lanĉi la retejon en via retumilo, alklaku la supran ligilon kaj alklaku la butonon. "Komenci krei".
  2. En la nova fenestro, la redaktila laborspaco malfermiĝas kun la kanvaso en la centro kaj ilobretoj ĉirkaŭ ĝi.
  3. Vi povas eksporti la finitan bildon nur al la nuba stokado laŭ via elekto, kaj nur se vi aĉetis abonon al la servo.

Jes, bedaŭrinde la ilo ne estas senpaga. Sed ĉi tiu estas profesia solvo, kiu ne utilas al ĉiuj.

Metodo 6: DrawSVG

La plej konvena interreta servo, kiu permesas retejestrojn facile krei altkvalitajn SVG-elementojn por siaj retejoj. La redaktilo enhavas imponan bibliotekon de formoj, ikonoj, plenigoj, gradientoj kaj tiparoj.

Kun la helpo de DrawSVG, vi povas konstrui vektorajn objektojn de ia speco kaj propraĵoj, ŝanĝi iliajn parametrojn kaj redoni ilin kiel apartajn bildojn. Eblas enigi SVG-a plurmediajn dosierojn: filmetoj kaj aŭdoj de komputilo aŭ retaj fontoj.

Enreta servo DrawSVG

Ĉi tiu redaktilo, malkiel plej multaj aliaj, ne aspektas kiel la retumila haveno de labortabla apliko. Maldekstre estas la ĉefaj iloj por desegni, kaj supre estas la kontroloj. La ĉefa spaco estas la kanvaso por labori kun grafikaĵoj.

Fininte labori per bildo, vi povas konservi la rezulton kiel SVG aŭ kiel bitmap-bildo.

  1. Por fari tion, trovu la ikonon en la ilobreto "Konservu".
  2. Alklakado sur ĉi tiu ikono malfermos fenestron kun formo por ŝarĝi la SVG-dokumenton.

    Entajpu la deziratan dosiernomon kaj alklaku "Konservu kiel dosiero".
  3. DrawSVG povas nomi la malpezan version de Janvas. La redaktilo subtenas labori kun CSS-atributoj, sed male al la antaŭa ilo, ĝi ne permesas animi elementojn.

Vidu ankaŭ: Malferma SVG-grafikaj bildoj

La servoj listigitaj en la artikolo ne estas ĉiuj vektoraj redaktantoj haveblaj en la interreto. Tamen, ĉi tie ni kolektis plejparte liberajn kaj pruvitajn retajn solvojn por labori kun SVG-dosieroj. Tamen iuj el ili kapablas konkuri kun labortablaj iloj. Nu, kion uzi dependas nur de viaj bezonoj kaj preferoj.