Vektor u Photoshopu. Kako ispravno otvoriti vektorsku sliku u Photoshopu Fotografija u vektorskoj slici Photoshop

Ljudi se često pitaju kako napraviti vektorsku sliku u Photoshopu. Kao što znate, Photoshop je program za obradu rasterske grafike i nije namijenjen za rad s vektorima. Posebni grafički uređivači rade s vektorskom grafikom. Ali ako stvarno trebate, a nema vremena za proučavanje novog programa, onda uz pomoć nekih manipulacija možete pretvoriti sliku u vektor.

Što su rasterske i vektorske slike i po čemu se razlikuju

Rasterska slika je također mreža piksela (točaka). Svima nama poznata 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 oštećena. Budući da je svaki piksel točka određene boje i sve te točke zajedno čine sliku. Kada se slika smanji, dodatni pikseli se odbacuju, tako da je ne možete vratiti u izvorni izgled.

Skaliranje vektorske slike omogućuje promjenu veličine bez gubitka kvalitete. To je moguće zbog matematičkog preračunavanja veličina geometrijskih oblika koji čine sliku.

Rasterska slika vam omogućuje pouzdano prenošenje vizualnih informacija; vektorska slika nema takvu prednost. Vektorska grafika može biti korisna za iscrtavanje logotipa i 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. Izaberi: Alat za pravokutni okvir, Alat za eliptične odabire, ** Alat za čarobni štapić , ** "Brzi odabir" / Alat za brzi odabir i Alat za olovke.

Da bi vektor bio uredan, trebali biste odabrati bitmapu najviše moguće kvalitete, inače ćete morati ručno crtati konture.

Otvorite bitmapu 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 pomoću "Filtriraj galerije", ili upotrijebite gotov pop art. Kako raditi s "Galerija filtera" i brzo stvoriti pop art od fotografija, o čemu smo govorili u prethodnim člancima. Za ovaj primjer uzet ćemo gotovi portret pop arta. Namjerno smo ga pripremili od fotografije ne najbolje rezolucije. Stoga će nam vektorska verzija pokazati zamjetnu razliku.

Da biste radili s konturama, trebate pozvati oznaku "Putovi" / Put na paleti slojeva. Da biste to učinili, idite na izbornik "Prozor" / Prozor i potvrdite okvir "Putovi" / Put... Oznaka će se pojaviti na paleti slojeva.

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

Kada je odabrana prva boja, odaberite alat "Lasso" / Lasso 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 broj manji, to će se konture bolje ponavljati). Pritišćemo U redu.

Na oznaci "krug" pojavljuje se prvi obris. Na slici će biti vidljivo kao krivulje s točkama. Mogu se poravnati i opremiti alatom Alat za izravni odabir... Pomoću ovog alata odaberite točku i prilagodite krivulju pomicanjem vitice točke ili pomaknite sam luk.

Na oznaci "krug" promijenite naziv konture. Da biste to učinili, dvaput kliknite na njega 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. Idite na oznaku "Slojevi" / Layer na paleti slojeva, stvorite novi sloj Shift + Ctrl + N... Postavite glavnu boju na onu u kojoj ćemo slikati prvu konturu.

Natrag na oznaku "krug", postajemo na prvoj konturi. U glavnom izborniku u stavci Slojevi birati Novi sloj za popunjavanje - "Boja" / puna boja... U prozoru koji se otvori kliknite U redu.

Sada odlaskom na oznaku Slojevi, vidjet ćete prvi vektorski sloj na novom sloju.

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

To je sve. Metoda je prilično jednostavna.

Ako puno radite s vektorskom grafikom, možda će vas ovaj članak potaknuti da naučite nove grafičke uređivače. U svakom slučaju, naučili ste još jednu korisnu metodu. Želimo vam sjajan rad.

Saznajte više o Photoshopu na tečajevima.

U ovom vodiču naučit ćemo osnove crtanja vektorskih oblika u Photoshopu CS6 pomoću jednostavnih alata Shapes! Počet ćemo ispitivanjem kako alati rade. "pravokutnik"(Alat za pravokutnik ), "Zaobljeni pravokutnik"(Alat zaobljeni pravokutnik), "Elipsa"(Alat elipsa), "Poligon"(Polygon Tool) i "Crta"(Alat za liniju). Zatim ćemo naučiti kako odabrati boje ispune i poteza za oblike, promijeniti izgled poteza, urediti oblike koristeći korisna svojstva slojeva oblika i još mnogo toga! Imamo puno toga za naučiti, pa ćemo se u ovom tutorialu usredotočiti na rad i svojstva pet osnovnih alata u grupi Geometrijski oblici. U sljedećoj lekciji naučit ćemo kako dodati složenije oblike našem dokumentu pomoću alata Freeform Shape!

Ovaj vodič je za korisnike Photoshopa CS6. Ako koristite stariju verziju programa, pogledajte izvorni vodič za oblik i sloj sloja u Photoshopu.

Većina ljudi misli da se Photoshop koristi samo za obradu pikseliziranih slika, a ako biste ih pitali za dobar editor slika, odgovor bi u većini slučajeva bio "Adobe Illustrator". Doista, mogućnosti uređivača Adobe Illustrator mnogo su šire od programa Photoshop, ali, ipak, kao što ćemo vidjeti iz ove i sljedećih lekcija, razni alati grupe Shapes olakšavaju dodavanje jednostavnih vektorskih slika slikama i crtežima.

Ako ne znate što je vektorski oblik i kako se razlikuje od oblika piksela, pogledajte ovaj vodič.

Alati za oblike

Photoshop nam nudi izbor od šest alata u grupi Oblici: "pravokutnik"(Alat pravokutnik), Zaobljeni pravokutnik(Alat zaobljeni pravokutnik), "Elipsa"(Alat elipsa), "Poligon"(Alat Poligon), "Crta"(Alat za liniju) i "slobodna figura"(Alat za prilagođeni oblik). Svi ovi alati nalaze se na jednom mjestu na alatnoj traci. Prema zadanim postavkama vidimo alat Rectangle, ali ako kliknemo na ikonu alata i držimo tipku miša, na ekranu će se pojaviti padajući izbornik s popisom drugih alata iz kojih možemo odabrati onaj koji nam je potreban:

Klikom na ikonu alata Pravokutnik omogućit će nam pregled drugih alata u grupi Oblik.

Odabrat ću prvi alat na popisu, alat Rectangle:

Vektorski oblici, putovi i oblici piksela

Prije nego počnemo crtati oblike, moramo reći Photoshopu koju vrstu oblika želimo nacrtati, jer u stvarnosti, Photoshop nam omogućuje crtanje tri različite vrste oblika – vektorske oblike, puteve i oblike piksela. Razliku između ovih vrsta oblika detaljnije ćemo pogledati u drugim lekcijama, ali kao što smo već naučili iz lekcije "Nacrtajte vektorske oblike i pikselizirane oblike u Photoshopu CS6", u većini slučajeva ćete crtati vektorske oblike. Za razliku od oblika piksela, vektorski oblici su vrlo prilagodljivi, potpuno skalabilni i neovisni o rezoluciji. To znači da možemo uređivati, mijenjati veličinu po želji, bez gubitka kvalitete slike. Rubovi vektorskih oblika ostaju oštri i oštri i na zaslonu i pri ispisu.

Za crtanje vektorskih oblika umjesto staza ili pikseliziranih oblika, odaberite "Lik"(Oblik) na traci postavki alata na vrhu zaslona:

Odaberite način rada alata "Oblik" na ploči s postavkama

Ispunjavanje oblika bojom

Kliknite na ikonu uzorka boje ispune

Kao rezultat toga, otvorit će se dijaloški okvir u kojem će se od vas tražiti da odaberete jedan od četiri načina ispunjavanja oblika, što je označeno zasebnom ikonom. S lijeva na desno možete vidjeti ikonu bez boje (s crvenom dijagonalnom prugom), ikonu punjenja bojom, ikonu Gradijenta i ikonu uzorka:

4 opcije ispune oblika (bez boje, puna boja, gradijent i uzorak)

Način popunjavanja "Bez boje"

Kao što naziv govori, metoda punjenja "bez boje"(Bez boje) ne ispunjava oblik nijednom bojom. Zašto nam je potreban prazan oblik, pitate se? Pa, u nekim slučajevima možda želite da oblik ima samo tanak obris. Zatim ćemo pogledati kako dodati potez obliku, ali ako želite da oblik ima samo put bez boje ispune, odaberite opciju Bez boje:

Nijedna boja ne ispunjava oblik bilo kojom bojom

Ispod je primjer oblika nakon primjene opcije Bez boje. Sve što vidimo je tanak obris figure, takozvana "kontura". Obris je vidljiv samo u Photoshopu, pa ako počnete ispisivati ​​dokument ili ga spremati u JPEG ili PNG formatima, obris će nestati. Da bismo ga učinili vidljivim, moramo mu dodati crtu, koju ćemo dalje istražiti nakon što pokrijemo sve opcije. ispuniti(Popuni):

Kada je "Bez boje" odabrano kao način ispune, vidljiv je samo obris oblika (a čak i tada, samo u Photoshopu)

Metoda punjenja punom bojom

Da biste ispunili oblik bojom, odaberite opciju "Čista boja"(puna boja) (druga ikona slijeva):

Kliknite na ikonu parametra "Solid Color".

Nakon što odaberete opciju "Solid Color", odaberite boju za oblik klikom na jedan od uzoraka boja. Boje koje ste nedavno koristili pojavit će se u retku "Nedavno korištene boje"(Nedavno korištene boje) iznad glavnih uzoraka:

Odaberite boju klikom na njen uzorak

Ako tražena boja nije među uzorcima, kliknite na ikonu Color Picker u gornjem desnom kutu dijaloškog okvira:

Kliknite na ikonu Color Picker

Zatim odaberite željenu boju u alatu za odabir boja. Kliknite OK da zatvorite paletu kada se odlučite za boju:

U alatu za odabir boja odaberite boju za popunjavanje oblika

Ispod je isti oblik, samo ovaj put ispunjen bojom:

Naš oblik je sada ispunjen bojom

Metoda ispune "Gradijent"

Da biste ispunili oblik gradijentom, odaberite opciju "Gradijent"(Gradijent). Zatim kliknite na jednu od minijatura kako biste odabrali željeni uzorak gradijenta ili izradite vlastiti pomoću opcija ispod minijatura gradijenta. U zasebnom vodiču pogledat ćemo kako stvoriti i uređivati ​​gradijente:

Prvo odaberite parametar "Gradijent", a zatim - željeni uzorak gradijenta

Ispod je isti oblik, samo ovaj put ispunjen gradijentom:

Naš oblik je sada ispunjen jednim od unaprijed definiranih uzoraka gradijenta.

Metoda punjenja uzorkom

Konačno, odabirom opcije "Uzorak"(Uzorak), oblik možemo ispuniti uzorkom. Kliknite na jednu od sličica kako biste odredili gotov uzorak. U početku nema puno uzoraka u programu, ali možete preuzeti i dodatne uzorke preuzete s interneta ili kreirane sami klikom na malu ikonu zupčanika (ispod ikone Color Picker) i odabirom "Preuzmi uzorke"(Učitaj uzorke) iz skočnog izbornika:

Prvo odaberite parametar "Uzorak", a zatim - željeni uzorak uzorka

A ovako će izgledati oblik ispunjen jednim od uzoraka u Photoshopu. Za zatvaranje dijaloškog okvira "ispuni"(Popuni), pritisnite tipku Enter (Win) / Return (Mac) ili kliknite na prazan prostor na ploči s postavkama. Ako ste u nedoumici oko odabira prave boje, gradijenta ili uzorka za svoj oblik, ne brinite, kasnije ćemo istražiti kako ih možete promijeniti:

Oblik ispunjen odabranim uzorkom

Dodajte potez obliku

Prema zadanim postavkama, Photoshop ne dodaje poteze rubovima oblika, ali dodavanje jednog je jednostavno kao i punjenje bojom. Zapravo, opcije parametara "Stroke" ("Stroke")(Moždani udar) i "ispuni"(Fill) su isti u Photoshopu CS6, tako da ih već znate koristiti!

Da biste dodali potez, kliknite uzorak boje poteza na traci s opcijama:

Kliknite uzorak boje poteza

Kao rezultat, otvorit će se dijaloški okvir s istim opcijama kao i za ispunu, osim što sada biramo boju za potez. Ponovno su četiri ikone na vrhu prozora "bez boje"(bez boje), "Čista boja"(puna boja), "Gradijent"(Gradijent) i "Uzorak"(Uzorak). Prema zadanim postavkama, odabrana je opcija Bez boje. Ja ću, pak, odabrati opciju Solid Color, a zatim postaviti boju poteza na crnu odabirom iz uzoraka. Kao i u slučaju ispune, ako boja koja vam je potrebna nije među uzorcima, kliknite na ikonu Color Picker u gornjem kutu kako biste ručno odabrali željenu boju:

Odaberite opciju "Solid Color" za potez, a zatim odaberite željenu boju iz uzoraka boja.

Promijenite širinu poteza

Za promjenu širine (debljine) poteza koristite parametar "Širina"(Širina) koji se nalazi desno od uzorka boje poteza na traci s opcijama. Prema zadanim postavkama, njegova vrijednost je 3 pt. Da biste promijenili širinu, možete unijeti određenu vrijednost izravno u prozor za unos podataka (pritiskom na Enter (Win) / Return (Mac) nakon unosa za potvrdu podataka) ili kliknite na malu strelicu desno od vrijednosti i pomaknite klizač:

Promijenite širinu poteza

Opcija poravnanja rubova

Ako pogledate dalje na desnu stranu ploče postavki, vidjet ćete opciju Poravnajte rubove(Poravnajte rubove). Kada je ova opcija omogućena (označena), Photoshop će poravnati rubove oblika s mrežom piksela, zbog čega će oni ostati oštri i oštri:

Provjerite je li uključena opcija Poravnaj rubove

Međutim, da bi opcija Poravnaj rubove funkcionirala, nije je dovoljno jednostavno odabrati. Također želite da širina poteza bude u pikselima (px), a ne u točkama (pt). Budući da se širina mog poteza trenutno mjeri u točkama (zadana jedinica), vratit ću se i unijeti novu vrijednost širine od 10 piksela (px):

Da bi opcija Poravnaj rubove radila, postavite širinu poteza u pikselima (px)

U nastavku sam primijenio crni potez od 10 px na oblik:

Jednostavan oblik s crnim obrisom oko njega

Nakon dodavanja poteza obliku, ako se vratim i kliknem uzorak boje ispune na traci s opcijama, odabirom metode ispune "bez boje"(Bez boje), imat ću samo obris oblika s potezom. Oblik će iznutra postati prazan. Može se činiti da je oblik ispunjen bijelom bojom, ali to je samo zato što je boja pozadine dokumenta bijela, što zapravo i vidimo.

Isti oblik, s opcijom ispune "Bez boje"

Dodatne opcije poteza

Program prema zadanim postavkama crta potez kao kontinuiranu liniju, ali to možemo promijeniti klikom na gumb Postavite vrstu poteza oblika(Opcije poteza) na ploči postavki:

Kliknite na gumb "Postavite vrstu poteza oblika"

Ovo će otvoriti dijaloški okvir Opcije poteza(Opcije poteza), gdje možemo promijeniti izgled poteza iz neprekidne linije u isprekidanu ili točkastu liniju. Parametar Uskladiti(Align) omogućuje nam odabir vrste poravnanja za potez: unutar staze, izvan ili u sredini. Možemo napraviti krajeve linija za potez (parametar "krajevi"(Caps)) zaobljeni, kvadratni ili zadebljani, a spoj linija u potezu (parametar "Uglovi"(Ktovi): oštri, zaobljeni ili zakošeni. Kada se pritisne tipka "Drugi parametri"(Više opcija), koji se nalazi na dnu dijaloškog okvira, otvorit će drugi prozor u kojem možemo postaviti određene vrijednosti za poteze i razmake isprekidane linije, pa čak i spremiti postavke kao unaprijed:

Opcije poteza

Ispod je oblik s istim potezom, ali ovaj put, umjesto neprekidne linije, odabrana je točkasta linija:

Izgled poteza promijenio se iz neprekidne u isprekidanu liniju

Alat za pravokutnik

Dakle, već smo naučili kako odabrati različite alate grupe Shapes na alatnoj traci, kako odabrati boju ispune i poteza te kako promijeniti izgled poteza. Sada ćemo naučiti kako nacrtati same vektorske oblike! Počet ćemo ispitivanjem prvog alata grupe oblika na popisu - "pravokutnik"(Alat pravokutnik). Odabrat ću ga s alatne trake, kao i prije:

Odabir alata Rectangle Tool

Alat Rectangle omogućuje nam crtanje jednostavnih četverokutnih oblika. Da biste nacrtali oblik, kliknite u prozoru dokumenta kako biste definirali početnu točku oblika. Zatim, dok držite pritisnutu tipku miša, povucite pokazivač miša dijagonalno da biste završili crtanje oblika. Dok pomičete kursor, vidjet ćete tanke obrise (obris) budućeg oblika:

Povucite pokazivač kako biste nacrtali pravokutni oblik. Dok pomičete kursor, pojavljuje se tanak obris oblika.

Kada pustite tipku miša, program ispunjava oblik bojom koju ste odabrali na panelu postavki:

Program će ispuniti oblik bojom čim otpustite tipku miša

Promjena veličine oblika nakon što je nacrtan

Nakon što nacrtate početni oblik, njegove trenutne dimenzije će se pojaviti na traci opcija: širina(Širina (W)) i visina(Visina (H)). U mom slučaju, nacrtao sam oblik širine 533 piksela i visine 292 piksela:

Početne dimenzije oblika (širina i visina) vidljive su na ploči s postavkama

Ako trebate promijeniti veličinu oblika nakon što ste ga nacrtali (ova metoda radi za sve alate za oblike), samo unesite nove vrijednosti u odgovarajuće okvire za širinu i visinu. Na primjer, recimo da trebam da moj oblik bude širok 500 px. Potrebno je samo promijeniti vrijednost širine za 500 piksela. Ako je potrebno, mogao bih unijeti i određenu vrijednost visine. Ako pri promjeni visine ili širine oblika proporcije ostanu nepromijenjene, prvo kliknite na ikonu malog lančića između vrijednosti visine i širine:

Zatim, nakon aktiviranja ikone lanca, unesite novu vrijednost za visinu ili širinu. U tom slučaju, Photoshop će automatski zamijeniti odgovarajuću vrijednost drugog parametra. U mom slučaju sam ručno unio novu vrijednost za širinu od 500 piksela, a budući da je ikona lanca aktivirana, Photoshop je promijenio i vrijednost visine na 273 piksela:

Promjena veličine oblika

Promjena veličine oblika prije nego što se nacrta

Ako slučajno znate točnu visinu i širinu oblika prije nego što ga nacrtate, postoji jedan zgodan trik. S odabranim alatom Oblici, samo kliknite bilo gdje unutar dokumenta. Kao rezultat toga, odmah će se otvoriti dijaloški okvir u koji možete unijeti željene vrijednosti za visinu i širinu. Kliknite OK da zatvorite dijaloški okvir i program će automatski nacrtati oblik:

Kliknite bilo gdje unutar dokumenta da biste unijeli vrijednosti za širinu i visinu, a program će automatski nacrtati oblik

Crtanje oblika iz središta

Istražimo neke jednostavne, ali korisne tipkovničke prečace. Ako pritisnete i držite tipku Alt (Pobjeda) / Opcija (Mac) dok pomičete kursor, tada ćete oblik crtati iz središta, a ne iz kuta. Ova tehnika radi sa svim alatima za oblik, a ne samo s alatom Rectangle. Imajte na umu da prvo trebate početi crtati oblik i tek onda pritisnuti tipku Alt (Win) / Option (Mac). Također morate otpustiti prvu tipku miša i tek onda pritisnuti tipku Alt (Win) / Option (Mac), inače tehnika neće raditi:

Pritisnite i držite Alt (Win) / Option (Mac) da nacrtate oblik iz središta

Crtanje kvadrata

Da biste nacrtali kvadrat, postavite pokazivač u prozor dokumenta i počnite ga povlačiti, crtajući pravokutni oblik. Kada to počnete, pritisnite tipku Shift i držite ga pritisnutim dok pomičete kursor. Pritiskom na tipku Shift oblik će se pretvoriti u kvadrat. Opet, ne zaboravite pritisnuti tipku Shift nakon što počnete pomicati kursor i otpustiti ga zadnjeg, inače kvadrat neće biti nacrtan. Možete kombinirati dva tipkovnička prečaca zajedno pritiskom i držanjem tipki Shift + Alt(Pobjeda) /Shift + opcija(Mac) kada koristite alat "pravokutnik"(Alat pravokutnik), kao rezultat toga crtate savršeni kvadrat iz središta:

Pritisnite i držite tipku Shift dok pomičete kursor kako biste nacrtali kvadrat

Opet, dok slikate, vidjet ćete samo tanak obris kvadrata, ali kada otpustite tipku miša, Photoshop ga ispunjava odabranom bojom:

Program uvijek čeka da otpustite tipku miša prije nego ispunite oblik bojom

Opcije alata za oblike

Ako pogledate ploču postavki, zatim lijevo od parametra Poravnajte rubove(Poravnajte rubove) vidjet ćete ikonu zupčanika. Klikom na njega otvorit ćete dijaloški okvir s dodatnim postavkama za alat grupe "Oblici" koji je trenutno odabran:

Kliknite na ikonu zupčanika

Pošto imam odabran alat "pravokutnik"(Alat pravokutnik), klikom na ikonu zupčanika prikazat će se dodatne opcije za alat Rectangle. Osim rada s alatima Poligon i Line, koje ćemo kasnije istražiti, ovaj izbornik nećete koristiti prečesto jer smo već pokrili kako pristupiti tim opcijama s tipkovnice. Na primjer, parametar "Proizvoljno"(Neograničeno) omogućuje nam crtanje oblika bilo koje veličine i omjera, ali budući da prema zadanim postavkama svi alati grupe oblika rade na ovaj način, nema potrebe posebno odabrati ovu opciju. Parametar "Kvadrat"(Kvadrat) nam omogućuje crtanje kvadrata alatom Rectangle, ali to možemo učiniti jednostavnim pritiskom i držanjem tipke Shift dok pomičemo kursor. Parametar "iz centra"(From Center) je odgovoran za crtanje oblika iz središta, ali opet, možemo to učiniti držeći Alt (Win) / Option (Mac).

Ako odaberete opcije "Ciljana veličina"(Fiksna veličina) ili "Postavi proporcije"(Proporcionalno) i unesite vrijednosti za širinu i visinu, te će vrijednosti također utjecati na sljedeći oblik koji će se nacrtati, a ne samo na onaj koji ste već nacrtali. Stoga se morate sjetiti vratiti se nakon crtanja figure i ponovno odabrati parametar "Proizvoljno"(Neograničeno), inače će svaka nova nacrtana figura biti iste veličine ili proporcija:

Opcije koje vidite ovise o tome koji je alat u grupi Oblici odabran.

Uređivanje slojeva oblika

Ranije smo naučili da za crtanje vektorskih oblika u Photoshopu moramo postaviti način crtanja - "Lik"(Oblici) (za razliku od staza i oblika piksela). Kada nacrtamo vektorski oblik, program ga automatski postavlja na poseban poseban sloj tzv Sloj oblika(Sloj oblika). Ako pogledamo ploču slojeva, možemo vidjeti da je oblik koji sam nacrtao alatom "pravokutnik"(Rectangle Tool), koji se nalazi na zasebnom sloju oblika "Pravokutnik 1". Naziv sloja ovisit će o tome koji je alat korišten, pa ako nacrtam oval pomoću Ellipse Tool, sloj oblika će se zvati Ellipse 1:

Svaki novi vektorski oblik postavlja se na poseban sloj oblika

Vizualna razlika između običnog sloja i sloja oblika je ta što slojevi oblika imaju malu ikonu oblika u donjem desnom kutu minijature sloja:

Ikona na sličici sloja nam govori da je ovo sloj oblika.

Glavna razlika između sloja oblika i običnog sloja piksela je u tome što slojevi oblika ostaju u potpunosti uređivanje. Kad smo prethodno naučili kako odabrati boje ispune i poteza za oblik, spomenuo sam da se uvijek možemo vratiti i promijeniti boju čak i nakon što je oblik nacrtan. Sve što trebamo učiniti je provjeriti je li sloj oblika odabran na panelu Layers, a alat za grupu Shapes aktiviran. Zatim samo kliknite bilo koji uzorak boje Ispune(Ispuna) ili po uzorku boje Udarci(Stroke) na ploči postavki za odabir druge boje. Također možete promijeniti širinu poteza prema potrebi i raditi s drugim parametrima. Ja ću kliknuti na uzorak boje za ispunu:

S odabranim slojem oblika, kliknite na uzorak boje Ispuni.

Kliknite na plavi uzorak

Čim kliknem na uzorak, program odmah ispunjava oblik novom bojom:

Boja oblika je promijenjena bez ponovnog crtanja oblika

A ako ponovno pogledamo ploču slojeva, vidjet ćemo da je minijatura sloja oblika također promijenila boju:

Kada smo napravili promjene, minijatura sloja oblika također je promijenila svoj izgled.

Alat za zaobljeni pravokutnik

Pogledajmo drugi alat grupe Shapes - Zaobljeni pravokutnik(Alat zaobljeni pravokutnik). Odabrat ću ga s alatne trake:

Odaberite alat za zaobljeni pravokutnik

Alat Rounded Rectangle vrlo je sličan alatu Rectangle osim što nam omogućuje crtanje zaobljenih pravokutnika. Pomoću parametra podešavamo zaokruživanje uglova "Radius"(Radijus) na ploči postavki. Što je veća vrijednost radijusa koju unesemo, kutovi postaju zaobljeni. Vrijednost radijusa mora biti postavljena prije početka crtanja oblika, u mom slučaju ću unijeti vrijednost parametra "Radius", jednaku 50 piksela:

Koristite opciju Radius za definiranje stupnja zaokruživanja uglova

Nakon postavljanja vrijednosti radijusa, crtanje zaobljenog pravokutnika je slično crtanju običnog pravokutnika. Najprije kliknite u prozoru dokumenta da definirate početnu točku oblika, a zatim držite pritisnutu tipku miša i povucite pokazivač miša dijagonalno da biste završili crtanje oblika. Kao i kod oblika pravokutnika, dok pomičete kursor, program će nacrtati tanak obris oblika:

Povucite da biste nacrtali zaobljeni pravokutnik nakon što unesete vrijednost radijusa u traku s opcijama

Kada otpustite tipku miša, Photoshop završava crtanje oblika i ispunjava ga bojom:

Kada otpustite tipku miša, oblik će se ispuniti bojom.

Ispod je još jedan pravokutnik s radijusom od 150 piksela. Ova vrijednost je toliko velika (za ovaj oblik, u svakom slučaju) da su lijeva i desna strana pravokutnika oblikovane kao krivulja:

Što je vrijednost radijusa veća, to će kutovi biti zaobljeniji.

A ovdje je pravokutnik s malom vrijednošću radijusa od 10 piksela, koji samo malo zaokružuje kutove oblika:

Mala vrijednost radijusa manje zaokružuje kutove

Nažalost, u Photoshopu CS6 ne postoji pregled stupnja zaokruživanja kutova. Koliko su kutovi zaobljeni možemo vidjeti tek nakon što nacrtamo pravokutnik. Također, ne možemo promijeniti vrijednost radijusa dok crtamo oblik, a ipak nam Photoshop ne dopušta da se vratimo i promijenimo vrijednost radijusa nakon što smo nacrtali oblik. Sve navedeno znači da je crtanje zaobljenih pravokutnika u biti proces pokušaja i pogrešaka.

Ako vam se ne sviđa zaokruživanje uglova pravokutnika, nakon što ste ga nacrtali, idite na odjeljak izbornika "Uređivanje"(Uredi) na vrhu zaslona i odaberite Poništi: Alat za zaobljeni pravokutnik(Alat Poništi zaobljeni pravokutnik) (ili pritisnite tipkovnički prečac Ctrl + Z (Win) / Command + Z (Mac)), zbog čega će oblik biti uklonjen iz dokumenta. Zatim unesite novu vrijednost za radijus u traku s opcijama i počnite ispočetka crtati pravokutnik.

Odaberite Uredi> Poništi: alat za zaobljeni pravokutnik

Isti tipkovnički prečaci koje smo pogledali kada smo saznali za alat Rectangle rade s alatom Rounded Rectangle. Da biste nacrtali kvadrat sa zaobljenim kutovima, počnite crtati oblik, a zatim pritisnite i držite Shift. Otpustite tipku Shift nakon što pustite tipku miša.

Da biste nacrtali oblik iz središta umjesto ugla, počnite crtati oblik, a zatim pritisnite i držite Alt (Win) / Option (Mac). I na kraju, zajednički pritisci na tipke Shift+ Alt (Pobijediti) / Shift+ Opcija (Mac) uzrokovat će povlačenje kvadrata iz središta. Tipke se moraju otpustiti tek nakon što otpustite tipku miša.

Alat elipsa

Alat "Elipsa"(Alat Ellipse) omogućuje nam crtanje elipsa i krugova. Odabrat ću ga s alatne trake:

Odabir alata Ellipse

Kao i kod drugih alata koje smo pogledali, kliknite u prozoru dokumenta da definirate početnu točku oblika, a zatim držite pritisnutu tipku miša i povucite pokazivač miša dijagonalno da završite crtanje oblika:

Nacrtajte elipsu alatom Ellipse Tool

Otpustite tipku miša da završite crtanje oblika i ispunite ga bojom:

Oblik je ispunjen bojom.

Da biste nacrtali savršeno ravan krug pomoću alata Ellipse, počnite povlačiti, a zatim pritisnite i držite Shift... Za crtanje elipse iz središta pritisnite i držite Alt (Pobijediti) / Opcija (Mac) nakon početka crtanja. Držeći tipke u isto vrijeme Shift+ Alt (Pobijediti) / Shift+ Opcija(Mac) će vam omogućiti da nacrtate krug iz središta. I kao i uvijek, otpustite tipke tek nakon što otpustite tipku miša:

Krug nacrtan alatom Ellipse

Poligon alat

Alat "Poligon"(Polygon Tool) nam je zanimljiviji u smislu mogućnosti crtanja oblika. Odabrat ću ga s alatne trake:

Odabir alata Poligon

Dok pomoću alata Rectangle možemo crtati samo četverokutne pravokutnike, alat Poligon nam omogućuje crtanje poligona s onoliko strana koliko želimo. Zatim ćemo pogledati kako čak možete crtati zvijezde ovim alatom! Da biste nacrtali oblik pomoću alata Poligon, prvo unesite željeni broj strana u okvir parametara "Partije"(Bočne strane) na ploči s postavkama. Možete unijeti bilo koji broj između 3 i 100. Prema zadanim postavkama, broj strana je 5, a ja ću ga ostaviti ovako:

Unesite broj strana u okvir parametara "Strane".

Nakon što odredite broj strana, postavite pokazivač u prozor dokumenta i počnite ga povlačiti kako biste nacrtali poligonalni oblik. Photoshop uvijek crta poligonalne oblike iz središta, tako da ne morate držati pritisnutu tipku Alt (Win) / Option (Mac). Pritiskom i držanjem tipke Shift nakon što počnete crtati poligon, omogućit će vam da ograničite broj kutova za svoj oblik i postavite ga na zaslon točno onako kako želite:

5-strani oblik nacrtan alatom Poligon

Određivanjem broja stranica kao 3, lako možemo nacrtati trokut:

Jednostavan trokut nacrtan alatom Poligon

Ispod je poligon s 12 strana. Baš kao i kod opcije Radius za alat zaobljeni pravokutnik, ne možemo promijeniti broj strana nakon crtanja oblika, pa ako pogriješite, morate otići na odjeljak izbornika "Uređivanje"(Uredi) na vrhu zaslona i odaberite Poništi: Poligon alat(Alat za poništavanje poligona) (ili pritisnite Ctrl + Z (Win) / Command + Z (Mac)), zatim unesite drugu vrijednost u okvir "Bočne strane" i ponovno nacrtajte oblik:

Poligon s dvanaest strana

Crtanje zvijezda alatom Poligon

Da biste nacrtali zvijezdu pomoću alata Poligon, kliknite na ikonu zupčanika na ploči s postavkama, a zatim odaberite opciju "Zvijezda"(Zvijezda):

Kliknite na ikonu zupčanika i odaberite parametar "Star".

Zatim kliknite u prozoru dokumenta i povucite pokazivač kako biste nacrtali zvijezdu. Parametar "Partije"(Sides) na ploči s postavkama određuje broj vrhova zvijezde, pa ako je zadana vrijednost parametra pet, dobivamo zvijezdu petokraku:

Zvijezda petokraka nacrtana alatom Poligon

Promjenom parametra Sides na 8, dobivamo osmokraku zvijezdu:

Definirajte broj vrhova zvijezde pomoću parametra Sides

Možemo nacrtati oblik koji izgleda kao zvijezda koja eksplodira povećavajući oštrinu zvjezdanih zraka pomoću parametra "Dubina zraka"(Uvuci strane). Prema zadanim postavkama, vrijednost ovog parametra je 50%, povećat ću vrijednost na 90%. Također ću povećati broj vrhova zvijezde na 16:

Nacrtajte oblik koji izgleda kao zvijezda koja eksplodira povećavajući vrijednost dubine zraka

A evo i brojke koju sam dobio:

Eksplodirajuća zvijezda nacrtana alatom Poligon

Prema zadanim postavkama, vrhovi zvijezda imaju oštre kutove, ali ih možemo zaokružiti odabirom opcije Glatki vanjski kutovi(glatki uglovi):

Odabir opcije Smooth Outside Corners

Ispod je zvijezda petokraka s odabranom opcijom Smooth Outer Corners:

Glatki vanjski kutovi ublažavaju kut zvijezda

Također možemo zaokružiti kutove u podnožju zvjezdanih zraka odabirom opcije Glatki unutarnji kutovi(glatke uvlake):

Odabir opcije Smooth Inner Corners

Opet, naša zvijezda izgleda potpuno drugačije:

Nacrtana zvijezda s odabranim glatkim unutarnjim kutovima

Alat za liniju

Posljednji od glavnih alata u grupi Oblici je alat "Crta"(Alat za liniju). Odabrat ću ga s alatne trake:

Odabirom alata Linija

Ovaj alat nam omogućuje crtanje jednostavnih ravnih linija, ali njime možemo crtati i strelice. Da biste nacrtali ravnu liniju, prvo postavite širinu linije unosom vrijednosti (u pikselima) u okvir parametara "Debljina"(Težina) na ploči postavki. Prema zadanim postavkama, debljina je 1 piksel, povećat ću je na 16 piksela:

Parametar "Debljina" odgovoran je za debljinu (ili širinu) linije

Drugo, baš kao i kod drugih alata grupe Shapes, kliknite u prozoru dokumenta i povucite pokazivač kako biste nacrtali liniju. Da biste olakšali crtanje vodoravne ili okomite crte, pritisnite i držite pomak, nakon što počnete crtati liniju, zatim otpustite tipku miša i nastavite tipku Shift:

Držite pritisnutu tipku Shift za crtanje vodoravnih ili okomitih linija

Nacrtajte strelice smjera

Za crtanje strelica kliknite na ikonu zupčanika na ploči s postavkama da biste otvorili opcije "strelice"(vrhovi strelica). Odaberite gdje želite dodati strelice: na početku linije, na kraju ili na oba kraja istovremeno (ako želite da strelica pokazuje u istom smjeru u kojem crtate, odaberite opciju "Na kraju"(Kraj)):

Kliknite na ikonu zupčanika za pristup opcijama strelica.

Ispod je red sličan prethodnom, osim što se na kraju nalazi ikona strelice:

Lako crtanje vodilica pomoću alata Linije

Ako vam zadana veličina strelice ne odgovara, možete je promijeniti pomoću opcija "Širina"(Širina) i "duljina"(Duljina). Također možemo dodati krivulju strelici pomoću parametra "Zakrivljenost"(Konkavnost). Prema zadanim postavkama, vrijednost ovog parametra je 0%, ali ću je povećati na 50%:

Promijenite oblik strelice povećanjem vrijednosti parametra "Zakrivljenost"

A ovako sada izgleda strelica. Obavezno odaberite vrijednost za opcije alata Linija prije nego počnete crtati liniju, jer ih ne možete promijeniti dok crtate. Ako želite napraviti promjene, morat ćete izbrisati oblik i ponovno ga nacrtati:

Strelica s vrijednošću zakrivljenosti od 50%

Sakrij obris oko oblika

Kad god smo nacrtali oblik u ovom vodiču, program je prikazao njegov tanki obris. Kada smo pustili tipku miša, program je završio crtanje oblika i ispunio ga bojom. Problem je što ako pomno pogledate oblik koji ste nacrtali, najvjerojatnije ćete vidjeti tanak obris oko njega koji nije otišao nikamo. V&

Računalna grafika je vrlo širok pojam. Netko će na spomen ovog pojma pomisliti na trodimenzionalna remek-djela studija Pixar i Dreamworks, drugi će pomisliti na digitalnu fotografiju, a treći će pomisliti da je riječ o dizajnu računalnih igrica. Ali sigurno će biti puno onih koji će ovu frazu povezivati ​​s vektorskom grafikom. Unatoč iznimnoj popularnosti vektorske grafike, mnogi korisnici potpuno nisu upoznati s posebnošću vektorske grafike. Što se krije iza riječi "vektorska grafika" i zašto je toliko tražena?

Uobičajena bitmapa je niz točaka. Ovaj se niz može prikazati s maksimalnom točnošću ili približno. U prvom slučaju, bitmap informacija se prenosi bez gubitka, ali zauzima puno memorije. U drugom slučaju, grafička se slika može prenijeti s uvjetnom preciznošću. To sugerira izravnu analogiju sa zvukom koji je komprimiran "bez osjetnog gubitka" u MP3 format. Za grafiku sličan format je JPG. S umjerenim i ne baš visokim omjerom kompresije, izvorni niz točaka je prilično pogodan. Algoritmi za renderiranje rasterske grafike mogu se razlikovati, ali njihova je bit ista - slika je čvrsto vezana za matricu piksela.

Za renderiranje vektorske slike koristi se potpuno drugačiji pristup. Svaki vektorski crtež izrađen je pomoću geometrijskih oblika i krivulja. Korištenje matematike pri opisivanju slike daje ogromnu prednost: pri skaliranju vektorskih elemenata, izvorna slika ne gubi nikakvu kvalitetu. Bitmap slika se ponaša drugačije pri promjeni veličine – linije objekata na slici pri povećanju postaju zarasle u primjetan "češalj". Ti su artefakti u početku prisutni na slici, budući da bitmapa a priori ne može sadržavati kontinuirane elemente - linije, geometrijske oblike i tako dalje. Sve to u rasteru izgleda kao matrica piksela, što je uočljivije što se rasterska slika više povećava.

Vektorski formati također nisu bez nedostataka. Potreba za korištenjem jednostavnih elemenata za konstruiranje slike često postaje ozbiljna prepreka interpretaciji složene slike. Na primjer, vrlo je teško pretvoriti običnu pejzažnu fotografiju u vektorski format, budući da se na njoj nalazi mnogo objekata i njihova je geometrija vrlo složena.

U industrijskom tisku vektorski formati izgledaju jednako dobro za ispis slika svih veličina – velikih i malih. Rasterske slike, kada se povećaju, ne samo da se pretvaraju u mozaik, već mogu sadržavati i artefakte kompresije. Osim toga, vektorski formati prikladni su za korištenje u programiranju, jer se lako opisuju matematičkim izrazima.

Profesionalni dizajneri koriste alate dokazane tijekom godina za izradu vektorske grafike, kao što su Adobe Illustrator i CorelDraw. No, za hobiste koji treba brzo izraditi logo za print na majicu ili tehničku ilustraciju, nema potrebe pribjegavati tako glomaznim i skupim aplikacijama. Možete se snaći s besplatnim, a ponekad čak i online alatima. Uz njihovu pomoć možete pretvoriti rastersku sliku u vektorsku, napraviti skicu jednostavnog dizajna, generirati giljoš uzorak i tako dalje.

⇡ "Google crteži" je najlakši vektorski uređivač koji vam je uvijek na dohvat ruke

Najpoznatiji, jednostavan i pristupačni online uređivač vektora je Crteži u usluzi Google Drive. Ova je web aplikacija dio Googleovog mrežnog ureda i više je usmjerena na suradnju i dodavanje grafike drugim vrstama uredskih dokumenata nego stvaranje vektorske grafike. Međutim, još uvijek postoje neki osnovni alati za rad s njim.

Pomoću web aplikacije Slike možete kreirati različite oblike, strelice, vođice, grafičke formule, dodavati ravne linije, krivulje, polilinije, strelice i škrabotine. Također je dostupno dodavanje tekstualnih elemenata, uvoz rasterskih slika. Vektorske slike mogu se uvoziti, ali ne i uređivati ​​(dostupan je samo pregled).

⇡ Autotracer - besplatni pretvarač rastera u vektor

Kada su u pitanju složeni vektorski crteži, ponekad je lakše ne stvarati ih ispočetka, već vektorizirati bitmapu, odnosno pretvoriti je u vektorski format. Ovaj proces se također naziva praćenjem.

Gotovo svaki uređivač vektora ima alate za to, ali vektorizacija može biti još lakša s online alatima. Možete pronaći više od jedne web usluge koja nudi slične usluge. Na primjer, besplatni resurs Autotracer vrlo je prikladan za korištenje. Može se koristiti za pretvaranje PNG, BMP, JPEG i GIF datoteka u vektorski format i spremanje u SVG, EPS, PDF, DXF format.

Usluga je potpuno besplatna, ali postoji jedno ograničenje: veličina izvorne datoteke ne smije prelaziti jedan megabajt. Prije pretvorbe možete postaviti neke postavke: odrediti broj boja koje će ostati na bitmapi prije vektorizacije, kao i riješiti se šuma, naznačiti u kojim slučajevima će se linije uzeti kao krivulje. Sam proces je vrlo brz, pa ako kvaliteta konačne slike nije prikladna, uvijek možete eksperimentirati s postavkama i pokušati ponovno.

⇡ Vector Paint je vektorski uređivač u Chromeu koji može raditi bez preglednika

Vector Paint je web aplikacija za Google Chrome ugrađena u HTML5, ali može raditi i bez preglednika. Spada u novu generaciju aplikacija, predstavljenih početkom rujna ove godine. Takve aplikacije možete pokrenuti izravno s radne površine - za njihovo korištenje nisu potrebni otvoreni preglednik, kao ni pristup internetu.

Vector Paint sadrži prilično veliku kolekciju raznih unaprijed postavljenih oblika koji se mogu koristiti u projektima: postoje satovi, oblaci, strelice, životinje, bilješke i još mnogo toga. Oblici se mogu izraditi i ručno pomoću ravnih i izlomljenih linija, alata za crtanje slobodnih oblika, pravokutnika, elipse. Za svaki element možete odabrati boju, debljinu i vrstu poteza, kao i boju ispune, učiniti ga djelomično prozirnim, dodati jedan od mnogih efekata (izobličenja, sjene, teksture, pseudo-3D itd.). U projektu postoje i alati za upravljanje elementima: mogu se premjestiti naprijed ili vratiti. Za preciznije postavljanje elemenata postoje brojni alati za poravnanje, možete uključiti i prikaz ravnala.

Prema zadanim postavkama, rad se izvodi na jednom sloju, ali ako je potrebno, možete dodati mogućnost rada s više slojeva. Ova je značajka implementirana kao dodatak. Da biste ga instalirali, ne morate ništa preuzimati, samo trebate odabrati dodatak u izborniku istog imena. Rad sa slojevima uključuje mogućnost kombiniranja odabranih slojeva, skrivanja nekih od njih, prijenosa odabranih elemenata u zasebni sloj.

Vector Paint nudi i druge dodatke koji se lako mogu dodati u aplikaciju. Riječ je o naprednim mogućnostima rada s tekstom (dodatni fontovi, postavljanje razmaka, pojedinačni elementi natpisa), dodavanje markera, korištenje slika za stvaranje ponavljajućih uzoraka na obrascima. Dodatne opcije poteza i ispune također su uključene u izborniku dodataka.

Gotovi projekti se spremaju u SVG formatu, a mogu se izvesti i u PNG i JPEG.

⇡ SVG-Edit - online uređivač vektora

SVG-Edit je JavaScript-temeljen uređivač vektora koji se može pokrenuti u bilo kojem pregledniku. Može se koristiti kao online usluga (u ovom slučaju za pristup se koristi demo adresa), kao i kao web aplikacija (u tom slučaju morate preuzeti arhivu sa SVG-Edit datotekama, raspakirati je i pokrenuti datoteku aplikacije u bilo kojem pregledniku).

SVG-Edit u potpunosti radi sa SVG datotekama, što omogućuje spremanje projekata u ovom formatu i otvaranje takvih datoteka i unošenje promjena u njih. Osim toga, SVG datoteka se može uvesti u projekt kao zaseban element.

Za izradu vektorskih grafičkih elemenata u SVG-Editu možete koristiti isprekidane linije, pravokutnike, kvadrate, elipse, krugove, poligone, obrise, tekst. Moguće je ispuniti elemente bojom, kao i koristiti gradijente, uključujući radijalne. Podržava rad sa slojevima, prikaz mreže i prikaz elemenata u žičanom okviru. Postoje alati za promjenu rasporeda elemenata (iznad, ispod), za brzo kloniranje odabranih vektorskih oblika, za njihovo grupiranje. Mnoge su naredbe dostupne iz kontekstnog izbornika (kao u konvencionalnim desktop uređivačima). Prilično je pažnje posvećeno alatima za poravnavanje na platnu: elemente možete poravnati u odnosu na odabrane objekte, na najveći ili na najmanji objekt.

Program ima veliku biblioteku gotovih oblika (isti onaj koji se koristi u Vector Paintu), ali također pruža pristup ogromnoj besplatnoj biblioteci vektorskih grafičkih elemenata IAN Image Library. Za rad s njim potrebna je registracija, ali tada možete pregledavati zbirke uzoraka vektorske grafike izravno iz uređivača i odmah ih dodati trenutnom ili novom projektu.

⇡ Chittram - jednostavan online uređivač

Chittram je još jedan uređivač vektora koji može raditi kao web aplikacija. Za razliku od SVG-Edita, implementiran je kao punopravna online usluga s mogućnošću spremanja projekata na poslužitelj. Google račun se koristi za pregled i uređivanje prethodno izrađenih projekata.

Chittramove mogućnosti su skromnije od SVG-Edita, ali ovaj uređivač će se zasigurno činiti ugodnijim za korisnike početnike. Aplikacija ima mogućnost korištenja rasterske slike kao pozadine, ali ne možete odabrati sliku s tvrdog diska - samo navedite vezu na datoteku. Ne postoji ni uvoz lokalnih vektorskih slika, ali možete dodati datoteke iz galerije korisnika web servisa u projekt i uređivati ​​ih. Stranica je implementirala pretragu u galeriji po ključnim riječima, kao i po oznakama.

Za izradu vlastitih projekata možete koristiti standardni skup alata: ravne linije, krivulje, Bezierove krivulje, poligone, krugove, ovalne, pravokutnike i kvadrate. Dostupna je i izrada teksta. Za svaki element moguće je postaviti veličinu poteza, boju ispune, boju i smjer gradijenta, postotak prozirnosti. Za preciznije crtanje možete koristiti mrežu za koju je prilagođena veličina ćelije. Također možete kontrolirati veličinu i orijentaciju platna.

Ako projekt koristi nekoliko oblika, prikladno je prikazati ploču koja sadrži popis svih elemenata. Služi za preimenovanje i brzo odabiranje objekata. Ista ploča se koristi za rad sa slojevima.

⇡ Inkscape je potpuna alternativa komercijalnim paketima

Inkscape vektorski uređivač ima mnoštvo prednosti. Prvo, radi se o više platformi (može raditi na Windows, Linux, Mac). Drugo, podržava širok izbor popularnih vektorskih formata, uključujući SVG, SVGZ, EMF, DXF, EPS, PostScript, WMF i još mnogo toga.

Urednik također ima standardne alate za bilo koji vektorski uređivač za kreiranje grafike: oblici, krivulje, tekst, ispuna, puna podrška za slojeve. Inkscape vam omogućuje izvođenje različitih radnji s putovima, crtanje i primjenu logičkih operacija (kombiniranje, presijecanje, isključivanje jedne iz druge itd.). Korisnik ima veliku biblioteku filtara i poseban uređivač s kojim možete kreirati vlastite efekte. Program implementira podršku za grafičke tablete, tako da možete ručno crtati u njemu, kontrolirajući nagib i pritisak olovke.

Vrijedno je obratiti pozornost na ugrađene alate za vektorizaciju rasterskih slika. Kako bi se osiguralo da se važni objekti u prvom planu uzimaju u obzir prilikom praćenja fotografija, koristi se SIOX (Simple Interactive Object Extraction) algoritam koji pomaže pri automatskom prepoznavanju takvih objekata.

⇡ ZebraTRACE - besplatna guilloche izrada

Sve novčanice, kao i dokumenti od državnog značaja (diplome, svjedodžbe, svjedodžbe i tako dalje) lako se prepoznaju na prvi pogled. Suptilni obrasci koji se ponavljaju kroz glavni crtež daju ovu "prepoznatljivost" dizajnu dokumenta. Takve linije nazivaju se guilloche.

Guilloche se mogu crtati rukom u vektorskom uređivaču, međutim, bez posebnih dodataka i vještina u stvaranju takvih uzoraka, ovaj proces može biti odgođen. Besplatni uslužni program ZebraTRACE pomaže vam u ovim zadacima.

Ovaj program prati slike i poravnava ih s guilloche uzorkom. ZebraTRACE koristi parametarsko generiranje giljoša. Svaka vrsta uzorka koju možete izraditi s aplikacijom određena je matematičkom formulom. Dakle, ako postoji želja i slobodno vrijeme za eksperimente, korisnik može dobiti jedinstvene crteže.

Vrlo je lako stvoriti nove giljoše. Pokušajte unijeti manje promjene u formulu za generiranje uzorka, na primjer promijeniti koeficijent s 2 na 3, i uzorak će se promijeniti. Za one koji ne žele biti kreativni uz ZebraTRACE, program uključuje desetak unaprijed postavljenih formula s formulama koje vam omogućuju da dobijete najčešće giljoše.

⇡ Zaključak

Besplatni alati za vektorsku grafiku nisu toliko uobičajeni koliko biste željeli, ali jesu. Dobra vijest je da je razvojem standarda HTML5 i drugih web tehnologija postalo moguće koristiti preglednik kao uređivač vektorske grafike – prije se o takvom moglo samo sanjati. Za jednostavne projekte takvi alati štede puno vremena, a ako koristite Inkscape, općenito možete odbiti kupnju vektorskog uređivača za potrebe dizajna.

Vektorski crteži se sve više koriste u raznim alatima za tisak za stvaranje prekrasnih dizajna od drva, plastike, metala, papira i drugih materijala. Danas ćemo shvatiti kako možete napraviti vektorski crtež vlastitim rukama pomoću programa Photoshop. Utrošivši dosta vremena, dobit ćemo kvalitetan vektorski crtež, koji ćemo bez problema moći koristiti u budućnosti.

Kako prevesti crtež u vektor?

Prije svega, treba napomenuti da se samo crteži koji su prikazani na bijeloj pozadini mogu pretvoriti u vektorski format. Ako pozadina nije bijela, prvo morate ukloniti sve nepotrebno i očistiti pozadinu.

1. Pomoću alata za odabir odaberite samo element koji želimo prevesti u vektorski crtež i kopirajte ga u novi sloj pod nazivom "oblik". Zatim stvorite još jedan sloj i potpuno ga ispunite bijelom bojom, ovaj sloj se može nazvati "pozadinom". Sada premjestite sloj "pozadina" ispod sloja "oblik" i spojite ih. Dobivena slika naziva se "Baza". Duplicirajte sloj "Baza" dvaput i nazovite ih "Base_1" i "Base_2". Onemogućite njihovu vidljivost.

2. Počnimo s našim operacijama prevođenja slike u vektorski format. Prije svega, primijenite korekciju "Isogelia" na sloj "Baza" kako biste dobili crtež u crno-bijelom formatu. Ne uvijek prvom korekcijom dobijemo sliku koju želimo, tako da možemo napraviti nekoliko kopija slojeva i napraviti prilagodbe s različitim vrijednostima dok ne dobijemo ono što nam je potrebno.

Tako smo dobili najnormalniji učinak.

3. Zatim primjenjujemo Diffusion filter na rezultirajuću sliku kako bismo uklonili nazubljene rubove. Način uključivanja filtra: "Filter - Stiliziraj - Difuzno" (Filter-Stylize-Difuse). U prozoru koji se otvori odaberite "Anizotropno".

4. Sljedeći korak je zaglađivanje rubova kako bi postali jasniji, za to pritisnite "Image - Correction - Levels" (Image-Adjustment-Levels). U otvorenom prozoru pomaknite lijevi i desni klizač bliže sredini. Kako biste vidjeli rezultat korekcije, najbolje je povećati sliku do 300% prije otvaranja razina.

5. Ponavljamo točke 3 i 4 istim redoslijedom.

6. Isključite vidljivost našeg glavnog sloja i uključite sloj "Baza_1". Provodimo akciju "Image - Correction - Isogelia" (Image-Adjustment-Phreshold). Postavite parametar na 138.

7. S ovim slojem radimo operacije navedene u paragrafima 3.4 i 5.

8. Napravite novi sloj i ispunite ga crnom bojom. Mi to zovemo "Pozadina". Postavite ga ispod sloja "Baza". U sloju "Baza_1" promijenite mod u "Razlika".

Evo što dobivamo:

9. Slika je ispala malo zastrašujuća, ali sada ćemo to popraviti. Učinite sloj "Baza" aktivnim i dodajte masku sloja. Nakon toga uz pomoć gumice možemo ukloniti višak područja na licu i tijelu djevojke.

10. Dakle, dobili smo crtež, sada ga moramo prevesti u vektor. Upotrijebite "Čarobni štapić", odaberite cijelo crno područje slike, a na slici pritisnite desnu tipku miša, u izborniku koji se otvori odaberite "Generiraj radni put". Postavite vrijednost na 1.0.

Konačni rezultat

Kao što znate, vektorske ilustracije trenutno su vrlo popularne u web grafici. Profesionalni dizajneri mogu stvoriti takve ilustracije za nekoliko sati. Bilo da ste početnik ili hobi, lekcije web grafike sigurno će vam biti izuzetno korisne. Svrha ove lekcije je baciti svjetlo na proces stvaranja odabrane slike. Pokazat ću cijeli proces korak po korak i objasniti sve korake koristeći svoje komentare.

Da biste stvorili stvarno cool sliku, morate odabrati program koji želite i slijediti određena pravila. Ako želite nacrtati vektorsku ilustraciju, treba imati na umu da se za to koriste takvi uređivači, kao npr Adobe ilustrator ili Corel Draw... Međutim, Photoshop ima dovoljno sredstava za razvoj vektorskih ilustracija. To ću jasno pokazati u svojoj lekciji o tome kako prevesti crtež u vektor. Kao osnovu za ilustraciju odabrao sam skicu mačke. Odlučio sam prikazati plavu mačku s ružičastim cvjetovima u šapama.

Korak 1

Krenimo od stvaranja pozadine. Nacrtajte oblik pomoću alata za odabir () (u Oblikujte slojeve(Oblik sloja)). Postavke - (Prozirnost popunjavanja) = 0% ... Sada upotrijebite preklapanje s gradijentom: ((Stil sloja - Gradijentni sloj)) da ispunite stvoreni oblik. Sve postavke su zadane, samo trebate promijeniti kut (ja ću odrediti stupanj) i gradijent. Dodati Moždani udar(Stroke) ((Stil sloja - Stroke)). Koristimo sve zadane postavke, osim širine in 1 px i boje.