Ang konsepto sa mga imahe sa vector ngadto sa kadaghanan sa mga ordinaryo nga tiggamit sa PC walay gisulti bisan unsa. Ang mga tigdesinyo, sa baylo, labi nga hilig nga mogamit sa kini nga klase sa mga graphic alang sa ilang mga proyekto.
Kaniadto, aron magtrabaho uban ang mga imahe sa SVG, kinahanglan nimo nga i-install ang usa sa mga espesyalista nga solusyon sa desktop sa imong computer sama sa Adobe Illustrator o Inkscape. Karon, ang susamang mga himan magamit online, nga wala kinahanglan i-download.
Tan-awa usab: Pagkat-on sa pagkulit sa Adobe Illustrator
Giunsa ang pagtrabaho kauban ang SVG online
Pinaagi sa pagkompleto sa angay nga hangyo sa Google, masinati nimo ang daghang gidaghanon sa lainlaing mga editor sa online nga vector. Apan ang kadaghanan sa mga ingon nga solusyon naghatag og gamay nga mga oportunidad ug kanunay nga dili motugot sa pagtrabaho uban sa mga seryoso nga proyekto. Hunahunaon namon ang labing kaayo nga serbisyo alang sa paghimo ug pag-edit sa mga imahe sa SVG direkta sa browser.
Siyempre, ang mga himan sa online dili hingpit nga mapuli ang katugbang nga aplikasyon sa desktop, apan alang sa kadaghanan sa mga tiggamit ang gisugyot nga hugpong sa mga gimbuhaton labi pa kay sa igo.
Paagi 1: Vectr
Usa ka maayo nga gihunahuna nga editor sa vector gikan sa mga tiglalang sa pamilyar nga serbisyo sa Pixlr. Kini nga himan mahimong mapuslanon alang sa parehas nga mga nagsugod ug nakasinati nga tiggamit nga nagtrabaho kauban ang SVG.
Bisan pa sa kadaghan sa mga gimbuhaton, nga mawala sa Vectr interface mahimong lisud kaayo. Alang sa mga nagsugod, ang detalyado nga mga leksyon ug volumetric nga mga panudlo gihatag alang sa matag usa sa mga sangkap sa serbisyo. Uban sa mga himan sa editor, adunay tanan alang sa paghimo og litrato sa SVG: mga dagway, mga icon, mga bayanan, mga anino, mga brush, suporta alang sa pagtrabaho sa mga layer, etc. Mahimo ka magdrowing og usa ka imahen gikan sa simula o mahimo nimong i-upload ang imong kaugalingon.
Ang Pag-alagad sa Vectr Online
- Sa dili ka pa magsugod sa paggamit sa kapanguhaan, kinahanglan nga mag-log in gamit ang usa nga magamit nga mga social network o paghimo og usa ka account sa site gikan sa wala pa mahimo.
Dili kini magtugot kanimo nga i-download ang mga sangputanan sa imong trabaho sa computer, apan sa bisan unsang oras aron makatipig sa mga pagbag-o sa "panganod". - Ang interface sa serbisyo ingon yano ug prangka kutob sa mahimo: ang mga magamit nga himan nga naa sa wala sa kanvas, ug ang mga nadugtong nga kabtangan sa matag usa kanila naa sa tuo.
Gisuportahan niini ang paghimo sa usa ka daghan nga panid sa mga panid kung diin adunay mga dimensional nga mga template alang sa matag lami - gikan sa mga graphic cover alang sa mga social network, hangtod sa mga standard sheet format. - Mahimo nimo ma-export ang nahuman nga imahe pinaagi sa pag-klik sa buton gamit ang arrow sa menu bar sa tuo.
- Sa bintana nga nagbukas, ipunting ang mga kapilian sa boot ug i-klik "Pag-download".
Ang mga kapabilidad sa pag-eksport naglakip usab usa sa labing lahi nga bahin sa suporta sa Vectr - suporta alang sa direkta nga mga link sa usa ka proyekto nga SVG sa editor. Daghang mga kahinguhaan dili motugot kanimo sa pag-upload sa mga imahe sa vector sa imong kaugalingon nga diretso, apan bisan pa niana gitugotan ang ilang halayo nga pasundayag. Sa kini nga kaso, ang Vectra mahimong magamit ingon usa ka tinuod nga pag-host sa SVG, nga wala gitugotan sa ubang mga serbisyo.
Kinahanglan nga hinumdomi nga ang editor dili kanunay husto nga pagdumala sa komplikado nga mga graphic. Tungod niini, ang pipila nga mga proyekto mahimong magbukas sa Vectr nga adunay mga sayup o biswal nga artifact.
Paagi 2: Sketchpad
Yano ug dali nga editor sa web alang sa paghimo og mga imahe sa SVG base sa platform sa HTML5. Gipasabut sa hugpong sa mga himan nga magamit, mahimo ipanghimatuud nga ang serbisyo gilaraw alang lamang sa pagdibuho. Pinaagi sa Sketchpad, mahimo ka makahimo og matahum, mabinantayon nga mga imahe nga gibuhat, apan wala na.
Ang himan adunay daghang halapad nga pasadyang mga brush sa lainlaing mga porma ug mga tipo, usa ka hugpong sa mga porma, mga font ug mga sticker alang sa overlay. Gitugotan ka sa editor nga bug-os nga magmanipula sa mga layer - aron makontrol ang ilang pagbutang ug mga pamaagi sa pagsagol. Aw, ug ingon usa ka bonus, ang aplikasyon hingpit nga nahubad sa Russian, mao nga dili ka kinahanglan adunay mga kalisud sa pagpalambo niini.
Pag-alagad sa Online Sketchpad
- Ang kinahanglan ra nimo nga gitrabaho uban ang editor mao ang usa ka browser ug pag-access sa network. Ang mekanismo sa pagtugot sa site wala gihatag.
- Aron ma-download ang nahuman nga litrato sa imong computer, i-klik ang floppy disk icon sa menu bar sa wala, ug dayon pilia ang gitinguha nga pormat sa pop-up window.
Kung kinahanglan, mahimo nimong maluwas ang wala mahuman nga drowing ingon usa ka proyekto nga Sketchpad, ug pagkahuman matapos kini sa pag-edit sa bisan unsang oras.
Paagi 3: Pag-drawing sa Paraan
Kini nga aplikasyon sa web gidisenyo alang sa mga nag-unang mga operasyon nga adunay mga file nga vector. Sa gawas, ang himan parehas sa desktop Adobe Illustrator, apan sa mga termino sa pag-andar, ang tanan labi ka yano dinhi. Bisan pa, adunay pipila ka mga bahin sa Meth Draw.
Gawas sa pagtrabaho sa mga imahe sa SVG, ang editor nagtugot kanimo nga mag-import sa mga imahe sa bitmap ug maghimo mga vector nga gibase sa kanila. Mahimo kini pinasukad sa manual nga pagsubay sa mga contour nga gigamit ang usa ka bolpen. Ang aplikasyon naglangkob sa tanan nga mga kinahanglanon nga mga himan alang sa pagporma sa mga drowing sa vector. Adunay usa ka gipalapdan nga librarya sa mga porma, usa ka bug-os nga kolor nga palette ug suporta alang sa mga shortcut sa keyboard.
Paagi Pagdrowing og Online nga Pag-alagad
- Ang kapanguhaan wala magkinahanglan og pagrehistro sa tiggamit. Pag-adto lang sa site ug pagtrabaho uban ang naa na nga vector file o paghimo usa ka bag-o.
- Gawas sa paghimo sa mga fragment sa SVG sa us aka graphical nga palibot, mahimo usab nimo nga ma-edit ang imahe nga diretso sa lebel sa code.
Aron mahimo kini, adto "Tan-awa" - "Tinubdan ..." o gamiton ang shortcut sa keyboard "Ctrl + U". - Pagkahuman sa trabaho sa litrato, mahimo nimo dayon i-save kini sa imong computer.
Aron ma-export ang usa ka imahe, ablihi ang item sa menu "File" ug i-klik "I-save ang Imahe ...". O paggamit og usa ka shortcut "Ctrl + S".
Ang Pagguhit nga pamaagi siguradong dili angay alang sa paghimo sa mga seryoso nga mga proyekto sa vector - ang hinungdan alang niini mao ang kakulang sa angay nga mga gimbuhaton. Apan tungod sa kakulang sa labi ka daghan nga mga elemento ug usa ka maayong pagkahan-ay sa workspace, ang serbisyo mahimo’g gamiton alang sa dali nga pag-edit o pag-usab sa pinpoint sa mga yano nga mga imahe sa SVG.
Paagi 4: Gravit Designer
Libre nga editor sa web graphics alang sa mga advanced nga tiggamit. Daghang mga tigdesinyo nagbutang sa Gravit sa usa ka par nga adunay bug-os nga mga solusyon sa desktop, sama sa parehas nga Adobe Illustrator. Ang tinuod mao nga kini nga himan mao ang cross-platform, nga mao, kini hingpit nga magamit sa tanan nga OS sa computer, ingon man usa ka aplikasyon sa web.
Ang Gravit Designer nailalom sa aktibo nga pag-uswag ug kanunay nga nakadawat bag-ong mga gimbuhaton, nga igo na aron magtukod mga komplikado nga proyekto.
Gravit Designer Online nga Pag-alagad
Gitanyagan ka sa editor sa tanan nga mga matang sa mga himan alang sa pagdibuho sa mga balangkas, mga dagway, mga agianan, pag-overlay sa teksto, punan, maingon man lainlaing mga epekto. Adunay usa ka halapad nga librarya sa mga numero, tematik nga mga litrato ug mga icon. Ang matag elemento sa espasyo sa Gravit adunay lista sa mga kabtangan nga magamit alang sa pagbag-o.
Ang tanan nga lainlain nga kini "naputos" sa us aka istilo ug intuitive nga interface, aron ang bisan unsang himan magamit sa usa lamang ka pag-klik.
- Aron magsugod sa pagtrabaho kauban ang editor, dili kinahanglan nga maghimo ka account sa serbisyo.
Apan kung gusto nimo gamiton ang mga andam nga mga template, kinahanglan nimo nga maghimo usa ka libre nga "Gravit Cloud" account. - Aron makahimo usa ka bag-ong proyekto gikan sa guba sa bintana sa pag-welcome, adto sa tab "Bag-ong Disenyo" ug pilia ang gitinguha nga gidak-on sa canvas.
Sumala niana, aron magtrabaho kauban ang template, ablihi ang seksyon "Bag-o gikan sa Template" ug pilia ang gusto nga stock. - Ang Gravit mahimong awtomatik nga makaluwas sa tanan nga mga pagbag-o kung maghimo ka mga aksyon sa proyekto.
Gamita ang shortcut sa keyboard aron ma-aktibo kini nga bahin. "Ctrl + S" ug sa bintana nga makita, hatagan ang ngalan sa litrato, dayon i-klik ang buton "Luwasa". - Mahimo nimo ma-export ang katapusang imahe sa format nga vegtor sa SVG, ug sa bitmap JPEG o PNG.
Dugang pa, adunay kapilian nga i-save ang proyekto ingon usa ka dokumento nga adunay usa ka extension sa PDF.
Giisip nga ang serbisyo gidisenyo alang sa hingpit nga pagtrabaho uban ang mga graphic vector, mahimo kini luwas nga girekomenda bisan sa mga propesyonal nga tigdesinyo. Sa Gravit, mahimo nimong mag-edit ang mga drowing sa SVG bisan unsa pa ang platform kung diin nimo kini buhaton. Hangtod karon, kini nga pamahayag magamit lamang alang sa desktop OS, apan sa dili madugay makita ang editor niini sa mga mobile device.
Paagi 5: Janvas
Usa ka popular nga himan alang sa paghimo og mga graphic vector sa mga web developer. Naglangkob sa serbisyo ang usa ka gidaghanon sa mga gamit sa pagguhit nga adunay labi ka nindot nga mga kabtangan. Ang nag-unang bahin sa Janvas mao ang abilidad sa paghimo og interactive nga mga imahe sa SVG nga gipalihok gamit ang CSS. Ug inubanan sa JavaScript, gitugotan ka sa serbisyo nga magtukod sa tibuuk nga aplikasyon sa web.
Sa hanas nga mga kamot, kini nga editor usa ka gamhanan kaayo nga himan, samtang usa ka bag-ohan, tungod sa kadaghan sa lainlaing mga gimbuhaton, tingali dili gyud makasabut kung unsa.
Pag-alagad sa Janvas Online
- Aron malansad ang aplikasyon sa web sa imong browser, i-klik ang link sa ibabaw ug i-klik ang button "Magsugod sa paghimo".
- Ang usa ka bag-ong bintana magbukas sa workspace sa editor nga adunay usa ka canvas sa sentro ug mga toolbar sa palibut niini.
- Mahimo nimo ma-export ang nahuman nga imahe lamang sa gipili sa panganod nga imong gusto, ug kung gipalit nimo ang suskrisyon sa serbisyo.
Oo, ang himan, sa kasubo, dili libre. Apan kini usa ka propesyonal nga solusyon, nga dili mapuslan sa tanan.
Paagi 6: DrawSVG
Ang labing labing sayon nga serbisyo sa online nga nagtugot sa mga webmaster nga dali nga makahimo mga kalidad nga mga elemento sa SVG alang sa ilang mga site. Ang editor naglangkob sa usa ka impresibo nga librarya sa mga dagway, mga imahen, punan, gradients ug mga font.
Pinaagi sa paggamit sa DrawSVG, mahimo ka magdesinyo sa mga butang nga vector bisan unsang matang ug kabtangan, usbon ang ilang mga parameter ug i-render ingon nga lahi nga mga litrato. Posible nga mag-embed ang mga file sa third-party multimedia ngadto sa SVG: video ug audio gikan sa mga gigikanan sa kompyuter o network.
DrawSVG Online nga Pag-alagad
Kini nga editor, dili sama sa kadaghanan, dili sama sa browser port sa usa ka aplikasyon sa desktop. Sa wala ang mga batakang mga gamit sa pagguhit, ug sa ibabaw ang mga kontrol. Ang nag-unang wanang gisakop sa usa ka canvas alang sa pagtrabaho uban ang mga graphic.
Kung nahuman na nimo ang pagtrabaho sa usa ka litrato, mahimo nimong maluwas ang resulta ingon usa ka SVG o ingon usa ka gamay nga mapa.
- Aron mahimo kini, pangitaa ang icon sa toolbar "Luwasa".
- Pinaagi sa pagklik sa niini nga icon ang usa ka window sa pop-up maablihan gamit ang usa ka porma alang sa pag-download sa usa ka dokumento nga SVG.
Pagsulud sa gusto nga ngalan sa file ug i-klik "Pag-save ingon file".
Ang DrawSVG matawag nga usa ka lite nga bersyon sa Janvas. Gisuportahan sa editor ang pagtrabaho sa mga kinaiya sa CSS, apan dili sama sa kaniadto nga himan, dili kini motugot kanimo sa pag-animate sa mga elemento.
Tan-awa usab: Buksan ang mga file sa graphics graphics vegtor
Ang mga serbisyo nga nalista sa artikulo dili sa tanan nga mga editor sa vector nga magamit sa network. Bisan pa, dinhi nakolekta namon alang sa kadaghanan nga libre ug napamatud-an nga mga solusyon sa online alang sa pagtrabaho sa mga file nga SVG. Sa parehas nga oras, ang pipila sa ila igo nga makahimo sa pag-indigay sa mga kagamitan sa desktop. Aw, kung unsa ang gamiton magdepende sa imong mga panginahanglan ug gusto.
