Bektore grafikoekin linean aritzen gara


Bektoreen irudien ohiko PCko erabiltzaileen kopuruaren kontzeptua ez du ezer esan. Diseinatzaileek, aldi berean, gero eta gehiago dira gogotsu beren grafikoentzako grafiko mota hau erabiltzeko.

Iraganean SVG irudiekin lan egiteko, zalantzarik gabe, zure ordenagailuko Adobe Illustrator edo Inkscape bezalako mahaigaineko soluzio espezializatuetako bat instalatu beharko zenuke. Orain antzeko tresnak linean eskuragarri daude, deskargatzeko beharrik gabe.

Ikusi ere: Adobe Illustrator marrazten ikastea

Nola lan egin SVGrekin konektatuta

Google-ri dagokion eskaera beteta eginez, bektore lineako hainbat editore ugari ezagutu ditzakezu. Baina irtenbide horien gehiengo erabakigarria aukera gutxi eskaintzen dute eta gehienetan proiektu serioekin lan egitea ez da onartzen. Nabigatzailean SVG-irudiak sortzeko eta editatzeko zerbitzu onenak aztertuko ditugu.

Jakina, lineako tresnek ezin dituzte dagokien mahaigaineko aplikazioak erabat ordeztu, baina proposatutako eginbideen erabiltzaile gehienek nahikoa izango dute.

1. metodoa: Vectr

Pixlr zerbitzu ezagunen sortzaileei egindako bektore editorea. Tresna hau erabilgarria da hasiberrientzat eta erabiltzaile aurreratuentzat SVGrekin lanean.

Funtzio ugari izan arren, Vectr interfazean galtzea nahiko zaila izango da. Hasiberrientzat, irakasle zehatzak eta argibide luzeak zerbitzuaren osagai bakoitzerako ematen dira. Editorearen tresnen artean SVG-irudiak sortzeko moduak daude: forma, ikonoak, markoak, itzalak, eskuilak, geruzekin lan egiteko laguntza, etab. Irudi bat marraztu edo hutsetik egin dezakezu.

Vectr lineako zerbitzua

  1. Baliabidea erabiltzen hasi aurretik, komeni da erabilgarri dauden sare sozialetako batekin saioa hasi edo kontu bat sortzea hutsetik gunean.

    Zure lanaren emaitzak ordenagailuan deskargatzeaz gain, "hodeian" aldaketak gordetzeko aukera ematen du.
  2. Zerbitzuaren interfazea ahalik eta errazena eta argi dago: eskuragarri dauden tresnak oihalaren ezkerraldean kokatzen dira, eta bakoitzaren propietateak aldatu egiten dira eskuinera.

    Hainbat orrialde sortzea onartzen du, gustu guztietarako eredu dimentsionalak sortzen dituena; estaldura grafikoak sare sozialen azpian orri estandar formatuetara.
  3. Amaitutako irudia esportatu dezakezu menuko barrako geziaren botoian klik eginez.
  4. Irekitzen den leihoan, deskargatu parametroak eta egin klik «Jaitsi».

Esportaziorako gaitasunak ere Vectr-en ezaugarri bereizgarrienetako bat dira; editorean SVG proiektu baterako zuzeneko esteketarako laguntza eskaintzen du. Baliabide asko ez dute bektoreen irudiak zuzenean deskargatzeko baimena ematen, baina hala ere urruneko pantaila baimentzen dute. Kasu honetan, Vectra SVG benetako hosting gisa erabil daiteke, beste zerbitzu batzuk ez baitute onartzen.

Nabarmentzekoa da editoreak ez du beti grafiko konplexuak behar bezala kudeatzen. Hori dela eta, zenbait proiektu Vectr ireki daitezke akats edo ikusizko objektuekin.

2 metodoa: Sketchpad

Web editorea erraz eta erosoa da, HTML5 plataforman oinarritutako SVG irudiak sortzeko. Eskuragarri dauden tresnak kontuan hartuta, zerbitzua argudiatzeko soilik dagoela esan daiteke. Sketchpad-ekin, irudi eder eta arretaz sor ditzakezu, baina ez gehiago.

Tresna honek forma eta mota ezberdinetako eskuilak pertsonalizatuak ditu, forma, letra-tipo eta eranskailuak gainjartzen dituena. Editoreak geruzak erabat manipulatzea ahalbidetzen du - kokapen eta nahasketa moduak kontrolatzeko. Beno, bonus gisa, aplikazioa erabat errusierara itzulita dago eta, beraz, ez duzu arazorik izan bere garapenarekin.

Sketchpad lineako zerbitzua

  1. Editorearekin lan egiteko behar duzun guztia - nabigatzailea eta sarbidea. Gune honetako baimen mekanismoa ez da ematen.
  2. Ordenagailuan amaitutako irudia deskargatzeko, egin klik ezkerreko menuko barrako diskete ikonoan eta hautatu hautatu nahi duzun formatua pop-up leihoan.

Beharrezkoa izanez gero, amaitu gabeko marrazkia Sketchpad proiektu gisa gorde dezakezu eta, ondoren, edonoiz amaituko da.

3. metodoa: metodoa marraztea

Web aplikazio hau bektore fitxategiekin oinarrizko eragiketetarako diseinatuta dago. Kanpora, tresnak Adobe Illustrator mahaigainaren antza du, baina funtzionaltasunari dagokionez, dena hemen askoz errazagoa da. Hala ere, badago zenbait ezaugarri bereziak Draw metodologian.

SVG irudiekin lan egiteaz gain, editoreak rasterreko irudiak inportatzeko eta haien arabera oinarritutako bektore-irudiak sortzeko aukera ematen dizu. Hau eskuzko trazatze ingurunea lumaarekin egin daiteke. Aplikazioak bektore marrazkiak diseinatzeko beharrezko tresnak ditu. Irudi liburutegi zabala dago, kolore-paleta bat eta teklatuko lasterbideetarako laguntza.

Metodoa Marraztu Lineako Zerbitzua

  1. Baliabideak ez du erabiltzaileari erregistroa eskatzen. Joan gunera eta lehendik dagoen bektore fitxategiarekin lan egin edo beste bat sortu.
  2. Ingurune grafiko batean SVG zatiak sortzeaz gain, irudia zuzenean kode-mailan ere edita dezakezu.

    Horretarako, joan «Ikusi» - "Iturria ..." edo erabili teklatuko lasterbidea "Ktrl + U".
  3. Argazkian lan egin ondoren, berehala ordenagailuan gorde dezakezu.

  4. Irudi bat esportatzeko, ireki menuko elementua «Fitxategia» eta egin klik "Gorde irudia ...". Edo erabili lasterbide "Ktrl + S".

Metodoaren Zozketa behin betiko ez da egokia bektore-proiektu larriak sortzeko. Arrazoia funtzio garrantzitsuak falta dira. Baina beharrezkoak ez diren elementuak eta ondo antolatuta dauden espazio ugarien ondorioz, zerbitzua ezin hobea izan daiteke editatzeko edo zehazteko SVG irudi sinpleak zehazteko.

4. metodoa: Gravit Designer

Erabiltzaile aurreratuentzako doako web-bektoreren editorea. Diseinatzaile askok Gravit mahaigaineko irtenbide guztiekin parekatu zuten, hala nola Adobe Illustrator. Izan ere, tresna hau plataforma anitzekoa da, hau da, guztiz eskuragarri dago ordenagailu sistema eragile guztietan, eta baita web aplikazio gisa ere.

Gravit Designer aktiboki garatzen ari da eta aldizka proiektu konplexuak eraikitzeko nahikoa dagoeneko ezaugarri berriak jasotzen ditu.

Gravit Designer lineako zerbitzua

Editoreak tresnak eskaintzen dizkizu ingurumena, forma, bidea, testu gainjartzea, betegarriak eta baita hainbat efektu pertsonalizatzeko ere. Irudi ugari, gaikako irudiak eta ikonoak daude. Gravit espazioko elementu bakoitza alda daitekeen propietateen zerrenda du.

Barietate honek "paketatuta" dauka interfaze dotorea eta intuitiboa, eta, beraz, edozein tresna eskuragarri dago klik gutxi batzuekin.

  1. Editorearekin hasteko, ez duzu konturik sortu zerbitzuan.

    Aurrez egindako txantiloiak erabili nahi badituzu, Gravit Cloud free kontu bat sortu beharko duzu.
  2. Ongietorri leihoan, proiektu berri bat sortzeko, joan fitxa "Diseinu berria" eta hautatu nahi duzun mihise tamaina.

    Hori dela eta, txantiloiarekin lan egiteko, ireki atala "Txantiloi berria" eta hautatu nahi duzun pieza.
  3. Gravit-ek aldaketa guztiak automatikoki gorde ditzake proiektu baten ekintzak egiten dituzunean.

    Eginbide hau aktibatzeko, erabili laster-tekla. "Ktrl + S" eta agertzen den leihoan, izendatu argazkia eta egin klik botoian «Save».
  4. Emaitza irudia SVG formatuan eta JPEG edo JPEG rasterrean esportatu dezakezu.

  5. Gainera, proiektua PDF luzapenarekin dokumentu gisa gordetzeko aukera dago.

Zerbitzu hori bektoriko grafikoekin lan egiteko diseinatuta dagoela kontuan hartuta, diseinatzaile profesionalentzat ere gomendagarria da. Gravit-ekin, SVG irudiak edita ditzakezu, hau egiten duzun plataforma edozein dela ere. Orain arte, adierazpen hau mahaigaineko sistema eragilearen sistemarako bakarrik aplikagarria da, baina laster editore hau gailu mugikorretan agertuko da.

5. metodoa: Janvas

Web garatzaileentzako tresna ezagun bat bektore grafikoak sortzeko. Zerbitzuak zenbait marrazteko tresna ditu propietateak pertsonalizatzeko. Janvasen ezaugarri nagusia CSS-rekin animatutako SVG irudi interaktiboak sortzeko gaitasuna da. JavaScript-rekin batera, zerbitzuak web aplikazio osoak eraikitzeko aukera ematen du.

Esku trebeaz arduratzen den editorea tresna benetan indartsua da, hasiberri batek funtzio ezberdinen ugaritasuna dela eta, seguru asko, ez du zer ulertzen.

Janvas lineako zerbitzua

  1. Arakatzailean web aplikazioa abiarazteko, egin klik goiko estekan eta egin klik botoian. "Hasi sortu".
  2. Leiho berrian, editorearen laneko gunea mihise batekin irekitzen da erdian eta tresna inguruan.
  3. Amaitutako irudia zure aukerako hodeiko biltegira soilik esportatu dezakezu, eta zerbitzura harpidetza erosi baduzu bakarrik.

Bai, tresna zoritxarrez ez da doan. Baina hau irtenbide profesionala da, ez da guztiontzat erabilgarria.

6 metodoa: DrawSVG

Lineako webguneko zerbitzu egokienak SVG kalitate handiko elementuak erraz sortzeko lineako zerbitzu egokiena. Editoreak forma, ikono, betetze, gradiente eta letra-tipoen liburutegi ikusgarria dauka.

DrawSVG laguntzaz, edozein motatako eta propietate bektorialen objektuak eraiki ditzakezu, haien parametroak aldatu eta irudiak bereizteko. Posible da hirugarrenen multimedia fitxategiak SVG txertatzea: ordenagailuko edo sareko iturrietako bideo eta audio.

DrawSVG lineako zerbitzua

Editore honek, beste gehienek ez bezala, ez da mahaigaineko aplikazio bateko arakatzailearen ataza antza den. Ezkerraldean marrazketa tresna nagusiak daude, eta goiko kontrolak daude. Espazio nagusia grafikoak lantzeko mihise da.

Argazki batekin lanean amaitu ondoren, emaitza SVG gisa edo bitmap irudi gisa gorde dezakezu.

  1. Horretarako, bilatu ikonoa tresna-barran «Save».
  2. Ikono horren gainean klik eginez SVG dokumentua kargatzeko formulario bat irekiko da.

    Sartu nahi duzun fitxategi izena eta sakatu "Gorde fitxategia".
  3. DrawSVG Janvasen argia deitzen zaio. Editoreak CSS atributuekin lan egitea onartzen du, baina aurreko tresna ez bezala, ez du elementu animatuak onartzen.

Ikusi ere: Ireki SVG bektore grafikoak

Artikuluan zerrendatutako zerbitzuak ez dira webean eskuragarri dauden bektore editoreak. Hala eta guztiz ere, hemen bildu dugu gehienbat doako eta frogatutako lineako irtenbideak SVG fitxategiekin lan egiteko. Hala ere, horietako batzuk gai dira mahaigaineko tresnekin lehian. Beno, zer erabiltzeko zure beharrak eta lehentasunak bakarrik araberakoa da.