Vector Online Editoryo: 6 Mga Pagpipilian sa Trabaho

Anonim

Vector online editor

Ang konsepto ng mga imahe ng vector ng napakaraming bilang ng mga ordinaryong gumagamit ng PC ay hindi nagsasabi ng anumang bagay sa makinis na account. Ang mga designer, naman, ay lalong nakakiling upang gamitin ang eksaktong ganitong uri ng mga graphics para sa kanilang mga proyekto.

Dati, upang gumana sa mga larawan ng SVG, tiyak na kailangang i-install ang isa sa mga espesyal na solusyon sa desktop tulad ng Adobe Illustrator o Inkscape. Ngayon ang mga tool na ito ay magagamit online, nang walang pangangailangan para sa pag-download.

Mayroon ding isa sa mga pinaka-kilalang kakayahan ng Vectr upang ma-export - Suporta para sa mga direktang sanggunian sa proyekto ng SVG sa editor. Maraming mga mapagkukunan ang hindi nagpapahintulot sa iyo na mag-upload ng mga imahe ng vector nang direkta, ngunit gayon pa man ay pinapayagan ang kanilang remote display. Sa kasong ito, ang Vecta ay maaaring gamitin bilang ang tunay na hosting SVG, na hindi pinapayagan ng iba pang mga serbisyo.

Dapat pansinin na ang editor ay hindi laging tama ang proseso ng kumplikadong graphics. Para sa kadahilanang ito, ang ilang mga proyekto ay maaaring mabuksan sa Vectr na may mga error o visual artifact.

Paraan 2: Sketchpad

Isang simple at maginhawang web editor upang lumikha ng mga imahe ng SVG batay sa platform ng HTML5. Dahil sa hanay ng mga magagamit na tool, maaari itong argued na ang serbisyo ay inilaan lamang para sa pagguhit. Sa Sketchpad, maaari kang lumikha ng maganda, maingat na binuo ng mga larawan, ngunit hindi higit pa.

Ang tool ay may malawak na hanay ng mga nako-customize na brushes ng iba't ibang mga hugis at uri, isang hanay ng mga numero, mga font at mga sticker para sa overlay. Pinapayagan ka ng editor na ganap na manipulahin ang mga layer - kontrolin ang kanilang mga placement at paghahalo mode. Well, bilang isang bonus, ang application ay ganap na isinalin sa Russian, kaya hindi ka dapat magkaroon ng anumang mga paghihirap sa kanyang pag-aaral.

Online SketchPad Service.

  1. Lahat ng kailangan mong magtrabaho kasama ang editor - browser at network access. Ang mekanismo ng awtorisasyon sa site ay hindi ibinigay.

    Interface Online Editor Sketchpad vector graphics.

  2. Upang i-download ang natapos na larawan sa computer, mag-click sa floppy icon sa menu bar sa kaliwa, at pagkatapos ay piliin ang nais na format sa window ng pop-up.
  3. Mag-download ng isang yari na imahe ng SVG mula sa isang online na sketchpad editor

Kung kinakailangan, maaari mong i-save ang isang hindi kumpletong larawan bilang isang sketchpad na proyekto, at pagkatapos ay tapusin ang pag-edit nito anumang oras.

Paraan 3: Method Draw.

Ang web application na ito ay inilaan para sa mga pangunahing operasyon sa mga file ng vector. Sa labas, ang instrumento ay kahawig ng desktop Adobe Illustrator, ngunit sa mga tuntunin ng pag-andar dito ang lahat ay mas madali. Gayunpaman, may mga paraan ng pagguhit at ilang mga tampok.

Bilang karagdagan sa nagtatrabaho sa mga imahe ng SVG, pinapayagan ka ng editor na i-import ang mga larawan ng raster at lumikha ng vector sa mga ito. Posible na gawin ito batay sa manu-manong trace ng mga contours gamit ang panulat. Ang application ay naglalaman ng lahat ng mga kinakailangang tool para sa layout vector drawings. May isang pinalawig na library ng mga numero, isang full-color palette at keyboard reduction support.

Draw online na paraan ng serbisyo

  1. Ang mapagkukunan ay hindi nangangailangan ng gumagamit ng pagpaparehistro. Pumunta lamang sa site at magtrabaho sa isang umiiral na vector file o lumikha ng bago.

    Operator online editor vector graphics paraan draw.

  2. Bilang karagdagan sa paglikha ng mga fragment ng SVG sa isang graphical na kapaligiran, maaari mo ring i-edit ang imahe nang direkta sa antas ng code.

    I-edit ang imahe ng SVG sa antas ng code sa paraan ng pagguhit

    Upang gawin ito, pumunta sa "Tingnan" - "Pinagmulan ..." o gamitin ang kumbinasyon ng "Ctrl + U".

  3. Ang pagkakaroon ng natapos na nagtatrabaho sa larawan, maaari itong agad na mai-save sa computer.
  4. Mag-download ng isang imahe ng SVG sa isang computer mula sa paraan ng paglabas ng serbisyo

    Upang i-export ang imahe, buksan ang item na "File" at i-click ang "I-save ang Imahe ...". Alinman gamitin ang shortcut "Ctrl + S".

Ang paraan ng pagguhit ay walang katwiran para sa paglikha ng malubhang mga proyekto ng vector - ang dahilan para sa kakulangan ng kaukulang mga function. Ngunit salamat sa kawalan ng hindi kinakailangang mga elemento at competently organisadong workspace, ang serbisyo ay maaaring ganap na ganap na maglingkod upang mabilis na i-edit o ituro ang pag-finalize ng simpleng mga larawan ng SVG.

Paraan 4: Gravit Designer.

Libreng Web Editor vector graphics para sa mga advanced na user. Maraming designer ang naglalagay ng gravit sa isang hilera na may ganap na mga solusyon sa desktop bilang parehong Adobe Illustrator. Ang katotohanan ay ang tool na ito ay cross-platform, iyon ay, sa ganap na magagamit sa lahat ng mga computeries, pati na rin bilang isang web application.

Ang Gravit Designer ay nasa ilalim ng aktibong pag-unlad at regular na tumatanggap ng mga bagong tampok na sapat na para sa layout ng mga kumplikadong proyekto.

Online Service Gravit Designer.

Ang editor ay nag-aalok sa iyo ng lahat ng mga uri ng mga tool para sa pagguhit ng mga contour, mga numero, mga landas, tekstong overlay, fillings, pati na rin ang iba't ibang mga epekto configurable. May isang malawak na library ng mga numero, pampakay na mga larawan at mga icon. Ang bawat elemento sa puwang ng gravit ay may listahan ng mga ari-arian na magagamit upang baguhin.

I-edit ang isang tempter na imahe sa online service gravit designer

Ang lahat ng iba't ibang ito ay "naka-package" sa isang naka-istilong at madaling gamitin na interface, upang ang anumang tool ay magagamit sa literal ng ilang mga pag-click.

  1. Upang magsimulang makipagtulungan sa editor, hindi mo kailangang lumikha ng isang account sa serbisyo.

    Nagrehistro kami sa online service gravit designer.

    Ngunit kung nais mong gamitin ang mga handang ginawa na mga pattern, kailangan mong magsimula ng isang libreng "account" gravit cloud.

  2. Upang lumikha ng isang bagong proyekto mula sa simula sa isang welcoming window, pumunta sa bagong tab na tab at piliin ang nais na laki ng canvas.

    Lumikha ng isang bagong proyekto sa online na tagabaril SVG gravit designer

    Alinsunod dito, upang gumana sa template, buksan ang seksyong "Bago mula sa Template" at piliin ang nais na workpiece.

  3. Maaaring awtomatikong i-save ng gravit ang lahat ng mga pagbabago kapag nagsasagawa ka ng mga pagkilos sa proyekto.

    I-save namin ang mga pagbabago sa proyekto sa cloud ng online service gravit designer

    Upang maisaaktibo ang tampok na ito, gamitin ang CRLL + S key na kumbinasyon at sa window na lilitaw, bigyan ang pangalan ng character, pagkatapos ay mag-click sa pindutang "I-save".

  4. Ang huling larawan na maaari mong i-export sa parehong format ng SVG vector at sa raster jpeg o png.
  5. Ine-export namin ang imahe mula sa online service gravit designer

    Bilang karagdagan, mayroong isang pagpipilian upang i-save ang proyekto bilang isang dokumento na may PDF expansion.

Isinasaalang-alang na ang serbisyo ay inilaan para sa ganap na trabaho sa vector graphics, maaari itong ligtas na inirerekomenda kahit na sa pamamagitan ng mga propesyonal na designer. Paggamit ng Gravit, maaari mong i-edit ang mga larawan ng SVG anuman ang platform kung saan mo ginagawa. Sa ngayon, ang pahayag na ito ay naaangkop lamang para sa desktop OS, ngunit sa lalong madaling panahon ang editor na ito ay lilitaw sa mga mobile device.

Paraan 5: Janvas.

Popular sa mga tool sa web developer para sa paglikha ng vector graphics. Ang serbisyo ay naglalaman ng isang bilang ng mga tool sa pagguhit na may detalyadong mga katangian ng pag-configure. Ang pangunahing tampok ng Janvas ay ang kakayahang lumikha ng interactive na mga larawan ng SVG na animated na may CSS. At sa bundle na may serbisyo sa JavaScript at nagbibigay-daan sa iyo upang bumuo ng buong mga application sa web.

Sa mahusay na mga kamay, ang editor na ito ay isang tunay na makapangyarihang kasangkapan, habang ang bagong dating dahil sa kasaganaan ng lahat ng uri ng mga function, malamang na hindi lamang maunawaan kung ano.

Online na serbisyo janvas.

  1. Upang magsimula ng isang web application sa iyong browser, mag-click sa link sa itaas at mag-click sa pindutan ng Start upang lumikha ng pindutan.

    Nagsisimula kaming magtrabaho sa Janvas Web App.

  2. Bubuksan ng bagong window ang workspace ng editor na may canvas sa sentro at toolbar sa paligid nito.

    Online na serbisyo ng interface para sa pag-edit ng imahe ng vector Janvas.

  3. Maaari mong i-export ang natapos na imahe lamang sa cloud storage na iyong pinili, at kung ikaw ay bumili ng isang subscription sa serbisyo.

    Menu ng mga export ng mga larawan sa Janvas.

Oo, ang tool, sa kasamaang palad ay hindi libre. Ngunit ito ay isang propesyonal na desisyon, na hindi kapaki-pakinabang sa lahat.

Paraan 6: Drawsvg.

Ang pinaka-maginhawang serbisyong online na nagbibigay-daan sa mga webmaster kasing dali hangga't maaari upang lumikha ng mataas na kalidad na mga elemento ng SVG para sa kanilang mga site. Ang editor ay naglalaman ng isang kahanga-hangang library ng mga numero, mga icon, pumupuno, gradients at mga font.

Sa DrawSVG, maaari kang mag-disenyo ng mga vector object ng anumang uri at mga katangian, baguhin ang kanilang mga parameter at i-render bilang hiwalay na mga larawan. Posible na i-embed sa SVG third-party na mga file na multimedia: video at audio mula sa isang computer o mga mapagkukunan ng network.

Online Service Drawsvg.

Ang editor na ito, hindi katulad ng iba pa, ay hindi mukhang isang desktop browser port. Sa kaliwa mayroong mga pangunahing tool para sa pagguhit, at mula sa itaas - mga kontrol. Ang pangunahing espasyo ay tumatagal ng canvas upang gumana sa mga graphics.

Drawsvg Online Service Interface

Pagkatapos ng graduating sa larawan, maaari mong i-save ang resulta bilang SVG o bilang isang raster na imahe.

  1. Upang gawin ito, hanapin ang icon na "I-save" sa toolbar.

    Pumunta sa pagpapanatili ng resulta ng trabaho sa drawsvg sa isang computer

  2. Sa pamamagitan ng pag-click sa icon na ito, ang isang pop-up window ay bubukas gamit ang isang form para sa paglo-load ng isang SVG na dokumento.

    Mag-download ng larawan na may drawsvg sa isang computer

    Ipasok ang nais na pangalan ng file at i-click ang "I-save bilang File".

  3. Ang DrawSVG ay maaaring tawaging isang magaan na bersyon ng Janvas. Sinusuportahan ng editor ang trabaho sa mga katangian ng CSS, ngunit hindi katulad ng nakaraang tool, ay hindi nagpapahintulot sa iyo na i-animate ang mga item.

Tingnan din ang: bukas SVG vector graphics file.

Mga serbisyo na nakalista sa artikulo - hindi lahat ay magagamit sa network vector editor. Gayunpaman, narito kami na nakolekta para sa pinaka-bahagi na libre at na-verify na mga online na solusyon para sa pagtatrabaho sa mga file ng SVG. Kasabay nito, ang ilan sa kanila ay may kakayahang makipagkumpitensya sa mga instrumento sa desktop. Well, kung ano ang dapat gamitin, depende lamang sa iyong mga pangangailangan at kagustuhan.

Magbasa pa