Iscrtavanje rasterske slike u Photoshopu. Filtri podizbornik “Distortion”. Stvaranje dokumenta i crtanje objekta

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, nije mijenjao i ništa novo nije dodano vektoru. trebao si vektorski alati u Photoshopu? Evo ih, želite još? Što god ste zaboravili o Photoshopu, majstore ilustratora. Otprilike ovakva misao motivirala je programere koji su u Photoshop uveli najjednostavnije vektorske operacije. Sada prijeđimo na posao.

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

Isticanje logotipa

Posebno bih želio napomenuti da kako bi prijevod u vektor bio kvalitetan, mora biti i sama slika velike veličine. To vrijedi u slučaju ocrtavanja u Illustratoru, ali za Photoshop je još važnije. Moja slika je široka 1500 piksela, kada završimo s pretvaranjem u vektor, pokazat ću kako Photoshop prevodi malu sliku i usporedit ćemo rezultate.

  • Odaberite alat Čarobni štapić
  • Postavite opcije tolerancije na 20 ili 30.
  • Tamo kliknite na ikonu Dodaj u odabir. O njihovom radu sam detaljno pisao u članku Add, Subtract, Intersect and Exlude u Photoshopu gdje smo govorili o vektorskim alatima, ali u selekciji ove opcije rade na isti način.

Da budem iskren, nije me briga kako ćete odabrati logotip, bilo da koristite ručni laso ili koristite Raspon boja. Samo što je u ovoj situaciji, konkretno na ovoj slici, najlakši način da to učinite s alatom Čarobni štapić.

Pretvaranje odabira u vektorsku putanju

Ne mijenjajte alat za č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 će naše konture biti glađe, stiliziranije i nepreciznije.

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

Spremanje staze u paleti Path

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 opisano u mom članku Vektorska maska ​​u Photoshopu. Ovaj proces ćemo provesti brzo i bez detalja.

    Provjerite je li vaša uzgajivačnica odabrana u Path paleti

    Odaberite Layer > New Fill Layer > Solid Color iz izbornika

    U prozoru koji se pojavi odaberite boju i kliknite OK

To je to. Sve bi bilo točnije da nije hronofag.ru Zapamtite da sam vam rekao da što je manja slika, to će se lošije prevesti. Kladim se da imate neku vrstu prljavog skena u rukama, gurnutog u Word, za koji kupac zahtijeva da se pretvori u vektor? jesam li u pravu U ovom slučaju, slika je komprimirana JPG kompresija, smanjen, pa povećan, pa opet smanjen na veličinu njegovog avatara, a proliven je i kečapom. Je li moguće takvu sliku učinkovito pretvoriti u vektor u Photoshopu?

Prvo, pogledajte naš logo. Unatoč izvrsnoj rezoluciji i jasnim rubovima, Photoshop nije uspio stvoriti dobre i ravnomjerne konture. Ilustrator to radi 100 puta bolje, ali članak nije o ilustratoru. Kao što vidite, konture nisu svugdje glatke, čak ni u pravokutnim dijelovima logotipa. A krugovi su potpuno kosi.

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

Ovdje je jasan primjer kako veličina rasterske slike utječe na kvalitetu iscrtavanja. I to unatoč činjenici da je slika vrlo visoke kvalitete unatoč veličini. Pa, smanjit ću kvalitetu. Spremimo sliku u JPG najgore kvalitete.

Pretvorimo ga u vektor. Izvrstan rezultat, jedino što nedostaje je kečap. Taman za zadovoljnog kupca, grunge ili vintage tretman!

Pa ipak malo manipuliram istinom. Činjenica je da je sve to razumno za Illustrator, koji kreira vektor na temelju slike. Photoshop ne stvara vektor na temelju slike, on stvara obrise na temelju 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 neće biti prikladan za odabir tako jezivih slika. Da, moći ćete napraviti kvalitetne odabire, koristiti sve alate za odabir, čak ćete ih moć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 jednostavno je gubljenje vremena. Jedina radna opcija je crtanje loga od nule u Photoshopu.

Ljudi se često pitaju kako napraviti vektorsku sliku u Photoshopu. Kao što znate, Photoshop je program za obradu rasterska grafika i nije namijenjen za rad s vektorima. S vektorska grafika rade posebni grafički urednici. Ali ako vam stvarno treba, ali nemate vremena naučiti novi program, tada uz pomoć nekih manipulacija možete pretvoriti sliku u vektor.

Što su rasterske i vektorske slike 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 rastersku sliku smanjite, a zatim znatno povećate, njezina će kvaliteta biti nepovratno narušena. Jer svaki piksel je točka određene boje, a sve te točke zajedno čine sliku. Slike se odbacuju kada se smanje dodatnih piksela, pa se ne može vratiti u prvobitni izgled.

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

Rasterska slika vam omogućuje pouzdano prenošenje vizualnih informacija; vektorska slika nema tu 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, morate stvoriti obris slike. U tome će nam pomoći alati grupe. “Odabir”/Odaberi: Alat za pravokutni okvir, Elliptical Select Alat,** “Alat za čarobni štapić” , **Alat za brzi odabir I “Polovka”/Alat za olovke.

Da bi vektor bio uredan, trebali biste odabrati rastersku sliku što je više moguće. dobre kvalitete, inače će konture morati biti nacrtane ručno.

Otvorite rastersku sliku u Photoshopu (najčešći format rasterske slike je JPG). Logotipi, konturni crteži 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. O tome 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 od fotografije ne od bolja rezolucija. Stoga će nam vektorska verzija pokazati primjetnu razliku.

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

Slika ima 4 boje (ne računamo pozadinu). Uzmi alat "Alat za čarobni štapić" i odaberite prvu boju. Za odabir svih područja razbacanih otocima po slici, držite Shift.

Kada je odabrana prva boja, 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"(od 1 do 10; što je manji broj, bolje će se ponoviti konture). Klik U redu.

Na knjižnoj oznaci "krug" pojavit će se prvi obris. Na slici će biti vidljiv u obliku krivulja s točkicama. Mogu se poravnati i prilagoditi pomoću alata “Odabir čvora”/Alat za izravni odabir. Pomoću ovog alata odaberite točku i prilagodite krivulju pomicanjem vitice točke ili pomaknite sam luk.

Na knjižnoj oznaci "krug" promijeniti naziv konture. Da biste to učinili, kliknite na njega dupli klik i promijenite naziv u dijaloškom okviru.

Provodimo sve korake opisane s preostalim bojama. Kao rezultat, dobivamo četiri konture za svaku boju.

Nakon što smo primili konture, ostaje samo stvoriti vektor. Idi na oznaku "Slojevi" na paleti slojeva stvorite novi sloj Shift+Ctrl+N. Postavljamo glavnu boju na onu kojom bojimo prvi obris.

Povratak na oznaku "krug", stojimo na prvom krugu. U glavnom izborniku u stavci "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", 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 radite 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.

Još više o Photoshopu - na tečajevima.

U ovoj lekciji ćemo govoriti o tome kako pretvoriti rastersku sliku u vektorski oblik u Photoshopu. Naravno, Photoshop je prvenstveno dizajniran za rad s rasterskim slikama, a vektor u njemu je neki dodatak u obliku staza s vektorskom maskom sloja koja se primjenjuje 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 alat Kist s nezamućenim rubovima i punom neprozirnošću. Nacrtajmo neku jednostavnu geometrijsku figuru, na primjer, kao što je prikazano na slici.

Odabir rasterskog objekta

Da biste preveli rastersku sliku, prvo je morate odabrati bilo kojim alatom za odabir. 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 (put)

Koristeći bilo koji alat tipa Select, pozivamo kontekstni izbornik. Da biste to učinili, usmjerite alat na odabrani objekt i pritisnite 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.

Stvaranje vektorske maske za sloj iz vektorske putanje

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 iz glavnog izbornika odaberite “Layer -> New Fill Layer -> Solid Color...”. Novom sloju možete nadjenuti nešto, a zatim kliknite "OK". Odaberite boju za budući oblik u dijaloškom okviru za odabir boje.

Sada bi se novi sloj s vektorskom maskom trebao pojaviti na kartici Slojevi.

Kako spremiti vektorski objekt u biblioteku vektorskih oblika u Photoshopu

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

Ako vam je lekcija o pretvaranju rastera u vektor bila korisna, podijelite je na društvena mreža(ikone ispod).

Od PM-a:
"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, otisak, kontura) - pretvaranje rasterske slike u vektorsku.
Traženje je dug i naporan proces. Razmotrite korištenje ovih lekcija iz demiart.ru:
http://photoshop.demiart.ru/vector.shtml
http://photoshop.demiart.ru/vector_car.shtml
Prvo trebate postaviti sliku na minimalnu paletu, odrediti granice boja i početi crtati. Upravo je crtanje najzamornija faza posla koji se obavlja. Međutim, praćenje često koriste webmasteri i, naravno, ne mogu gubiti svoje dragocjeno vrijeme. Pa razgovarajmo o nekim trikovima.
U ovom članku ćemo vam reći o programima s kojima možete lako i brzo (obično) pratiti sliku. No, za razliku od njegovih autora, ipak ću se dotaknuti takvih grafičkih mastodonta kao što su Corel i Adobe.
naći ćeš velika lekcija praćenjem u Corel Drawu.
Adobe Photoshop prvenstveno je dizajniran za rad s fotografijama, a ne za web dizajn. Ali 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.
E, sad, po mom mišljenju, ono najzanimljivije. Kako olakšati proces bez instalacije dodatna sredstva. (Za one u spremniku - mrzim začepiti računalo!).
Postoji tako prekrasan strani online urednik, Vector Magic. Zapravo, jesu cjelovit program Da (ako vam ne smeta nekoliko stotina dolara). će vam vrlo detaljno i jasno reći kako koristiti uslugu. Čak i ako njime ne postignete optimalan rezultat, znatno ć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, obavlja se prije preuzimanja). Registracija vam daje 2 besplatno preuzimanje. Kao za test. Pa, onda nam treba plaćena pretplata. Ali ovo smeće možete zaobići ako promijenite svoj IP, izbrišete kolačiće i promijenite e-poštu. Ako je slika mala (iako vas veličina neće spriječiti), kopirajte i zalijepite snimku zaslona u Photoshop bez problema.