Ang konsepto ng mga imahe ng vector sa napakaraming bilang ng mga ordinaryong gumagamit ng PC ay hindi nagsasabi ng anumang bagay. Ang mga taga-disenyo, sa turn, ay lalong nakakiling na gamitin ang ganitong uri ng graphics para sa kanilang mga proyekto.
Sa nakaraan, upang gumana sa mga larawan ng SVG, tiyak na kailangan mong i-install ang isa sa mga espesyal na solusyon sa desktop tulad ng Adobe Illustrator o Inkscape sa iyong computer. Ngayon ang mga katulad na tool ay magagamit online, nang hindi nangangailangan ng pag-download.
Tingnan din ang: Pag-aaral upang gumuhit sa Adobe Illustrator
Paano gumagana ang SVG online
Sa pamamagitan ng pagkumpleto ng naaangkop na kahilingan sa Google, maaari mong pamilyar sa isang malaking bilang ng iba't ibang mga editor sa online na vector. Ngunit ang napakalaki karamihan ng nasabing mga solusyon ay nag-aalok ng mas kaunting mga pagkakataon at kadalasan ay hindi pinapayagan ang pagtatrabaho sa mga seryosong proyekto. Isasaalang-alang namin ang mga pinakamahusay na serbisyo para sa paglikha at pag-edit ng mga imahe ng SVG sa browser.
Siyempre, hindi maaaring ganap na palitan ang mga online na tool sa mga kaukulang desktop application, ngunit ang karamihan sa mga user ng ipinanukalang tampok na set ay higit pa sa sapat.
Paraan 1: Vectr
Ang sopistikadong editor ng vector mula sa mga tagalikha ng maraming pamilyar na serbisyo na Pixlr. Ang tool na ito ay magiging kapaki-pakinabang para sa parehong mga nagsisimula at advanced na mga gumagamit sa pakikipagtulungan sa SVG.
Sa kabila ng kasaganaan ng mga function, ang pagkawala sa interface ng Vectr ay magiging mahirap. Para sa mga nagsisimula, ang detalyadong mga aralin at mahahabang tagubilin ay ibinigay para sa bawat bahagi ng serbisyo. Kabilang sa mga tool ng editor ang lahat ng bagay upang lumikha ng mga imahe ng SVG: mga hugis, mga icon, mga frame, mga anino, brushes, suporta para sa pagtatrabaho sa mga layer, atbp. Maaari kang gumuhit ng isang imahe mula sa simula o mag-upload ng iyong sariling.
Vectr online na serbisyo
- Bago mo simulan ang paggamit ng mapagkukunan, ipinapayong mag-log in gamit ang isa sa mga magagamit na social network o lumikha ng isang account sa site mula sa scratch.
Pinapayagan ka nito na i-download ang mga resulta ng iyong trabaho sa iyong computer, ngunit sa anumang oras upang i-save ang mga pagbabago sa "cloud". - Ang interface ng serbisyo ay simple at malinaw hangga't maaari: ang mga magagamit na tool ay matatagpuan sa kaliwa ng canvas, at ang pagbabago ng mga katangian ng bawat isa sa kanila ay sa kanan.
Sinusuportahan nito ang paglikha ng isang mayorya ng mga pahina kung saan may dimensional templates para sa bawat panlasa - mula sa mga graphic cover sa ilalim ng mga social network sa mga standard sheet format. - Maaari mong i-export ang natapos na imahe sa pamamagitan ng pag-click sa pindutan ng arrow sa menu bar sa kanan.
- Sa window na bubukas, tukuyin ang mga parameter ng pag-download at i-click I-download.
Ang mga kakayahan sa pag-export ay kasama rin ang isa sa mga pinaka-natatanging katangian ng Vectr - suporta para sa mga direktang link sa isang proyekto ng SVG sa editor. Maraming mga mapagkukunan ay hindi pinapayagan ang pag-download ng mga imahe ng vector nang direkta sa kanilang sarili, ngunit gayunpaman payagan ang kanilang mga remote display. Sa kasong ito, maaaring gamitin ang Vectra bilang isang tunay na hosting ng SVG, na hindi pinapayagan ng iba pang mga serbisyo.
Dapat tandaan na ang editor ay hindi palaging hawakan ang kumplikadong graphics. Para sa kadahilanang ito, ang ilang mga proyekto ay maaaring magbukas sa Vectr na may mga error o visual na artifact.
Paraan 2: Sketchpad
Isang simple at maginhawang web editor para sa paglikha ng mga imahe ng SVG batay sa platform ng HTML5. Dahil sa hanay ng mga tool na magagamit, maaari itong argued na ang serbisyo ay inilaan lamang para sa pagguhit. Sa Sketchpad, maaari kang lumikha ng magagandang, maingat na ginawang mga larawan, ngunit wala nang iba pa.
Ang tool ay may malawak na hanay ng mga pasadyang brushes ng iba't ibang mga hugis at mga uri, isang hanay ng mga hugis, mga font at mga sticker para sa overlay. Ang editor ay nagbibigay-daan sa iyo upang ganap na manipulahin ang mga layer - upang kontrolin ang kanilang mga placement at blending mode. Well, bilang isang bonus, ang application ay ganap na isinalin sa Russian, kaya hindi ka dapat magkaroon ng anumang mga paghihirap sa pag-unlad nito.
Serbisyo ng online na Sketchpad
- Ang kailangan mo lang magtrabaho sa editor - ang browser at access sa network. Ang mekanisasyon ng awtorisasyon sa site ay hindi ibinigay.
- Upang i-download ang natapos na larawan sa iyong computer, mag-click sa floppy icon sa menu bar sa kaliwa, at pagkatapos ay piliin ang nais na format sa pop-up window.
Kung kinakailangan, maaari mong i-save ang hindi natapos na pagguhit bilang isang proyekto ng Sketchpad, at pagkatapos ay sa anumang oras tapusin ang pag-edit nito.
Paraan 3: Paraan ng Pagguhit
Ang web application na ito ay dinisenyo para sa mga pangunahing pagpapatakbo sa mga file ng vector. Sa panlabas, ang tool ay kahawig ng desktop na Adobe Illustrator, ngunit sa mga tuntunin ng pag-andar ang lahat ay mas simple dito. Gayunpaman, mayroong ilang mga espesyal na tampok sa Method Draw.
Bilang karagdagan sa pagtatrabaho sa mga imahe ng SVG, pinapayagan ka ng editor na mag-import ng mga imahe ng raster at lumikha ng mga imahe ng vector batay sa mga ito. Magagawa ito batay sa manu-manong pagsubaybay ng mga contour sa pen. Ang application ay naglalaman ng lahat ng kinakailangang mga tool para sa layout ng mga guhit ng vector. May isang pinalawak na library ng mga figure, isang full-color palette at suporta para sa mga shortcut sa keyboard.
Pamamaraan Gumuhit ng Serbisyo sa Online
- Ang mapagkukunan ay hindi nangangailangan ng pagpaparehistro mula sa gumagamit. Pumunta lamang sa site at magtrabaho kasama ang umiiral na vector file o lumikha ng bago.
- 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.
Upang gawin ito, pumunta sa "Tingnan" - "Pinagmulan ..." o gamitin ang shortcut sa keyboard "Ctrl + U". - Kapag natapos na ang trabaho sa larawan, maaari mo agad itong i-save sa iyong computer.
Upang i-export ang isang imahe, buksan ang item ng menu "File" at mag-click "I-save ang Larawan ...". O gumamit ng shortcut "Ctrl + S".
Ang Paraan ng Draw ay tiyak na hindi angkop para sa paglikha ng mga malubhang proyektong vector - ang dahilan ay ang kakulangan ng may-katuturang mga function. Ngunit dahil sa kawalan ng mga hindi kinakailangang elemento at mahusay na organisadong puwang ng trabaho, ang serbisyo ay maaaring maging mahusay para sa mabilis na pag-edit o matukoy ang pagpipino ng simpleng mga imahe ng SVG.
Paraan 4: Gravit Designer
Libreng web vector graphics editor para sa mga advanced na user. Maraming taga-disenyo ang naglagay ng Gravit sa isang par na may ganap na mga solusyon sa desktop, tulad ng Adobe Illustrator. Ang katotohanan ay ang tool na ito ay cross-platform, iyon ay, ito ay ganap na magagamit sa lahat ng mga computer operating system, at din 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 upang bumuo ng mga kumplikadong proyekto.
Gravit Designer online na serbisyo
Ang editor ay nag-aalok sa iyo ng lahat ng mga uri ng mga tool para sa pagguhit ng mga contours, mga hugis, landas, teksto overlay, pinunan, pati na rin ang iba't ibang mga pasadyang epekto. Mayroong isang malawak na library ng mga figure, mga pampakay na mga larawan at mga icon. Ang bawat elemento sa puwang ng Gravit ay may listahan ng mga katangian na maaaring mabago.
Ang lahat ng mga iba't-ibang ito ay "nakabalot" sa isang naka-istilong at magaling na interface, upang ang anumang tool ay magagamit sa loob lamang ng ilang mga pag-click.
- Upang makapagsimula sa editor, hindi mo kailangang lumikha ng isang account sa serbisyo.
Ngunit kung gusto mong gumamit ng mga template ng yari na handa na, kailangan mong lumikha ng isang libreng Gravit Cloud account. - Upang lumikha ng isang bagong proyekto mula sa simula sa welcome window, pumunta sa tab "Bagong Disenyo" at piliin ang nais na laki ng canvas.
Alinsunod dito, upang gumana sa template, buksan ang seksyon "Bago mula sa Template" at piliin ang nais na workpiece. - Maaaring awtomatikong i-save ng gravity ang lahat ng mga pagbabago kapag nagsagawa ka ng mga pagkilos sa isang proyekto.
Upang isaaktibo ang tampok na ito, gamitin ang shortcut key. "Ctrl + S" at sa window na lilitaw, pangalanan ang larawan, pagkatapos ay i-click ang pindutan "I-save". - Maaari mong i-export ang nagresultang imahe sa parehong format ng vector ng SVG at raster JPEG o PNG.
Bilang karagdagan, mayroong pagpipilian upang i-save ang proyekto bilang isang dokumento sa extension PDF.
Isinasaalang-alang na ang serbisyo ay dinisenyo para sa ganap na trabaho sa vector graphics, maaari itong ligtas na inirerekomenda kahit na sa mga propesyonal na designer. Sa Gravit, maaari mong i-edit ang mga imahe ng SVG, anuman ang platform kung saan mo ito 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
Ang isang tanyag na tool para sa mga web developer upang lumikha ng vector graphics. Ang serbisyo ay naglalaman ng maraming mga tool sa pagguhit na may napapasadyang mga katangian. Ang pangunahing tampok ng Janvas ay ang kakayahang lumikha ng mga interactive na imahe ng SVG na animated sa CSS. At kasabay ng JavaScript, ang serbisyo ay nagpapahintulot sa iyo na bumuo ng buong web application.
Sa mahusay na mga kamay, ang editor na ito ay talagang isang napakalakas na tool, samantalang ang isang nagsisimula ay malamang dahil sa kasaganaan ng iba't ibang mga function ay hindi lamang mauunawaan kung ano ang anuman.
Serbisyo sa Janvas online
- Upang ilunsad ang web application sa iyong browser, i-click ang link sa itaas at i-click ang button. "Simulan upang lumikha ng".
- Sa bagong window, ang workspace ng editor ay bubukas gamit ang canvas sa center at toolbar sa paligid nito.
- Maaari mong i-export lamang ang natapos na imahe sa imbakan ng cloud na iyong pinili, at tanging kung bumili ka ng isang subscription sa serbisyo.
Oo, ang tool ay sa kasamaang palad ay hindi libre. Ngunit ito ay isang propesyonal na solusyon, na hindi kapaki-pakinabang para sa lahat.
Paraan 6: DrawSVG
Ang pinaka maginhawang online na serbisyo na nagbibigay-daan sa mga webmaster upang madaling 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 hugis, mga icon, pinunan, gradients at mga font.
Sa tulong ng DrawSVG, maaari kang bumuo ng mga bagay ng vector ng anumang uri at katangian, baguhin ang kanilang mga parameter at i-render ang mga ito bilang hiwalay na mga imahe. Posible na mag-embed ng mga file ng multimedia ng third-party sa SVG: video at audio mula sa isang computer o mga pinagmumulan ng network.
DrawSVG online na serbisyo
Ang editor na ito, hindi katulad ng karamihan sa iba, ay hindi mukhang port ng browser ng desktop application. Sa kaliwa ang mga pangunahing tool sa pagguhit, at sa itaas ay ang mga kontrol. Ang pangunahing espasyo ay ang canvas para magtrabaho sa graphics.
Kapag natapos na gumana sa isang larawan, maaari mong i-save ang resulta bilang isang SVG o bilang isang bitmap na imahe.
- Upang gawin ito, hanapin ang icon sa toolbar "I-save".
- Ang pag-click sa icon na ito ay magbubukas ng window ng pop-up na may isang form upang i-load ang dokumento ng SVG.
Ipasok ang nais na pangalan ng file at i-click "I-save bilang file".
Maaaring matawag ang DrawSVG ang liwanag na bersyon ng Janvas. Sinusuportahan ng editor ang nagtatrabaho sa mga katangian ng CSS, ngunit hindi katulad ng nakaraang tool, hindi ito pinapayagan upang mai-animate ang mga elemento.
Tingnan din ang: Buksan ang SVG vector graphics file
Ang mga serbisyo na nakalista sa artikulo ay hindi lahat ng mga editor ng vector na magagamit sa web. Gayunpaman, dito nakolekta namin para sa pinaka-bahagi libre at napatunayan na mga online na solusyon para sa pagtatrabaho sa mga SVG-file. Gayunpaman, ang ilan sa kanila ay may kakayahang makipagkumpitensya sa mga tool sa desktop. Buweno, ang dapat gamitin ay nakasalalay lamang sa iyong mga pangangailangan at mga kagustuhan.
