Nagtrabaho kami sa vector graphics online


Ang konsepto sa mga imahe sa vector sa daghang mga ordinaryong mga tiggamit sa PC wala'y gisulti. Ang mga tigdesinyo, sa baylo, nagkadaghang mogamit niini nga matang sa mga graphic alang sa ilang mga proyekto.

Sa nangagi, aron makigtambayayong sa mga SVG-litrato, kinahanglan nga imong i-install ang usa sa mga espesyal nga mga solusyon sa desktop sama sa Adobe Illustrator o Inkscape sa imong computer. Karon ang susama nga mga gamit anaa sa internet, nga wala'y kinahanglan nga i-download.

Tan-awa usab: Pagkat-on sa pagdrowing sa Adobe Illustrator

Unsaon sa pagtrabaho uban sa SVG online

Pinaagi sa pagkompleto sa tukmang hangyo sa Google, mahimo nimo nga masinati ang usa ka dako nga gidaghanon sa nagkalain-laing mga editor sa vector online. Apan ang kadaghanan sa maong mga solusyon naghatag og pipila ka mga oportunidad ug sa kasagaran dili motugot sa pagtrabaho uban sa seryoso nga mga proyekto. Atong hisgotan ang pinakamaayo nga mga serbisyo sa pagmugna ug pag-edit sa SVG-images mismo sa browser.

Siyempre, ang mga himan sa online dili hingpit nga makahulip sa katugbang nga mga aplikasyon sa desktop, apan kadaghanan sa mga tiggamit sa gisugyot nga feature set mas daghan pa.

Pamaagi 1: Vectr

Ang sopistikadong editor sa vector gikan sa mga tiglalang sa daghang pamilyar nga serbisyo nga Pixlr. Kini nga himan mahimong mapuslanon alang sa mga nagsugod ug abante nga tiggamit sa pagtrabaho sa SVG.

Bisan pa sa kadagaya sa mga gimbuhaton, ang pagkawala sa interface sa Vectr lisud kaayo. Alang sa mga nagsugod, ang detalyadong mga leksyon ug tag-as nga mga panudlo gihatag alang sa matag usa sa mga bahin sa serbisyo. Lakip sa mga himan sa editor adunay tanan alang sa pagmugna og mga SVG-images: mga porma, mga imahen, mga bayanan, mga anino, brush, suporta alang sa pagtrabaho nga adunay mga lut-od, ug uban pa. Mahimo ka nga magdrowing og usa ka larawan gikan sa sinulat o mag-upload sa imong kaugalingon.

Vectr online nga serbisyo

  1. Sa dili pa nimo sugdan ang paggamit sa kapanguhaan, mas maayo nga mag log in sa usa sa mga available nga social network o maghimo og account sa site gikan sa scratch.

    Kini dili lamang nagtugot kanimo sa pag-download sa mga resulta sa imong trabaho ngadto sa imong computer, apan sa bisan unsa nga panahon aron sa pagluwas sa mga kausaban sa "cloud".
  2. Ang interface sa pag-alagad ingon nga yano ug tin-aw kutob sa mahimo: ang mga gamit nga anaa nahimutang sa wala sa canvas, ug ang nag-usab nga mga kabtangan sa matag usa kanila sa tuo.

    Gisuportahan niini ang pagmugna sa daghang mga panid nga adunay mga sumbanan alang sa matag lami - gikan sa mga graphic cover ubos sa mga social network ngadto sa standard sheet format.
  3. Mahimo nimo i-export ang natapos nga larawan pinaagi sa pag-klik sa button sa arrow sa menu bar sa tuo.
  4. Diha sa bintana nga nagbukas, ipaila ang mga parametro sa pag-download ug i-klik Pag-download.

Ang mga kapabilidad sa eksport usab naglakip sa usa sa labing talagsaon nga bahin sa Vectr - suporta alang sa direktang mga sumpay sa usa ka proyekto sa SVG sa editor. Daghang mga kapanguhaan wala magtugot nga i-download ang mga larawan sa vector direkta sa ilang kaugalingon, apan bisan pa niana, tugutan ang ilang hilit nga pasundayag. Sa kini nga kaso, ang Vectra mahimong gamiton isip usa ka tinuod nga hosting nga SVG, nga dili tugotan sa ubang mga serbisyo.

Angay nga hinumduman nga ang editor dili kanunay sa husto nga pagkupot sa komplikadong mga hulagway. Tungod niini nga hinungdan, ang pipila nga mga proyekto mahimong magbukas sa Vectr uban sa mga sayup o makita nga mga butang.

Pamaagi 2: Sketchpad

Usa ka simple ug kombenyente nga editor sa web sa pagmugna og mga SVG nga mga larawan nga gibase sa plataporma sa HTML5. Tungod sa nagkalainlain nga mga himan nga magamit, mahimong ikapangatarungan nga ang serbisyo gituyo lamang alang sa pagdrowing. Uban sa Sketchpad, mahimo ka nga makahimo og matahum, maayong pagkabuhat nga mga larawan, apan wala nay lain.

Ang himan adunay daghang mga custom nga brush sa nagkalain-laing mga porma ug matang, usa ka hugpong sa mga porma, mga font ug mga sticker alang sa overlay. Ang editor nagtugot kanimo sa hingpit nga pagmaniobra sa mga lut-od - aron makontrol ang ilang placement ug pag-blending mode. Buweno, ingon nga usa ka bonus, ang aplikasyon ang bug-os nga gihubad ngadto sa Ruso, mao nga dili ka kinahanglan nga adunay bisan unsa nga kalisud sa pag-uswag niini.

Sketchpad online nga serbisyo

  1. Ang tanan nga imong gikinahanglan sa pagtrabaho sa editor - ang browser ug access sa network. Ang mekanismo sa awtorisasyon sa site wala gihatag.
  2. Aron ma-download ang nahuman nga hulagway sa computer, i-klik ang floppy icon sa menu bar sa wala, ug unya pilia ang gusto nga format sa pop-up window.

Kon gikinahanglan, mahimo nimong maluwas ang wala mahuman nga drowing sama sa usa ka proyekto sa Sketchpad, ug unya sa bisan unsang panahon matapos ang pag-edit niini.

Pamaagi 3: Method Draw

Kini nga web application gidisenyo alang sa batakang mga operasyon nga adunay mga file sa vector. Sa panggawas, ang himan susama sa desktop nga Adobe Illustrator, apan sa pag-andam sa tanang butang mas sayon ​​dinhi. Apan, adunay pipila ka mga espesyal nga bahin sa Method Draw.

Dugang sa pagtrabaho sa mga SVG nga mga hulagway, ang editor nagtugot kanimo sa pag-import sa mga imahen sa raster ug paghimo og mga imahe sa vector nga gipasukad niini. Mahimo kini base sa manwal nga pagsubay sa contours sa pen. Ang aplikasyon naglangkob sa tanang gikinahanglan nga mga himan alang sa layout sa mga drowing sa vector. Adunay usa ka taas nga librarya sa mga numero, usa ka kolor nga kolor ug suporta alang sa mga shortcut sa keyboard.

Pamaagi Pagdibuho sa Serbisyo sa Online

  1. Ang kapanguhaan wala magkinahanglan og pagrehistro gikan sa tiggamit. Pag-adto lang sa site ug pagtrabaho uban sa kasamtangan nga file sa vector o paghimo og usa ka bag-o.
  2. Dugang sa paghimo sa mga fragment sa SVG sa usa ka graphical nga palibot, mahimo usab nimo i-edit ang hulagway direkta sa code level.

    Aron mahimo kini, adto sa "Tan-awa" - "Tinubdan ..." o gamita ang keyboard shortcut "Ctrl + U".
  3. Human makahuman sa trabaho sa litrato, mahimo nimo kini giluwas dayon sa imong computer.

  4. Aron i-export ang usa ka imahe, ablihi ang menu item "File" ug i-klik "Luwasa ang Imahen ...". O paggamit og shortcut "Ctrl + S".

Ang Pamaagi sa Pagguhit klaro nga dili angay alang sa pagmugna og seryoso nga mga proyektong vector - ang hinungdan mao ang kakulang sa may kalabutan nga gimbuhaton Apan tungod sa pagkawala sa wala kinahanglana nga mga elemento ug maayong pagkahan-ay nga kahimoan sa pagtrabaho, ang pag-alagad mahimong labing maayo alang sa dali nga pag-edit o pagtino sa pagpalambo sa yano nga mga larawan sa SVG.

Pamaagi 4: Gravit Designer

Free web vector graphics editor alang sa mga advanced users. Daghang mga tigdesinyo ang nagbutang sa Gravit sa usa ka par with full desktop solutions, sama sa Adobe Illustrator. Ang kamatuoran mao nga kini nga himan mao ang cross-plataporma, nga mao, hingpit kini nga anaa sa tanang mga computer operating system, ingon man usab sa web application.

Ang Gravit Designer ubos sa aktibo nga pag-uswag ug kanunay nga nakadawat og mga bag-o nga mga bahin nga igo na sa pagtukod sa komplikadong mga proyekto.

Gravit Designer online nga serbisyo

Ang editor naghatag kaninyo sa tanang matang sa mga himan alang sa pagdrowing sa mga contours, mga porma, mga agianan, mga overlay, pagpuno, ingon man usab sa lainlaing mga custom nga mga epekto. Adunay daghang librarya sa mga hulagway, mga hulagway nga tematika ug mga imahen. Ang matag elemento sa luna sa Gravit adunay listahan sa mga kabtangan nga mahimong mausab.

Ang tanan niini nga mga matang nga "packaged" sa usa ka estilo ug intuitive interface, aron nga bisan unsa nga himan anaa sa pipila lamang ka mga clicks.

  1. Aron masugdan ang editor, dili kinahanglan nga maghimo ka og account sa serbisyo.

    Apan kon gusto nimong gamiton ang templates nga gigamit sa paghimo, kinahanglan ka nga maghimo og usa ka libre nga Gravit Cloud account.
  2. Aron makahimo og usa ka bag-ong proyekto gikan sa scratch sa welcome window, adto sa tab "Bag-ong Disenyo" ug pilia ang gitinguha nga gidak-on sa canvas.

    Busa, aron magtrabaho uban sa template, ablihi ang seksyon "Bag-o gikan sa Templo" ug pilia ang gitinguhang workpiece.
  3. Ang Gravit awtomatikong makaluwas sa tanan nga mga pagbag-o sa diha nga ikaw naghimo sa mga aksyon sa usa ka proyekto.

    Aron maaktibo kini nga bahin, gamita ang shortcut key. "Ctrl + S" ug sa bintana nga makita, hinganli ang litrato, dayon i-klik ang button "Luwasa".
  4. Mahimo nimo i-export ang resulta nga imahe sa SVG vector format ug raster JPEG o PNG.

  5. Dugang pa, adunay kapilian ang pagluwas sa proyekto isip usa ka dokumento sa extension PDF.

Naghunahuna nga ang pag-alagad gidisenyo alang sa hingpit nga trabaho sa mga vector graphics, kini mahimong girekomendar nga luwas bisan sa mga propesyonal nga tigdesinyo. Uban sa Gravit, mahimo ka mag-edit sa mga imahe sa SVG, bisan unsa pa ang plataporma nga imong gihimo niini. Sa pagkakaron, kini nga pahayag magamit lamang alang sa desktop OS, apan sa dili madugay kini nga editor makita sa mga mobile device.

Pamaagi 5: Janvas

Usa ka popular nga himan alang sa mga web developer aron makamugna og vector graphics. Ang serbisyo naglangkob sa usa ka gidaghanon sa mga himan nga drowing nga adunay mga kabag-ohan. Ang nag-unang bahin sa Janvas mao ang abilidad sa pagmugna og mga interactive nga mga imahe sa SVG nga gipasiugdahan sa CSS. Ug inubanan sa JavaScript, ang serbisyo nagtugot kanimo sa pagtukod sa tibuok nga mga aplikasyon sa web.

Sa hanas nga mga kamot, kini nga editor usa gayud ka gamhanan nga himan, samtang usa ka magsusugod nga lagmit tungod sa kadagaya sa lainlaing mga gimbuhaton dili gayud makasabut kung unsa ang unsa.

Serbisyo sa Janvas online

  1. Sa paglansad sa web application sa imong browser, i-klik ang link sa ibabaw ug i-klik ang button. "Sugdi ang paghimo".
  2. Sa bag-o nga bintana, gibuksan sa workspace sa editor ang canvas sa center ug mga toolbar libot niini.
  3. Mahimo nimo i-export ang natapos nga imahe lamang sa cloud storage nga imong gipili, ug kung ikaw nakapalit na og suskrisyon sa serbisyo.

Oo, ang himan nga sayo dili libre. Apan kini usa ka propesyonal nga solusyon, nga dili mapuslan sa tanan.

Pamaagi 6: DrawSVG

Ang labing kombenyente nga serbisyo sa online nga nagtugot sa mga webmaster sa daling makahimo og taas nga kalidad nga mga elemento sa SVG alang sa ilang mga site. Ang editor naglangkob sa usa ka impresibo librarya nga mga porma, mga imahen, mga puno, mga gradiente ug mga font.

Uban sa tabang sa DrawSVG, ikaw makahimo sa pagtukod og mga butang nga adunay bisan unsang matang ug kabtangan sa vector, mag-usab sa ilang mga gidak-on ug maghimo niini nga managlahi nga mga hulagway. Posible nga i-embed ang mga third-party nga multimedia nga mga file ngadto sa SVG: video ug audio gikan sa usa ka computer o mga tinubdan sa network.

DrawSVG online nga serbisyo

Kini nga editor, dili sama sa kadaghanan, dili sama sa browser port sa desktop application. Sa wala mao ang mga nag-unang mga himan nga drowing, ug sa ibabaw mao ang mga kontrol. Ang nag-unang luna mao ang canvas alang sa pagtrabaho sa mga graphic.

Human sa pagtrabaho uban sa usa ka hulagway, mahimo nimong i-save ang resulta isip usa ka SVG o usa ka bitmap image.

  1. Sa pagbuhat niini, pangitaa ang icon sa toolbar "Luwasa".
  2. Ang pag-klik sa niini nga icon mag-abli sa usa ka window sa pop-up nga adunay usa ka porma sa pag-load sa SVG nga dokumento.

    Pagsulod sa gusto nga pangalan sa file ug i-klik "Save as file".
  3. Ang DrawSVG mahimo nga gitawag nga light version ni Janvas. Ang editor nagsuporta sa pagtrabaho sa mga attribute sa CSS, apan dili sama sa kaniadto nga himan, wala kini magtugot sa pagpagawas sa mga elemento.

Tan-awa usab: Buksan ang SVG vector graphics files

Ang mga serbisyo nga nalista sa artikulo dili tanang editor sa vector nga anaa sa web. Bisan pa niana, ania kita nakolekta alang sa kadaghanan nga libre ug napamatud nga online nga mga solusyon sa pagtrabaho sa SVG-files. Bisan pa niana, ang uban kanila makahimo sa pagpakig-indig sa mga gamit sa desktop. Buweno, kon unsay gamiton magdepende lamang sa imong mga panginahanglan ug mga gusto.