JPG u vektorski format. Mrežna pretvorba rasterskih slika u vektorske. Pogledajmo prijevod slike koristeći primjer.

Recimo da imamo neku vrstu rasterske slike i želimo je dobiti u vektorskom obliku (ili u krivinama). Što moramo učiniti za to? Prije svega, trebate Adobe program Ilustrator.

Verzija nije bitna.

Postupak

Otvorite našu bitmapu u Adobe Illustratoru. Da biste to učinili, desnom tipkom miša kliknite sliku i odaberite Otvori s ...> Adobe Illustrator s padajućeg izbornika ili pokrenite Illustrator i povucite sliku na radno područje.

Originalna slika

Na alatnoj traci odaberite alat " Isticanje"(Crna strelica) i kliknite ovu strelicu na našoj slici. U ovom slučaju crtež bi se trebao istaknuti. Da biste to provjerili, možete ga pokušati pomaknuti držeći lijevu tipku miša dok je pokazivač iznad slike (po principu povlačenja i ispuštanja).

Iznad radnog područja nalazimo gumb " Brzo praćenje»I kliknite strelicu pored nje. Prikazuje sve mogućnosti dostupne za ovu radnju. Potrebna nam je stavka " Opcije praćenja ...". Kad kliknemo na nju, otvara se prozor s parametrima.

U desnom dijelu prozora parametara odaberite stavku " Pogled". To će vam pomoći da postignete bolji rezultat i shvatite za što je svaki od parametara odgovoran.

1) učinite to na znanstveni način, odnosno morat ćete u opisima alata pročitati koji od parametara na što utječe i postaviti potrebne vrijednosti;

2) sami eksperimentirajte s parametrima, koristeći takozvanu "metodu znanstvenog poke".

Više volim drugi način: prvo, ruski prijevod riječi ne prenosi uvijek u potpunosti značenje u izvorniku, a drugo, često je lakše i brže zapamtiti se na ovaj način. Promijenite parametar. Pogledajte što je pogođeno (vizualno). Kombinirajte nekoliko parametara. I tako sve dok se ne postigne manje -više prihvatljiv rezultat.

Rezultirajuća vektorska slika.

Kad slika već izgleda kao istina, u prozoru parametara praćenja kliknite " Praćenje"A u izborniku iznad radnog područja gumb" Rastaviti". Tako dobivamo izvornu sliku, ali već u krivinama.

Ako niste zadovoljni postignutim rezultatom, možete ga izmijeniti. Da biste to učinili, pomoću alata " Isticanje»Potrebno je odabrati sve stvorene krivulje (pritisnite lijevu tipku miša i držeći je zaokružite cijeli crtež). Idemo na stavku izbornika " Objekt» > « Transformacija» > « Skaliranje”I promijenite veličinu slike tako da bude dovoljno velika za jednostavno uređivanje. Zatim odabiremo alat " Izravni odabir"(Bijela strelica). S ovom bijelom strelicom, naizmjenično kliknite u svakom čvoru i poravnajte zube po potrebi: kada odaberete vrh, uz njega se pojavljuju brkovi, povlačeći za njih možete promijeniti zakrivljenost spline.

Rezultat u mrežnom načinu rada

Također možete postići bolji rezultat ako u početku snimite veliku sliku. dobra kvaliteta... Stoga, ako ne želite gubiti vrijeme na petljanje po spline čvorovima, upotrijebite visokokvalitetne slike kao sirovine za praćenje!

Na otvorenim prostorima ruskog interneta našao sam sliku logotipa. Je li moguće pretvoriti ga iz rastera u vektor u Photoshopu i to automatski? Ne. Nažalost, iako su tendencije vektora u Photoshopu takve, sve što je učinjeno u tom smjeru ostalo je nepromijenjeno još prije 5 verzija. Od tada se nije dodirivalo, nije mijenjalo i vektoru nije dodavano ništa novo. Trebali ste vektorske alate u Photoshopu? Evo ih, želite više? Što ste zaboravili u Photoshopu, majstore Illustrator. Otprilike ovakav način razmišljanja potaknuo je programere koji su implementirali najjednostavnije vektorske operacije u Photoshopu. Prijeđimo sad na posao.

Pretvorba rastera u vektor provodi se kroz područja odabira. Prvo stvaramo odabir, a zatim prevedemo linije odabira u vektorski obrisi, zatim ispunite vektorske staze slojevima ispune, stvarajući tako vektorsku masku. Kako sve ovo ne biste razumjeli na razini vojnih timova - kliknite ovdje, kliknite tamo, trebali biste naučiti raditi s alatima za vektorsko crtanje, razumjeti kako vektorske staze mogu međusobno djelovati i naučiti stvoriti vektorsku masku. Ali ne brinite, ne morate sjesti čitati do vikenda, već ćete shvatiti kako pretvoriti raster u vektor u Photoshopu ako čitate članak do kraja.

Isticanje logotipa

Želio bih naglasiti da bi prijevod u vektor bio kvalitetan, sama slika mora biti velika. To vrijedi u slučaju praćenja u Illustratoru, a za Photoshop je to još važnije. Moja slika je široka 1500 piksela, kad završimo s prevođenjem u vektor, pokazat ću kako Photoshop prevodi male slike i usporedit ćemo rezultate.

  • Odaberite alat Magic Wand Tool
  • Postavite u opcijama Tolerancija 20 ili 30.
  • Na istom mjestu kliknite ikonu Dodaj u odabir. Detaljno sam o njihovom radu pisao u članku Dodavanje, oduzimanje, presijecanje i izlučivanje u Photoshopu gdje se radilo o vektorskim alatima, ali pri odabiru ove opcije rade na isti način.

Da budem iskren, nije me briga kako ćete istaknuti logotip, bilo ručno laso ili kroz raspon boja. Samo što je u ovoj situaciji, konkretno na ovoj slici, najlakše to učiniti pomoću alata Čarobni štapić.

Pretvorite odabir u vektorsku putanju

Nemojte prelaziti s alata Magic Wand Tool.

  • Desnom tipkom miša kliknite područje odabira.
  • Na izborniku koji se pojavi odaberite Make Work Path.

  • U prozoru koji se pojavi podesite toleranciju na 1.0. Što je veća tolerancija, to će naši obrisi biti glatkiji, stiliziraniji i netočniji.

Na donjoj ilustraciji odabrao sam Alat za odabir puta i odabrao put tako da ga možete vidjeti.

Spremanje putanje do palete Path

Ova operacija nije obavezna, ali je poželjna.

    Prebacite se na paletu Path. Ako ga ne možete pronaći, kliknite Window> Path

    Dvaput kliknite na putanju u paleti.

  • U prozoru koji se pojavi unesite naziv i kliknite U redu.

Napravite vektorsku masku

Proces stvaranja vektorske maske savršeno je opisan u mom članku Vektorska maska ​​u Photoshopu. Izvedimo ovaj proces brzo i bez detalja.

    Provjerite je li vaša kućica odabrana u paleti Path

    Odaberite iz izbornika Layer> New Fill Layer> Solid Color

    U prozoru koji se pojavi odaberite boju i kliknite U redu

To je sve. Sve bi bilo točnije da nije bilo hronofag.ru Zapamtite da sam vam rekao da što je slika manja, to će se lošije prevesti. Jeste li spremni staviti na ruke neko prljavo skeniranje utisnuto u Word, koje kupac zahtijeva da se prevede u vektor? Nagađao sam? Istodobno, slika se komprimira JPG kompresijom, smanjuje, zatim povećava, pa opet smanjuje na veličinu avatara, pa se čak i kečap prolio po njoj. Je li moguće takvu sliku kvalitativno prevesti u vektor u Photoshopu?

Najprije pogledajte naš logo. Unatoč izvrsnoj razlučivosti, oštri rubovi Photoshopa nisu uspjeli stvoriti lijepe i ujednačene obrise. Ilustrator to radi 100 puta bolje, ali članak nije o ilustratoru. Kao što vidite, konture nisu ni svugdje, čak ni u pravokutnim dijelovima logotipa. A krugovi su potpuno kosi.

Sada ću smanjiti sliku za 2 puta, pa 2 puta više i pokazat ću vam rezultat prevođenja u vektor.

Evo dobrog primjera kako veličina bitmape utječe na kvalitetu traga. I to unatoč činjenici da je slika vrlo kvalitetna unatoč veličini. Pa, ja ću smanjiti kvalitetu. Spremite sliku kao JPG u najlošijoj kvaliteti.

Prevedimo u vektor. Odličan rezultat, nedostaje samo kečap. Taman za zadovoljnog kupca, grunge ili vintage obradu!

A ipak malo manipuliram istinom. Poanta je u tome da sve ovo ima smisla za Illustrator, koji stvara vektor na temelju slike. Photoshop ne stvara vektor iz slike, već stvara putanje iz odabira. Logično je da što je odabir bolji i glatkiji, krivulje će biti glađe. Alat Magic Wand kojim smo odabrali ta područja više nije prikladan za odabir tako jezivih slika. Da, moći ćete napraviti visokokvalitetne odabire, upotrijebiti sve alate za odabir, čak ćete ih moći povećati i na temelju njih stvoriti manje-više ujednačen obris, što ipak neće biti idealno. Ovim putem samo je gubljenje vremena. Jedina radna opcija je iscrtavanje logotipa od nule u Photoshopu.

05.04.2014 62765

Može se dogoditi da odjednom morate pretvoriti uobičajenu bitmapu u vektorski format. Ako se nikada prije niste bavili vektorskom grafikom ili imate vrlo neodređene ideje o njoj, onda vam prvo prvo pada na pamet pronaći program za pretvaranje na Internetu, učitati u njega rastersku sliku i, kao i obično, dobiti gotov rezultat na izlazu. Ali nije tako jednostavno.


Ne vrijedi se oslanjati na takozvane rastersko-vektorske pretvarače, jer ne daju svi željeni rezultat. Većina ovih programa jednostavno destilira jedan format u drugi, na primjer, u JPG -u u EPS, ali suština se od toga ne mijenja. A to je zato što su raster i vektor bitno različite stvari i ne postoji način da ih izravno pretvorite. Ako je rasterska slika skup točaka - piksela, tada je vektorska slika inherentno matematička formula, pa bi pristup prema njoj trebao biti potpuno drugačiji.

Inače, isti EPS može pohraniti i vektorske i rasterske objekte. Pa ipak, postoji način da se obična slika pretvori u vektor, samo što se to ne zove pretvorba, već praćenje ili vektorizacija. Postoje dvije glavne vrste praćenja - ručno i automatsko. Tijekom ručnog praćenja, rasterska slika otvorena u vektorskom uređivaču prati se konturama na novom sloju, a zatim se oboji. S automatskom vektorizacijom, sve te radnje izvodi program.

Na primjer, vektorski uređivač Adobe Illustrator nudi zasebnu opciju u tu svrhu. Da biste sliku pretvorili u vektor, otvorite je u uređivaču, odaberite je mišem, a zatim odaberite Prozor -> Trag slike.

Ovo će otvoriti malu alatnu traku na kojoj možete odabrati najprikladniji predložak. Prema zadanim postavkama, Illustrator pretvara sliku u crno -bijeli vektor "silueta".

Da biste stvorili maksimum realistična slika trebali biste odabrati unaprijed postavljenu postavku "Fotografija visoke preciznosti"... Umjesto toga, možete postaviti i najveću vrijednost parametra "Točnost boje" pomoću klizača, dok će se ostali parametri automatski odabrati. Prije početka procesa vektorizacije provjerite je li način rada još uvijek postavljen "Boja" i paletu "Puni ton"... Pritisnite gumb "Trag" i pričekajte da se proces pretvorbe dovrši.

Sve grafičke datoteke podijeljeno s dva globalnog tipa- raster i vektor. Ponekad morate pretvoriti iz rastera u crno -bijeli vektor. Na primjer, za praćenje crno -bijelih ikona, QR kodova, crtičnih kodova, slika s rasterskim natpisima, potvrda ili slika na blogu.

Koja je razlika između rasterske datoteke i vektorske datoteke

Rasterska grafika
Rasterska datoteka predstavlja niz obojenih kvadrata (piksela). Broj točaka u datoteci određen je njezinim vodoravnim i okomitim dimenzijama. Na primjer, datoteka veličine 640 x 480 sadrži 307.200 točaka. Rasterska datoteka može se predstaviti kao mozaik. Ne možete rastegnuti bitmapu bez gubitka kvalitete.

Popularan rasterski formati: JPEG, GIF, PNG, TIFF, WEBP, BPG.

Vektorska grafika
Vektorska grafika predstavlja mnogo različitih geometrijskih oblika opisanih matematičkim formulama. Preklapanje ovih oblika jedan na drugi stvara sliku. Na primjer, običan kvadrat opisan je s četiri jednaka segmenta, od kojih je svaki povezan svojim krajevima s krajevima druga dva pod kutom od 90 stupnjeva.

Popularni vektorski formati: SVG, EPS, WMF, PDF.

Raster u vektor

Algoritam vektorizacije
Praćenje se odvija u nekoliko faza:
  • Vektorizator skenira sliku i pronalazi sva područja s pikselima iste boje.
  • Granice su aproksimirane linijama debljine 1 px.
  • Konstruirana je ograničena triangulacija duž linija.

Pretvarač temeljen na Potraceu
Ponekad morate automatski pretvoriti slike koje korisnici prenose iz rastera u vektorski format.

Postoji vrlo jednostavan i slobodan način implementirati takvu pretvorbu pomoću uređivač vektora Inkscape. Inkscape koristi Potrace za vektorizaciju slika.

Nakon praćenja, slika može biti samo crno -bijela. Na potrace je napisano da je moguće da će chroma podrška biti implementirana u budućnosti.

Primjer pretvaranja iz PNG -a u SVG. Na ulazu funkcija potrace prihvaća samo datoteke s nastavkom PNM, pa prije praćenja PNG -a morate pretvoriti:

Exec ("pretvori image.png image.pnm"); exec ("potrace image.pnm -s -o image.svg");
Ovdje je implementirana ova metoda i možete pogledati kvalitetu praćenja bilo koje slike. Primjer vektorizacije zamućenog crtičnog koda. A ovo je primjer ucrtanog logotipa. Ovako pretvarač postupa s fotografijama.

Kako napraviti izlaznu sliku u boji
Osim ručnog uređivanja, postoji još jedna mogućnost slikanja crno -bijele slike na izlazu. Ali slika bi trebala biti niske boje. Rješenje je prikladno za praćenje ikona u boji, logotipa i gumba u vektor.

Pojedine boje možete istaknuti pomoću ppmcolormask (uključeno u paket Netpbm):

Mačka img.gif | giftopnm | ppmbojna maska ​​# 641b1b | potrace
Zatim pratite svaki dio zasebno i prekrijte ih na izlazu.

Vektor u Raster

Rasterizirajte vektorski crtež puno lakše. Na vektorsku sliku postavlja se mreža s ćelijama određene veličine i slika se uzorkuje, nakon čega se kodira prema izlaznom formatu.

Jedan primjer pretvaranja SVG -a u PNG pomoću programa Imagick.

Pomoću ovog koda možete pretvoriti SVG datoteke u PNG24:

$ svg = file_get_contents ("image.svg"); $ image = novi Imagick (); $ image-> setBackgroundColor (novi ImagickPixel ("proziran")); $ image-> readImageBlob ($ svg); $ image-> setImageFormat ("png24"); $ image-> writeImage ("image.png"); $ image-> clear (); $ slika-> uništiti ();
Ovdje možete vidjeti rezultate pretvaranja vaših slika iz SVG -a u PNG.

Sažetak

  1. Pomoću potrace možete pretvoriti iz rastera u vektor.
  2. Potrace podržava samo crno -bijelu vektorizaciju.
  3. Pomoću programa Imagick možete pretvoriti iz vektora u raster.

Najlakši način za praćenje grafike je otvaranje ili postavljanje datoteke u Adobe Illustrator i automatsko praćenje pomoću naredbe Image Trace: Pomoć za Illustrator. Korištenje alata za praćenje slika - CS6

* Još lakše):
Softverski, slika / slika / crtež / fotografija koju ste dali - u vektorskom iznosu za 1 (!) Euro -> Slika u vektor

=== Mrežne usluge ===

  • Prva se plaća, iako se dvije početne slike mogu napraviti besplatno.

Na engleskom, iako je to lako shvatiti. Dvije mogućnosti korištenja - online ili kupiti program za računalo. Cijena za korištenje na mreži (neograničeno) je 7,95 USD, program za radnu površinu 295,00 USD. Moguće je naručiti ručno praćenje.
Naravno, možete pronaći jeftinije na slobodnim portalima, pa, izbor postoji za svakoga.

Točnost

Gore su neke usporedne slike Vector Magic, Adobe Live Trace (CS6) i Corel
Corel PowerTRACE (X6). Obratite pozornost na točnost obrade obrazaca Vektorom.

Jednostavnost korištenja

Ne morate instalirati i poznavati veliki izbor opcija i postavki da biste postigli prihvatljiv rezultat.

Samo trebate odgovoriti na par jednostavnih pitanja i to je to. Ako rezultat nije zadovoljavajući, onda postoji vodič "o greškama", gdje možete lako pronaći odgovor i riješiti problem.

Možete pokušavati iznova i iznova dok ne dobijete zadovoljavajući rezultat.

Općenito, ovaj rad možete prebaciti u Vector i raditi više kreativnih zadataka.

Prijevod je besplatan, ali značenje je otprilike ovako.

Originalne slike u JPG formatu, GIF, PNG, BMP i TIFF. Rezultat u tri opcije kvalitete i tri formata: EPS, SVG i PNG. Nakon dovršetka moguće je ponavljanje s drugom željenom kvalitetom i nekim uređivanjem.

  • Dalje, potpuno BESPLATNO .

Potpuno na engleskom, ali upotreba je jasna. Još malo prilagođavanja i ručnog rada, ali isplati se.


Podržani izvorni formati:
  • PNG Prijenosna mrežna grafika
  • TGA Truevision Targa slika
  • PBM Prijenosni format bitmape
  • PNM Prijenosni bilo koji format karte
  • PGM Prijenosni format sive karte
  • PPM Prijenosni format pixmap
  • BMP slika bitmape sustava Microsoft Windows

Izlazni formati:
  • svg Scalable Vector Graphics
  • eps Encapsulated PostScript
  • ai Adobe Illustrator
  • dxf DXF format (bez splines)
  • p2e pstoedit format sučelja
  • sk Skica
  • slika XFIG 3.2
  • emf Poboljšani format datoteke
  • mif Frame Maker MIF format
  • er Datoteka oblika elastične stvarnosti
  • epd EPD format
  • pdf PDF formatu
  • cgm Metafile računalne grafike
  • dr2d IFF DR2D? format
  • omogućuje pretvaranje slika u. Možete učitati datoteku ili dati vezu do slike. Moguće je i preklapanje digitalnih efekata.

Prilikom pretvaranja rasterskih slika (PNG ili JPG) u SVG format, oblici i objekti bit će pretvoreni u crno -bijelo vektorska grafika koji se mjeri bez gubitka kvalitete. Takve se slike mogu bojati pomoću besplatni softver o radu s vektorskim slikama (i drugima). Fotografi u većini slučajeva neće postići željeni rezultat prilikom pretvaranja bitmape u SVG format.

Ako vektorsku sliku (na primjer, eps ili ai format) pretvarate u SVG, pretvarač će pokušati sačuvati sve vektorske podatke i podatke u boji, a također će osigurati da su dvije datoteke što sličnije.

Pretvarač formata Scalable Vector Graphics (SVG) omogućuje vam pretvorbu datoteka u više od 130 formata. Upute za pretvorbu:

3FR na SVG, AFF na SVG, AI na SVG, ANI na SVG, ART na SVG, ARW na SVG, AVI na SVG, AVS na SVG, BMP na SVG, CDR na SVG, CGM na SVG, CIN na SVG, CMYK na SVG, CMYKA na SVG, CR2 na SVG, CRW na SVG, CUR na SVG, CUT na SVG, DCM na SVG, DCR na SVG, DCX na SVG, DDS na SVG, DFONT na SVG, DIA na SVG, DNG na SVG, DPX na SVG, DXF na SVG, EPDF na SVG, EPI na SVG, EPS na SVG, EPSF na SVG, EPSI na SVG, EPT na SVG, EPT2 na SVG, EPT3 na SVG, ERF na SVG, EXR na SVG, FAX na SVG, FIG u SVG, Uklapa se u SVG, FPX u SVG, FRAKTALNO u SVG, FTS u SVG, G3 u SVG, GIF u SVG, GIF87 u SVG, SIVO u SVG, GRB u SVG, HDR u SVG, HRZ u SVG, ICB na SVG, ICO na SVG, ICON na SVG, IPL na SVG, JBG na SVG, JBIG na SVG, JNG na SVG, JP2 na SVG, JPC na SVG, JPE na SVG, JPEG na SVG, JPG na SVG, JPX na SVG, K25 na SVG, KDC na SVG, M2V na SVG, M4V na SVG, MAT na SVG, MIFF na SVG, MNG na SVG, MONO na SVG, MOV na SVG, MP4 na SVG, MPC na SVG, MPEG na SVG, MPG u SVG, MR W na SVG, MSL na SVG, MSVG na SVG, MTV na SVG, MVG na SVG, NEF na SVG, NRW na SVG, ORF na SVG, OTB na SVG, OTF na SVG, PAL na SVG, PALM na SVG, PAM na SVG, PBM u SVG, PCD u SVG, PCDS u SVG, PCL u SVG, PCT u SVG, PCX u SVG, PDB u SVG, PDF u SVG, PDFA u SVG, PEF u SVG, PES u SVG, PFA u SVG, PFB u SVG, PFM u SVG, PGM u SVG, PICON u SVG, PICT u SVG, PIX u SVG, PJPEG u SVG, PLAZMA u SVG, PNG u SVG, PNG24 u SVG, PNG32 u SVG, PNG8 u SVG, PNM u SVG, PPM na SVG, PS na SVG, PSD na SVG, PTIF na SVG, PWP na SVG, RAF na SVG, RAS na SVG, RGB na SVG, RGBA na SVG, RLA na SVG, RLE na SVG, SCT na SVG, SFW na SVG, SGI na SVG, SK na SVG, SK1 na SVG, SR2 na SVG, SRF na SVG, SUN na SVG, SVG na SVG, SVGZ na SVG, TGA na SVG, TIF na SVG, TIFF na SVG, TIM na SVG, TTC na SVG, TTF na SVG, TXT na SVG, VDA na SVG, VICAR na SVG, VID na SVG, VIFF na SVG, VST na SVG, WBMP na SVG, WEBP na SVG, WMF na SVG, WMZ na SVG, WPG u SVG , X na SVG, X3F na SVG, XAML na SVG, XBM na SVG, XC na SVG, XCF na SVG, XFIG na SVG, XPM na SVG, XV na SVG, XWD na SVG, YCBCR na SVG, YCBCRA na SVG, YUV u SVG -u

Izgrađen na rješenjima otvorenog koda kao što su Autotrace, ImageMagick i razne grafičke komponente Linuxa.

Formati pretvorbe:

SVG - Skalabilne datoteke vektorske grafike
AI - datoteke Adobe Illustrator (temeljene na prijepisu)
CGM - Metafile računalne grafike
WMF - Windows Metafile datoteke
SK - Sketch / Skencil datoteke
PDF - prijenosni format dokumenta
EPS - PostScript
PLT - HPGL za rezanje datoteka plotera

također: P2E, FIG, EMF, MIF, ER, DXF, EPD, CGM, oDR2D