Koncept vektorskih slika do ogromnog broja običnih PC korisnika ne govori ništa. Dizajneri su, pak, sve više skloni da koriste ovu vrstu grafike za svoje projekte.
U prošlosti, da biste radili sa SVG slikama, svakako biste morali da instalirate jedno od specijalizovanih desktop rešenja kao što su Adobe Illustrator ili Inkscape na vašem računaru. Sada su slični alati dostupni online, bez potrebe za skidanjem.
Pogledajte i: Učenje crtanja u Adobe Illustratoru
Kako raditi sa SVG online
Popunjavanjem odgovarajućeg zahtjeva Googleu, možete se upoznati s velikim brojem različitih vektorskih online urednika. Ali ogromna većina takvih rješenja nudi prilično oskudne mogućnosti i najčešće ne dozvoljavaju rad sa ozbiljnim projektima. Razmotrićemo najbolje usluge za kreiranje i uređivanje SVG-slika direktno u pretraživaču.
Naravno, online alati ne mogu u potpunosti zamijeniti odgovarajuće desktop aplikacije, ali će većina korisnika predloženog skupa značajki biti više nego dovoljna.
Metoda 1: Vectr
Sofisticirani vektorski urednik od kreatora mnogih poznatih usluga Pixlr. Ovaj alat će biti koristan i za početnike i za napredne korisnike u radu sa SVG-om.
Uprkos obilju funkcija, gubljenje u Vectr interfejsu će biti veoma teško. Za početnike se daju detaljne lekcije i duga uputstva za svaku komponentu usluge. Među alatima urednika je sve za kreiranje SVG-slika: oblici, ikone, okviri, sjene, četke, podrška za rad sa slojevima itd. Možete nacrtati sliku od nule ili uploadati svoje.
Vectr online usluga
- Pre nego što počnete da koristite resurs, preporučljivo je da se prijavite sa nekom od dostupnih društvenih mreža ili da kreirate nalog na sajtu od početka.
Ovo vam ne samo da omogućava da rezultate svog rada preuzmete na računar, već da u svakom trenutku sačuvate promjene u "oblaku". - Servisni interfejs je što jednostavniji i najjasniji: raspoloživi alati se nalaze sa leve strane platna, a promene svojstava svakog od njih nalaze se desno.
Podržava kreiranje mnoštva stranica za koje postoje dimenzionalni predlošci za svaki ukus - od grafičkih pokrivača pod društvenim mrežama do standardnih formata. - Gotovu sliku možete izvesti klikom na gumb sa strelicom u traci s izbornicima na desnoj strani.
- U prozoru koji se otvori definišite parametre za preuzimanje i kliknite Download.
Izvozne mogućnosti uključuju i jednu od najkarakterističnijih karakteristika Vectr - podršku za direktne veze sa SVG projektom u uređivaču. Mnogi resursi ne dozvoljavaju preuzimanje vektorskih slika direktno na sebe, ali ipak dozvoljavaju njihov daljinski prikaz. U ovom slučaju, Vectra se može koristiti kao pravi SVG hosting, koji druge usluge ne dozvoljavaju.
Treba napomenuti da urednik ne uvijek ispravno rukuje složenom grafikom. Iz tog razloga, neki projekti se mogu otvoriti u Vectru sa greškama ili vizualnim artefaktima.
Metod 2: Sketchpad
Jednostavan i zgodan web editor za kreiranje SVG slika baziranih na HTML5 platformi. S obzirom na raspon dostupnih alata, može se tvrditi da je usluga namijenjena isključivo za crtanje. Pomoću programa Sketchpad možete kreirati predivne, pažljivo izrađene slike, ali ne više.
Alat ima širok spektar prilagođenih četki različitih oblika i tipova, skup oblika, fontova i naljepnica za prekrivanje. Editor vam omogućava da u potpunosti manipulišete slojevima - da kontrolišete njihov položaj i režime mešanja. Pa, kao bonus, aplikacija je u potpunosti prevedena na ruski, tako da ne biste trebali imati nikakvih poteškoća sa njegovim razvojem.
Online servis za sketchpad
- Sve što vam je potrebno za rad s uređivačem - preglednik i pristup mreži. Mehanizam autorizacije na sajtu nije obezbeđen.
- Da biste preuzeli gotovu sliku na računar, kliknite na ikonu diskete u traci sa menijem na levoj strani, a zatim izaberite željeni format u iskačućem prozoru.
Ako je potrebno, možete da sačuvate nedovršeni crtež kao projekat Sketchpad, a zatim ga u bilo kom trenutku završite uređivanjem.
Metod 3: Metod Draw
Ova web aplikacija je dizajnirana za osnovne operacije s vektorskim datotekama. Spolja, alat podseća na desktop Adobe Illustrator, ali u smislu funkcionalnosti sve je mnogo jednostavnije. Međutim, postoje neke posebne funkcije u Method Draw.
Pored rada sa SVG slikama, editor vam omogućava da uvezete rasterske slike i kreirate vektorske slike na osnovu njih. Ovo se može uraditi na osnovu ručnog praćenja kontura olovkom. Aplikacija sadrži sve potrebne alate za raspored vektorskih crteža. Postoji proširena biblioteka figura, paleta boja i podrška za prečice na tastaturi.
Metod Draw Online Service
- Resurs ne zahtijeva registraciju od korisnika. Samo idite na sajt i radite sa postojećom vektorskom datotekom ili kreirajte novu.
- Pored kreiranja SVG fragmenata u grafičkom okruženju, sliku možete urediti i direktno na nivou koda.
Da biste to uradili, idite na "Pogled" - "Izvor ..." ili koristite prečicu na tastaturi "Ctrl + U". - Po završetku rada na slici, možete je odmah sačuvati na računaru.
Da biste izvezli sliku, otvorite stavku menija "Datoteka" i kliknite "Sačuvaj sliku ...". Ili koristite prečicu "Ctrl + S".
Method Draw definitivno nije pogodan za kreiranje ozbiljnih vektorskih projekata - razlog je nedostatak relevantnih funkcija. Ali zbog nepostojanja nepotrebnih elemenata i dobro organizovanog radnog prostora, usluga može biti odlična za brzo uređivanje ili preciziranje preciznih SVG slika.
Metod 4: Gravit Designer
Besplatni web vektorski grafički editor za napredne korisnike. Mnogi dizajneri stavili su Gravit u paralelnu sa punim desktop rješenjima, kao što je Adobe Illustrator. Činjenica je da je ovaj alat cross-platforma, odnosno da je u potpunosti dostupan na svim operativnim sistemima, kao i kao web aplikacija.
Gravit Designer se aktivno razvija i redovno dobija nove mogućnosti koje su već dovoljne za izgradnju kompleksnih projekata.
Gravit Designer online usluga
Urednik vam nudi sve vrste alata za crtanje kontura, oblika, staza, preklapanja teksta, ispuna, kao i raznih prilagođenih efekata. Postoji obimna biblioteka figura, tematskih slika i ikona. Svaki element u Gravit prostoru ima listu svojstava koja se mogu promijeniti.
Sva ova raznolikost je “upakovana” u moderan i intuitivan interfejs, tako da je svaki alat dostupan u samo nekoliko klikova.
- Da biste započeli s uređivanjem, ne morate kreirati račun u usluzi.
Ali ako želite koristiti gotove predloške, morat ćete stvoriti besplatan Gravit Cloud račun. - Da biste kreirali novi projekat od nule u prozoru dobrodošlice, idite na karticu "Novi dizajn" i odaberite željenu veličinu platna.
Prema tome, za rad sa predloškom, otvorite odjeljak "Novo iz predloška" i odaberite željeni radni predmet. - Gravit može automatski sačuvati sve promjene kada izvršite radnje na projektu.
Da biste aktivirali ovu funkciju, koristite prečicu. "Ctrl + S" i u prozoru koji se pojavi, dajte ime slici, a zatim kliknite na dugme "Sačuvaj". - Rezultirajuću sliku možete izvesti u oba SVG vektorskog formata i rasterske JPEG ili PNG.
Pored toga, postoji opcija da se projekat sačuva kao dokument sa proširenjem PDF.
S obzirom da je usluga dizajnirana za punopravni rad sa vektorskom grafikom, može se sigurno preporučiti i profesionalnim dizajnerima. Uz Gravit, možete uređivati SVG slike, bez obzira na platformu na kojoj to radite. Do sada, ova izjava se odnosi samo na desktop OS, ali uskoro će se ovaj editor pojaviti na mobilnim uređajima.
5. metod: Janvas
Popularni alat za web programere da kreiraju vektorsku grafiku. Usluga sadrži brojne alate za crtanje sa prilagodljivim svojstvima. Glavna karakteristika Janvas-a je mogućnost kreiranja interaktivnih SVG slika animiranih sa CSS-om. A u vezi sa JavaScript-om, servis vam omogućava da izgradite čitave web aplikacije.
U vještim rukama, ovaj urednik je zaista moćan alat, dok početnik najvjerojatnije zbog obilja različitih funkcija jednostavno neće razumjeti što je što.
Janvas online servis
- Da biste pokrenuli web aplikaciju u pregledniku, kliknite na gornju vezu i kliknite gumb. "Počni kreirati".
- U novom prozoru, radni prostor urednika se otvara sa platnom u centru i trakama sa alatkama oko njega.
- Gotovu sliku možete izvesti samo u oblak skladište po vašem izboru, i to samo ako ste kupili pretplatu na uslugu.
Da, alat nažalost nije besplatan. Ali ovo je profesionalno rješenje koje nije korisno za sve.
Metoda 6: DrawSVG
Najpogodniji online servis koji omogućava webmasterima da lako kreiraju SVG elemente visokog kvaliteta za svoje sajtove. Urednik sadrži impresivnu biblioteku oblika, ikona, ispuna, gradijenta i fontova.
Pomoću DrawSVG-a možete izgraditi vektorske objekte bilo koje vrste i svojstava, promijeniti njihove parametre i prikazati ih kao zasebne slike. Moguće je ugraditi multimedijalne datoteke trećih strana u SVG: video i audio iz računara ili mrežne izvore.
DrawSVG online usluga
Ovaj urednik, za razliku od većine drugih, ne izgleda kao port preglednika na desktop aplikaciji. Sa leve strane su glavni alati za crtanje, a na vrhu su kontrole. Glavni prostor je platno za rad sa grafikom.
Po završetku rada sa slikom, rezultat možete sačuvati kao SVG ili kao bitmap sliku.
- Da biste to uradili, pronađite ikonu na traci sa alatkama "Sačuvaj".
- Klikom na ovu ikonu otvorit će se skočni prozor s obrascem za učitavanje SVG dokumenta.
Unesite željeni naziv datoteke i kliknite "Sačuvaj kao datoteku".
DrawSVG se može nazvati lagana verzija Janvas-a. Urednik podržava rad sa CSS atributima, ali za razliku od prethodnog alata, ne dozvoljava animiranje elemenata.
Pogledajte i: Otvaranje SVG vektorskih grafičkih datoteka
Usluge koje su navedene u članku nisu svi vektorski urednici dostupni na webu. Međutim, ovdje smo većinom prikupili besplatna i provjerena online rješenja za rad sa SVG-datotekama. Međutim, neki od njih su prilično sposobni da se takmiče sa desktop alatima. Pa, šta koristiti ovisi samo o vašim potrebama i željama.
