Na internetu sam našao sliku loga. Da li je moguće to pretvoriti iz rastera u vektor u Photoshopu, i to automatski? Ne, ne možete. Nažalost, dok su vektorski trendovi u Photoshopu sljedeći, sve što je učinjeno u tom smjeru ostalo je nepromijenjeno prije 5 verzija. Od tada ga nitko nije dirao, mijenjao i ništa novo nije dodano vektoru. trebao si vektorski alati u photoshopu? Evo ih, želite još? Što uglavnom zaboravljate u Photoshopu, majstore ilustratoru. Otprilike ovaj niz misli pokrenuo je programere koji su uveli najjednostavnije vektorske operacije u Photoshop. A sad prijeđimo na posao.

Pretvorba rastera u vektor provodi se kroz područja odabira. Prvo kreiramo selekciju, zatim prevodimo linije selekcije u vektorske staze, zatim ispunjavamo vektorske staze slojevima ispune, stvarajući tako vektorsku masku. Da biste sve ovo razumjeli ne na razini vojnih timova - kliknite ovdje, kliknite tamo, trebali biste naučiti kako raditi s alatima za vektorsko crtanje, razumjeti kako vektorske staze mogu međusobno komunicirati i naučiti kako stvoriti vektorsku masku. Ali ne brinite, ne morate sjediti i čitati do vikenda, već ćete shvatiti kako pretvoriti raster u vektor u Photoshopu ako pročitate članak do kraja.

Isticanje logotipa

Želio bih naglasiti da kako bi prijevod u vektor bio kvalitetan, mora biti i sama slika velika veličina. To vrijedi u slučaju iscrtavanja u Illustratoru, a za Photoshop je još važnije. Moja slika je široka 1500 piksela, kada završimo s pretvaranjem u vektor, pokazat ću vam kako Photoshop renderira malu sliku i usporedit ćemo rezultate.

• Odaberite alat Čarobni štapić

• Podesite opcije Tolerance 20 ili 30.

• Na istom mjestu kliknite na ikonu Add to Selection. O njihovom radu sam detaljno pisao u članku Add, Subtract, Intersect and Exlude u Photoshopu gdje je bilo riječi o vektorskim alatima, ali u selekciji ove opcije rade na isti način.

Da budem iskren, nije me briga kako ćete odabrati logotip, čak ni s ručnim lasom, čak ni kroz njega Raspon boja. Samo što je u ovoj situaciji, konkretno na ovoj slici, to najlakše učiniti s alatom Magic Wand Tool.

Pretvori odabir u vektorsku putanju

Ne prelazite s alata Čarobni štapić.

• Kliknite desnom tipkom miša na područje odabira.

• Na izborniku koji se pojavi odaberite Make Work Path.

• U prozoru koji se pojavi postavite toleranciju na 1.0. Što je veća vrijednost tolerancije, to će naši obrisi biti glatkiji, stiliziraniji i neprecizniji.

Na donjoj ilustraciji odabrao sam alat za odabir putanje i odabrao sam putanju tako da je možete vidjeti.

Spremanje staze u paletu staza

Ova operacija nije obavezna, ali se preporučuje.

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

Dvaput kliknite na putanju u paleti.

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

Izrada vektorske maske

Proces stvaranja vektorska maska savršeno opisan u mom članku Vektorska maska ​​u Photoshopu. Ovaj proces ćemo provesti brzo i bez detalja.

Provjerite je li vaša putanja odabrana u paleti Putanja

Odaberite iz izbornika Layer > New Fill Layer > Solid Color

U prozoru koji se pojavi odaberite boju i kliknite OK

To je sve. Sve bi bilo točnije da nije hronofag.ru Sjećate se da sam vam rekao da što je manja slika, to će se lošije prevoditi. Spreman sam se kladiti da imate neku vrstu prljavog skena u Wordu, koji kupac želi prevesti u vektor? Nagađao sam? U ovom slučaju, slika je komprimirana JPG kompresija, smanjen, pa uvećan, pa opet smanjen na veličinu avatara, a i po njemu je proliven kečap. Je li moguće kvalitativno prevesti takvu sliku u vektor u Photoshopu?

Prvo, pogledajte naš logo. Unatoč izvrsnoj rezoluciji, oštrim rubovima Photoshop nije uspio stvoriti lijepe i glatke obrise. Illustrator to radi 100 puta bolje, ali članak nije o ilustratoru. Kao što vidite, konture nisu posvuda jednake, čak ni u pravokutnim dijelovima logotipa. I krugovi su vrlo kosi.

Sada ću smanjiti sliku 2 puta, zatim još 2 puta i pokazati vam rezultat prevođenja u vektor.

Ovdje je jasan primjer kako veličina bitmap slike utječe na kvalitetu traga. I to unatoč činjenici da je slika vrlo kvalitetna unatoč veličini. Pa, smanjit ću kvalitetu. Spremite sliku u JPG s najlošijom kvalitetom.

Prevedimo u vektor. Izvrstan rezultat Jedino što nedostaje je kečap. Taman za zadovoljnog kupca, obrada za grunge ili vintage!

A ipak malo manipuliram istinom. Činjenica je da sve to ima smisla za Illustrator, koji kreira vektor na temelju slike. Photoshop ne stvara vektor od slike, on stvara putanje od odabira. Logično, što je odabir bolji i glatkiji, krivulje će biti glađe. A alat Čarobni štapić koji smo koristili za odabir ovih područja više nije prikladan za odabir tako jezivih slika. Da, možete napraviti kvalitetne odabire, koristiti sve alate za odabir, možete ih čak i povećati i na temelju njih stvoriti manje-više ujednačen obris, koji ipak neće biti savršen. Ići ovim putem samo je gubljenje vremena. Jedina radna opcija je crtanje loga od nule u Photoshopu.

Često se postavlja pitanje kako napraviti vektorsku sliku u Photoshopu. Kao što znate, Photoshop je program za obradu rasterska grafika i nije dizajniran za rad s vektorom. S vektorska grafika rade posebni grafički urednici. Ali ako vam stvarno treba, ali nema vremena za proučavanje novog programa, tada uz pomoć nekih manipulacija možete pretvoriti sliku u vektor.

Što je rasterska i vektorska slika i po čemu se razlikuju

Rasterska slika također je mreža piksela (točaka). Svi smo mi poznati digitalna fotografija je samo rasterska slika. Vektorska slika se ne sastoji od piksela, već od geometrijskih primitiva: ravnih linija, pravokutnika i drugih oblika.

Ako smanjite, a zatim značajno povećate bitmapu, njezina će kvaliteta biti nepovratno pokvarena. Budući da je svaki piksel točka određene boje, te sve zajedno te točke čine sliku. Slike se odbacuju kada se umanjuju dodatnih piksela, tako da ga ne možete vratiti u izvorni oblik.

Skaliranje vektorske slike omogućuje vam promjenu veličine bez gubitka kvalitete. To je moguće zahvaljujući matematičkim ponovnim izračunima dimenzija geometrijskih oblika koji čine sliku.

Rasterska slika omogućuje vam pouzdano prenošenje vizualnih informacija, vektorska slika nema takvu prednost. Slike vektorska grafika može biti korisno za vizualizaciju logotipa i konturnih crteža. Od njih nećete dobiti fotografsku ljepotu. Ili će to biti vrlo složene slike, koje se sastoje od ogromnog broja primitiva koji zapravo zamjenjuju piksele.

Jednostavan primjer kako pretvoriti raster u vektor

Dakle, vektor se sastoji od geometrijskih oblika. Photoshop ima alate za stvaranje staza. Kontura je geometrijski lik. Da biste napravili vektorsku sliku u Photoshopu, trebate stvoriti obris slike. U tome će nam pomoći alati grupe. Izaberi: Alat za pravokutni okvir, Elliptical Select Alat,** Alat za čarobni štapić , **Alat za brzi odabir I "Olovka" / alat za olovke.

Da bi vektor bio uredan, trebali biste odabrati bitmapu što je više moguće. dobra kvaliteta, inače će se crtanje kontura morati obaviti ručno.

Otvorite bitmapnu sliku u Photoshopu (najčešći format bitmape je JPG). Logotipi, konturni crteži, skice vrlo su jednostavni za obradu. Da biste dobili vektorsku skicu portreta, prvo možete pretvoriti portret u skicu koristeći "Galerije filtara", ili upotrijebite gotovu pop art. Kako raditi sa "Galerija filtera" i brzo stvoriti pop art od fotografija, o čemu smo govorili u prethodnim člancima. Za ovaj primjer uzet ćemo gotov pop art portret. Namjerno smo ga pripremili prema fotografiji ne od bolja rezolucija. Stoga će nam vektorska verzija pokazati primjetnu razliku.

Za rad s konturama morate nazvati karticu "Konture" / Put na paletu slojeva. Da biste to učinili, idite na izbornik "Prozor" / Prozor i potvrdite okvir "Konture" / Put. Oznaka će se pojaviti na paleti slojeva.

Slika ima 4 boje (pozadina se ne računa). Uzimamo alat "Čarobni štapić"/Alat za čarobni štapić i odaberite prvu boju. Za odabir svih područja razasutih otocima po slici, držite Shift.

S prvom odabranom bojom odaberite alat "Laso" / Laso ili Alat za pravokutni okvir i, bez uklanjanja odabira, kliknite desnom tipkom miša. U kontekstnom izborniku odaberite Napravite radni put.

U dijaloškom okviru odredite maksimalno izglađivanje "Tolerancija" / Tolerancija(od 1 do 10; što je manji broj, to će se konture bolje ponavljati). Pritišćemo U redu.

Knjižna oznaka "krug" pojavit će se prva petlja. Na slici će biti vidljiv u obliku krivulja s točkicama. Mogu se poravnati i namjestiti pomoću alata Alat za odabir čvora/izravan odabir. Pomoću ovog alata odaberite točku i prilagodite krivulju pomicanjem antene točke ili pomaknite sam luk.

Knjižna oznaka "krug" promijeniti naziv kruga. Da biste to učinili, kliknite na njega dvostruki klik i promijenite naziv u dijaloškom okviru.

Sve opisane korake radimo s ostalim bojama. Kao rezultat, dobivamo četiri konture za svaku boju.

Nakon što smo primili konture, ostaje stvoriti vektor. Idi na oznaku "Slojevi" / Layer na paleti slojeva stvorite novi sloj Shift+Ctrl+N. Postavljamo glavnu boju na onu u kojoj ćemo obojiti prvu konturu.

Natrag na oznaku "krug", postajemo na prvoj konturi. U glavnom izborniku pod "Slojevi" / Slojevi izabrati « nova boja ispuna» / Novi sloj ispune - "Boja"/puna boja. U prozoru koji se otvori kliknite U redu.

Sada idemo na knjižnu oznaku "Slojevi" / Slojevi, vidjet ćete prvi vektorski sloj na novom sloju.

U sljedećem dijaloškom okviru, kao i obično, odredite naziv datoteke i put.

To je sve. Metoda je prilično jednostavna.

Ako često morate raditi sa vektorske slike možda će vas ovaj članak potaknuti da naučite nešto novo grafički urednici. U svakom slučaju, naučili ste još jednu korisnu metodu. Želimo vam odličan rad.

Saznajte više o Photoshopu na tečajevima.

U ovom vodiču ćemo govoriti o tome kako bitmapnu sliku pretvoriti u vektorski oblik u Photoshopu. Naravno, Photoshop je prvenstveno dizajniran za rad s rasterskim slikama, a vektor u njemu je neka vrsta dodatka u obliku staza s maskom vektorskog sloja koja se nanosi na objekt i stvara vektorski oblik. U takvom vektorskom obliku (Shape) obris će biti vektorski, a ispuna rasterska.

U ovu lekciju razmotrite sljedeće korake:

Stvaranje dokumenta i crtanje objekta

Prvo krenimo novi dokument bilo koje veličine i sloja.

Sada nacrtajmo bilo koju sliku. Uzmite kist alata (Krist) s nezamućenim rubovima i punom neprozirnošću. Nacrtajmo neku jednostavnu geometrijsku figuru, na primjer, kao što je prikazano na slici.

Odabir bitmap objekta

Da biste preveli rastersku sliku, prvo je morate odabrati bilo kojim alatom tipa Select. Sada odaberite nacrtani objekt pomoću alata Wand Tool ili kliknite na sloj lijevom tipkom miša dok držite pritisnutu tipku Ctrl.

Pretvori odabrani objekt u vektorsku putanju (Path)

Uz pomoć bilo kojeg alata tipa Select pozivamo kontekstni izbornik. Da biste to učinili, usmjerite alat na odabrani objekt i kliknite desni gumb miševi. U izborniku koji se pojavi odaberite "Make Work Path ...".

Pojavit će se prozor u koji ćete morati unijeti parametar tolerancije koji određuje koliko kontrolne točkeće sadržavati vektorski oblik, što ih je više, to će vektorski objekt biti glatkiji, ali će kvaliteta kontrolnih točaka biti niska.

Stvorite vektorsku masku za sloj iz vektorske staze

Idite na karticu Paths, gdje bi se trebala pojaviti vektorska staza koju smo upravo stvorili.

Dvaput kliknite na njega da biste mu dali ime.

Zatim odaberite "Layer -> New Fill Layer -> Solid Color..." iz glavnog izbornika. Novom sloju možete dati neki naziv, a zatim kliknite "OK". Odaberite boju za budući oblik u dijaloškom okviru za odabir boje.

Novi sloj vektorske maske sada bi se trebao pojaviti na kartici Slojevi.

Kako spremiti vektorski objekt u biblioteku vektorskih oblika u Photoshopu

Zatim ćete biti upitani da imenujete novi vektorski objekt. Kliknite "OK", zatim provjerite novi objekt u biblioteci pomoću alata za prilagođene oblike.

Ako vam je vodič o pretvaranju rastera u vektor bio koristan, podijelite ga društvena mreža(ikone ispod).

Od osobnih:
"možete li mi reći kako se postiže ovaj efekt ili bi bilo super da postoji detaljna lekcija =)"

Pa raspravimo. Prvo, o pojmovima.
Rasterska slika je, grubo rečeno, mreža raznobojnih piksela, matrica. Na primjer, fotografija.
Vektorska slika su geometrijske primitive (točke, linije, poligoni) koje tvore sliku.
Praćenje (od engleske riječi "Trace" - trag, ispis, kontura) - pretvaranje rasterske slike u vektorsku.
Traženje je dug i naporan proces. Razmotrite to na primjeru ovih lekcija iz demiart.ru:
http://photoshop.demiart.ru/vector.shtml
http://photoshop.demiart.ru/vector_car.shtml
Prvo trebate postaviti minimalnu paletu za sliku, definirati granice boja i započeti iscrtavanje. Upravo je crtanje najzamornija faza posla koji se obavlja. Međutim, webmasteri često koriste praćenje i, naravno, ne mogu gubiti svoje dragocjeno vrijeme. Pa razgovarajmo o nekim trikovima.
U ovom članku će vam biti rečeno o programima s kojima možete lako i brzo (u pravilu) pratiti sliku. Ali ja ću se, za razliku od njegovih autora, ipak dotaknuti takvih grafičkih mastodonta kao što su Corel i Adobe.
naći ćete velika lekcija praćenje u Corel Drawu.
Adobe Photoshop prvenstveno je dizajniran za fotografiju, a ne za web dizajn. Ovdje je njegov brat Adobe Illustrator samo za ovaj dio. reći će vam kako ga koristiti za pretvaranje rastera u vektor. Usput, na stranici ima dosta zanimljivih članaka, vrijedi ih pogledati. - više detalja o temi.
Pa, sada, po mom mišljenju, najzanimljivije. O tome kako olakšati proces bez instalacije dodatna sredstva. (Za one koji su u tenku - ne mogu podnijeti da zabijem komp!).
Postoji tako strani prekrasan mrežni urednik Vector Magic. Zapravo, jesu kompletan program je (ako vam ne smeta par stotina dolara). vrlo detaljan i pristupačan kako bi vam rekao kako koristiti uslugu. Čak i ako njime ne dobijete najbolji rezultat, uvelike će vam olakšati daljnju obradu u Photoshopu.Jedina mana servisa je što nije potpuno besplatan. Za preuzimanje rezultata potrebna je registracija (registracija je jednostavna i brza, vrši se prije preuzimanja). Registracija vam daje 2 besplatno preuzimanje. Kao za probu. Pa, onda trebate plaćena pretplata. Ali to se smeće može zaobići ako promijenite IP, izbrišete kolačiće i promijenite e-poštu. Ako je slika mala (iako veličina ovdje neće stati), tada kopirajte-zalijepite ekran u Photoshopu i nema problema.