Na otvorenim prostorima ruskog interneta našao sam sliku logotipa. Je li moguće pretvoriti ga iz rastera u vektor u Photoshopu i 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 ništa novo nije dodavano vektoru. Da li su vam bili potrebni vektorski alati u Photoshopu? Evo ih, želite li još? Šta ste zaboravili u Photoshopu, majstore Illustrator. Otprilike je ovakav način razmišljanja natjerao programere da implementiraju najjednostavnije vektorske operacije u Photoshopu. Prijeđimo sada na posao.

Pretvorba rastera u vektor provodi se kroz područja odabira. Prvo kreiramo odabir, zatim prevedemo linije odabira u vektorske staze, zatim vektorske staze ispunimo slojevima ispune, stvarajući tako vektorsku masku. Kako sve ovo ne biste razumjeli na nivou armijskih timova - kliknite ovdje, kliknite tamo, trebali biste naučiti raditi s alatima za vektorsko crtanje, razumjeti kako vektorske putanje mogu međusobno djelovati i naučiti stvoriti vektorsku masku. Ali ne brinite, ne morate sjediti za čitanje 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 uporedit ćemo rezultate.

• Odaberite alat Magic Wand Tool

• Podesite u Tolerance options 20 ili 30.

• Na istom mjestu kliknite ikonu Dodaj u odabir. Detaljno sam o njihovom radu pisao u članku Dodavanje, oduzimanje, presijecanje i isključ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, posebno na ovoj slici, najlakši način da to učinite 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, stilizovaniji i neprecizniji.

Na donjoj ilustraciji odabrao sam alat za odabir puta i odabrao putanju tako da je vidite.

Čuvanje 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 ime 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 Sloj> Novi sloj ispune> Puna boja

U prozoru koji se pojavi odaberite boju i kliknite U redu

To je sve. Sve bi bilo preciznije 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? Pretpostavljam? U isto vrijeme, slika je komprimirana JPG kompresijom, smanjena, zatim povećana, pa opet smanjena na veličinu avatara, pa se čak i kečap prolio po njoj. Je li moguće kvalitativno prevesti takvu sliku u vektor u Photoshopu?

Prvo pogledajte naš logo. Uprkos odličnoj rezoluciji, 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 svuda, č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. Sačuvajte sliku kao JPG u najlošijoj kvaliteti.

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

Pa ipak, malo manipuliram istinom. Poenta je u tome da sve ovo ima smisla za Illustrator, koji stvara vektor iz slike. Photoshop ne stvara vektor iz slike, već stvara putanje iz odabira. Logično je da što je izbor bolji i glatkiji, krivulje će biti glađe. Alat Magic Wand s kojim smo odabrali ta područja više nije prikladan za odabir tako jezivih slika. Da, moći ćete napraviti visokokvalitetne odabire, upotrijebili ste 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 je samo gubljenje vremena. Jedina radna opcija je iscrtavanje logotipa od nule u Photoshopu.

Iako se moja bilješka o maskama u Photoshopu nije ohladila, hitno želim istaknuti pitanje pretvaranja rastera u vektor. Prije dva dana ušao sam u svoju hronofagu Google analytic i šta sam vidio. Ispostavilo se da neki ljudi dolaze na moju web lokaciju na zahtjev "raster to vector", a u međuvremenu na mojoj web stranici nema niti jedne razumne napomene o ovoj temi. Ljudi muče Google za pretvaranje rastera u vektor Corel Draw, ilustrator i čak Adobe photoshop ... Počnimo s Photoshopom.

Od rastera do vektora. Zašto je ovo potrebno?

Photoshop je bitmap program. Vektor je u njemu prisutan u obliku vektorskih obrisa. Kao takav, vektorski objekti nije u Photoshopu. Ali postoje vektorske staze koje se mogu pretvoriti u vektorsku masku. Maska se primjenjuje na efekt ili objekt, a vektor se dobiva u Photoshopu. Sadržaj takvog objekta je još uvijek rasterski, ali se može pretvoriti u vektor kada se spremi u neke formate.

Na primjer, možemo stvoriti ispunu i prevući vektorsku masku preko nje. Photoshop ima čitavu grupu alata koji to rade besplatno i automatski, ovo je grupa vektorskih primitiva. Za više detalja pročitajte moj članak Vektorski primitivi u Photoshopu ili. Dakle, kontura će biti vektorska. Ispunite unutar rastera.

Photoshop ne radi s vektorima punim kapacitetom. Tu i ovdje koristi samo svoje prednosti. Ali čak se i u Photoshopu rasterski objekti mogu pretvoriti u vektorske objekte. Zašto vam ovo treba ako imate Illustrator? Pa, kako da vam kažem. Kada aktivno radite sa grafikom, različite situacije... Ponekad je lakše prevesti odabir u putanju na licu mjesta, nego ići bezglavo u Illustrator i tamo vršiti praćenje. Da biste pokosili gredicu jagoda na selu, ne morate zvati kombajn. Na kraju, ne žele svi ili znaju koristiti Illustrator, ne trebaju ga svi, ne mogu ga svi instalirati za sebe, a vi morate ovdje i sada prevesti squiggle u vektor. Uopće nije potrebno sjediti s tri toma na Illustratoru nekoliko tjedana.

Pretvorba rastera u vektor u Photoshopu

Šta tačno Photoshop može prevesti u vektor? Sve ako ovaj objekt odaberete unaprijed pomoću alata za grupe Odaberite... Photoshop pretvara bilo koji odabir u okvir. O alatima za odabir možete pročitati u članku Primitivi odabira u Photoshopu. Daću vam radni primjer. Prije mnogo godina kontaktirao me vrlo težak kupac i zatražio teško mjesto. Za web stranicu bilo je potrebno izvesti razne umjetnosti, pa sam je odlučio nacrtati u Photoshopu. Tokom crtanja pretvorio sam ga u vektor, a sada ću vam reći kako. Evo jedne od onih slika koje sam naslikao četkom sa oštrim ivicama na tabletu. Nacrtao sam se oko originalnog Vitruvijskog čovjeka, izmijenio ga i naslikao svoje, različito od originala, lice. Ideja o vektorizaciji umjetnosti nastala je slučajno. Ali nakon što sam to implementirao, dobio sam priliku da prilagodim osobu po svojoj volji. Štoviše, prethodno poderani rubovi i nepravilnosti nakon vektorizacije su izglađeni.

Pronalaženje slike za praćenje

Pretražio sam u Google slikama leptira. Pretvorit ćemo ga u vektor. Imajte na umu da što je veća slika, to će naš vektorski objekt biti glatkiji. To vrijedi i za Photoshop i za Illustrator. Pod velikom slikom mislim na sliku širine 1000 piksela ili više. Moj leptir, na primjer, ima 2000 piksela.

Odabir objekta

Odaberite iz menija Alat najčešći čarobni štapić Alat za čarobni štapić i kliknite na bijelo područje. Ovako smo stvorili područje za odabir, ali moramo odabrati leptira.

Idi Odaberite> Obrnuto ili kliknite na radni prostor i na izborniku koji se pojavi odaberite Odaberite obrnuto... Poanta je da stvoreni odabir mora biti obrnut da bi se odabrao leptir. Iskreno, nije me briga kako ćete stvoriti svoj odabir. Pratite lasso rukom, nije važno.

Kako stvoriti vektorsku putanju

Imamo odabir, sada ga pretvorimo u vektorsku putanju put... Odaberite bilo koji alat za odabir poput Lasso Tool, Pravougaoni alat za izbor ili Alat za čarobni štapić... Desnom tipkom miša kliknite područje za odabir i u izborniku koji se pojavi odaberite Napravite radni put... U meniju koji se pojavi podesite stepen zaglađivanja Tolerancija ukusa. Ovisnost je jednostavna. Što je veći broj, veće je zaglađivanje. Što je manji broj, to je niže anti-aliasing. Visoko anti-aliasing znači manji broj vektorskih čvorova i nepreciznije praćenje rasterske putanje. U slučaju mog Vitruvijskog čovjeka, to sam upravo htjela.

Dakle, u paleti Put sada imamo radni put. Ako nemate paletu Put otvori ga Windows> Putanja Radno područje palete Put izgleda kao radna površina ili privremeno sklonište. Na njemu se mogu pojaviti različite konture, ali ako vodite računa o dosljednoj uštedi, one će s vremenom nestati. Dvaput kliknite na obris Radni put i posebno sačuvajte skicu. Konture na tom području Put rade na isti način kao slojevi u paleti Slojevi... Ako je obris odabran, onda je aktivan i možete raditi s njim.

Photoshop alati za rad sa putanjama - Alat za odabir putanje i Alat za direktan odabir... Imamo put, ali nemamo objekt. Ako ste čitali moju seriju bilješki o vektorima u Photoshopu, već znate da je vektor u Photoshopu predstavljen kao vektorska maska ​​za neku vrstu efekta ili grafike. Vektor može biti prisutan i kao pametan sloj koji upućuje na uvezenu Illustrator datoteku, ali to ćemo ostaviti za drugu napomenu. Odaberite putanju pomoću alata Alat za odabir putanje ili u paleti putanja Put... Kliknite na Sloj> Novi sloj za popunjavanje> Puna boja Napravili smo sloj za ispunu, kojem je odmah dodijeljena vektorska maska ​​u obliku naše putanje.

Usavršavanje vektorskog obrisa

Koristeći materijale koje sam opisao u člancima Alati za vektorsko crtanje u Photoshopu i dodavanje, oduzimanje, presijecanje i isključivanje u Photoshopu, komplicirajmo crtež. Uzeo sam alat Pen Tool, odabrala masku sloja ispune. U postavkama Pen Tool staviti gore Oduzmi i dodali neke elemente našem leptiru. Izrezao sam uzorke na krilima, a noge i antene učinili debljima.

Kreiranje prilagođenog oblika Prilagođeni oblici

Rezultirajući objekt uvijek možete spremiti u proizvoljne oblike Prilagođeni oblici... Prije nekog vremena spomenuo sam kako se to može učiniti u članku Custom Shape Tool u Photoshopu. Odaberite sloj leptira i pritisnite Uredi> Definiraj prilagođeni oblik Naš leptir pojavio se u oblicima instrumenta Alat za prilagođene oblike.

I evo šta smo na kraju dobili:

Pretvaranje rasterske fotografije u vektor u Photoshopu potpuno je besmislena vježba. Ali ponekad ove tehnike mogu biti korisne za sporedni rad s grafikom i još mnogo toga.

Rasterski-vektorski prijevod fotografija u Photoshopu

Photoshop nije dizajniran za prevođenje rasterske grafike u vektore. U njemu, međutim, postoji nekoliko posebnih efekata koji vizualno stvaraju privid vektorske slike. Uz pomoć tehnike koju sam opisao, možete ih napraviti vektorska slika u Photoshopu. Uzmite, na primjer, običnu fotografiju koju je snimio fotograf kojeg poznajem.

Jedan od efekata koje sam spomenuo je Filtriraj> Umjetnički> Izrez Postavke ostavljam na vašoj savjesti. Slika bi trebala biti što je moguće realnija, ali snažno uklonjena. Mogli bismo se zaustaviti na ovome, slika već izgleda "vektorska", ali je još uvijek rasterska.

Sada morate kreirati vektorska područja jednak broju boja na fotografiji. Odaberite štap Alat za čarobni štapić i uverite se da polje za potvrdu nije potvrđeno u postavkama Contiguous... Odaberite prvo područje i slijedite cijeli put koji sam gore opisao. Kreirajte putanju iz odabira, stvorite ispunjenu vektorsku masku iz putanje itd.

Ukupno se cijela fotografija pretvara u vektorska područja. Zadnje bijelo područje nećemo pretvoriti u vektor. Samo nacrtajte veliki bijeli kvadrat pomoću alata Pravougaoni alat i postavite ga ispod svih slojeva. Nakon laganog čišćenja i oblikovanja, fotografija izgleda kao na slici ispod. I opet, ova vrsta posla nije namijenjena Photoshopu i prije je perverzija. No, to se može učiniti, a u različitim situacijama takve tehnike mogu dobro doći. Za obradu fotografije trebalo mi je 10 minuta, tako da ova vrsta posla ne oduzima puno vremena. I zapamtite šta veće veličine fotografiju ćete postaviti na ovaj način u slojeve, što će bolja i elastičnija kontura moći obići područje odabira. Što je manje kutni i grubi naš vektor ispasti u Photoshopu. Razne postavke Toleranse pri stvaranju konture dat će i različite rezultate. Srećni eksperimenti!

Unatoč činjenici da je Photoshop uređivač rastera, njegov skup alata uključuje neke vektorske alate. Vektorski alati namijenjeni su prvenstveno za stvaranje krivulja - putanja koje se mogu uređivati. Kako biste osvježili pamćenje, sjetite se da je razlika između rasterske i vektorske grafike u načinu skladištenja i opisa grafičkih informacija. Vektorske slike pohranjuju se u obliku matematički opisanih krivulja, koje ne gube kvalitetu pri skaliranju, u bilo kojem trenutku podliježu jednostavnom i fleksibilnom uređivanju. Prvo, pogledajmo princip konstrukcije vektorskih krivulja.

Vektorske konture iscrtavaju se na segmentima koji imaju ključne čvorove i kontrolne tačke. Ključni čvorovi ograničavaju liniju s obje strane, a ključne točke vam omogućuju kontrolu savijanja krivulja.

Alati grupe koriste se za stvaranje krivulja. Olovka... Alat Pen Tool dizajniran za stvaranje krivulja za ključne čvorove. Princip rada ovog alata je da označi ključne tačke segmenta putanje. Ako prilikom navođenja kontrolne točke, bez otpuštanja tipke miša, pomaknete nju, tada segment koji sadrži kontrolna tačka ... Daljnji pokreti miša već izravno utječu na kontrolnu točku, a zauzvrat i na zavoj segmenta. Sljedeći lijevi klik postavit će sljedeću kontrolnu točku itd.

Alatka olovka može raditi u dva načina - kreiranje krivulja i stvaranje takozvanih oblika - zatvorena vektorska područja.Prebacivanje između ovih načina rada vrši se pomoću tipki - način stvaranja konture, - način stvaranja oblika. Ako radite u načinu stvaranja obrazaca, tada će se kontura koju stvorite smatrati uvijek zatvorenom i, kao rezultat, ispunjenom bojom koju odaberete. Fizički, maska ​​sloja se stvara u paleti slojeva na osnovu vektorske slike. Sam sloj je ispunjen bojom po vašem izboru (boju birate na paleti svojstava).

Princip rada s vektorskom maskom malo se razlikuje od principa rada s rasterskom maskom, samo se alati razlikuju. Ako ste, u slučaju rada s bitmap maskom, promijenili pomoću alata za crtanje, tada u ovaj slučaj oblik maske se mijenja pomoću vektorskih alata.

Da biste pretvorili vektorsku masku u rastersku, morate pozvati kontekstni izbornik vektorske maske i odabrati stavku Rasterize Mask... Kao rezultat toga, dobit ćete redovnu masku sloja. Inače, rad s maskom sloja u vektorskoj verziji ne razlikuje se od rada u rasterskoj verziji.

Vektorski crteži su zgodni jer je u svakom trenutku vrlo zgodno promijeniti oblik krivulja ovog crteža. Za to postoje brojni alati. Na primjer, alat (dodavanje ključnih točaka - čvorova) - dodaje ključne točke na krivulji na mjestu gdje kliknete. Alat može ukloniti nepotrebne točke na putanji kada kliknete na točku koju želite izbrisati. U stvari, ne morate se prebacivati ​​na ove alate. Obratite pažnju na prekidač Automatsko dodavanje / brisanje na paleti svojstava. Ako je ovaj način omogućen (označen), Pen Tool će se automatski prebaciti na alat za dodavanje točke (kada je postavite iznad putanje) i alat za uklanjanje točke (kada je postavite iznad postojeće točke). Ako je način rada onemogućen, brisanje i dodavanje točaka bit će moguće samo uz korištenje odgovarajućih alata.

Savijanje krivine kontrolira se putem kontrolnih točaka. Pomoću alata odaberite kontrolnu točku Alat za direktan odabir... Odabir čvora za uređivanje (klikom ovog alata na čvor koji se uređuje). Zatim pomicanjem kontrolnih točaka utječete na zavoj krivulje u području odabranog čvora. Također pomoću ovog alata možete pomicati odabrane čvorove. Alat Alat za odabir putanje dizajniran za rad s krivuljom u cjelini, kao i s objektom - za kretanje i transformaciju. Za vektorske objekte primjenjuje se način besplatne transformacije, potpuno isti kao i za rasterska područja.

Važan alat za rad s ključnim čvorovima je alat tzv Alat za pretvaranje tačaka... Značenje ovog alata je transformacija tip čvora... V vektorska grafika Photoshop razlikuje dvije vrste ključnih čvorova - glatko i ugao (ugao)... Značenje antialiased ključnih čvorova je da se kontrolne tačke dvije krive konvergiraju na jednom čvoru Uvijek na istoj virtualnoj liniji.

Druga vrsta čvora, kao što smo rekli, naziva se kutna. Značenje ove vrste je to virtualne linije koje prolaze kroz kontrolnu točku jednog od segmenata i zajednički ključni čvor oba segmenta mogu se konvergirati pod bilo kojim kutom.

Alat za pretvaranje tipova funkcionira na sljedeći način - ako je čvor zaglađen (i prema zadanim postavkama čvorovi su zaglađeni), tada klik s alatom za konverziju označit će vrstu čvora za ugao. Ako nakon pritiska na tipku miša ne otpustite, već jednostavno povučete, moći ćete kontrolirati zavoj segmenta na određenom čvoru.

Počeli smo odabirom dva načina alata za olovke. Prvi je način stvaranja oblika, a drugi način stvaranja putanja. Zadržimo se detaljnije na načinu rada s konturama.

U tom slučaju vaša putanja neće automatski popuniti i formirati masku i sloj vektorskog sloja. U ovom slučaju, vaša će putanja biti isključivo virtualna i neće biti povezana sa slojevima. Za rad s takvim stazama postoji paleta koja se naziva Path. Sve operacije s putanjama koncentrirane su u ovoj paleti.

U paleti Path staze (putanje) su postavljene kao slojevi u paleti Layers, a na jednom vektorskom sloju može biti nekoliko nepovezanih vektorskih staza. Donji red palete Path sadrži ikone za kontrolu putanje. Bolno poznati piktogrami sa kantom za otpatke i praznim listom, nisu promijenili svoju namjenu u ovoj paleti, tj. prema tome, ovo je uklanjanje vektorskog sloja i stvaranje praznog vektorskog sloja.

Do sada smo se pitali zašto su takvom apsolutno rasterskom uređivaču poput Photoshopa potrebni ovi vektorski alati. Jednostavan primjer korištenja vektora u Photoshopu je ponovni rad s odabirima. Kao što možete vidjeti sa slike, brojne ikone palete Path koriste se za pretvaranje putanje (putanje) u putanju za odabir i obrnuto. U stvari, nakon što ste stekli neke vještine u radu s putanjama, shvatit ćete da je mnogo lakše prilagoditi vektorsku putanju obliku odabranog područja nego čak i pomoću prilično fleksibilne brze maske. Stoga, ako želite urediti odabir, uvijek ga možete pretvoriti u putanju (putanju), a zatim ga urediti i ponovo pretvoriti u odabir. Ako želite koristiti tradicionalne Stroke and Fill operacije za odabir kontura, onda su vam i one na raspolaganju.

Logičke operacije djeluju pomalo neočekivano. Možete stvoriti putanje u bilo kojem od logičkih načina, bilo da se radi o zbrajanju ili oduzimanju. U ovoj fazi nećete primijetiti nikakvu radnju. Ali neka vas ne zavara činjenica da ste pronašli grešku u gotovo besprijekornom programu. Zapravo, Photoshop pamti u kojem je načinu kreiranje putanje (ured piše ...) i čim programu kažete da iz vaše zbrke staza izradi nacrt za odabir, Photoshop će zapamtiti sve i izvršiti sve operacije koje ste dodijeljeno mu pri kreiranju putanja. Dijaloški okvir za kreiranje strukture odabira s putanje omogućuje vam da navedete najviše važne postavke u vezi s konturama odabira (ali to je samo ako koristite naredbu Make Selection u izborniku palete Path).

Imajte na umu da možete postaviti radijus perja, omogućiti ili onemogućiti Anti-Aliased. U odjeljku Operacije možete postaviti logički način za novonastali odabir. Opcije ovog odeljka postaju dostupni samo ako već postoji jedan okvir za odabir. U skladu s tim, ako odaberete operaciju Novi odabir, odabir koji se stvara zamijenit će postojeći odabir; opcija Dodaj u odabir će dodati odabir kreiran putem pomoću postojećeg odabira; Substruct from Selection - oduzimat će kreirani put od postojećeg odabira.

Alat Alat za besplatne obrasce omogućuje stvaranje vektorske putanje u jednostavnom načinu slikanja, poput četke. Držite lijevu tipku miša i samo pomaknite miš, iscrtavajući obris koji vam je potreban. Ovaj alat ima jedan glavna karakteristika koji ovu vektorsku alatku uspoređuje s Magnetic Lasso alatom je opcija Magnetic... Princip rada je isti, alat traži kontrastne granice i samo tamo ocrtava konturu. Inače, putanja koju stvara ovaj alat ne razlikuje se od obične staze.

• Pregleda: 58428

U ovom ćemo vodiču naučiti osnove crtanja vektorskih oblika u Photoshopu CS6 pomoću jednostavnih alata za oblike! Započet ćemo ispitivanjem načina rada alata. "Pravougaonik"(Alat za pravougaonik ), "Zaobljeni pravokutnik"(Alat za zaobljene pravokutnike), "Elipsa"(Ellipse Tool), "Poligon"(Polygon Tool) i "Linija"(Line Tool). Zatim ćemo naučiti kako odabrati boje ispune i poteza za oblike, promjenu izgled poteze, uređujte oblike s korisnim svojstvima slojeva oblika i još mnogo toga! Imamo mnogo toga za naučiti, pa ćemo se u ovom vodiču usredotočiti na rad i svojstva pet osnovnih alata grupe Geometrijski oblici. U sljedećoj lekciji naučit ćemo kako dodati složenije oblike u naš dokument pomoću alata Freeform Shape!

Ovaj vodič je za korisnike Photoshopa CS6. Ako više radite stara verzija programa, zatim proučite originalnu lekciju "Oblik i sloj oblika u Photoshopu."

Većina ljudi misli da se Photoshop koristi samo za obradu pikseliziranih slika, a ako biste ih zamolili za dobar uređivač slika, odgovor bi uglavnom bio “ Adobe illustrator". Doista, mogućnosti uređivača Adobe Illustratora mnogo su šire od programa Photoshop, ali, ipak, kao što ćemo vidjeti iz ove i sljedećih lekcija, različiti alati grupe Oblici olakšavaju dodavanje jednostavnih vektorskih slika slikama i crtežima

Ako ne znate što je vektorski oblik i po čemu se razlikuje od pikseliranog oblika, pogledajte ovaj vodič.

Alati za oblike

Photoshop program nudi nam izbor od šest alata iz grupe "Oblici": "Pravougaonik"(Alat za pravougaonik), Zaobljeni pravokutnik(Alat za zaobljene pravokutnike), "Elipsa"(Ellipse Tool), "Poligon"(Polygon Tool), "Linija"(Line Tool) i "Besplatna figura"(Alat za prilagođeni oblik). Svi ovi alati nalaze se na jednom mjestu na alatnoj traci. Prema zadanim postavkama vidimo alat Pravokutnik, 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:

Klik na ikonu alata Pravokutnik omogućit će nam pregled ostalih alata u grupi Oblik.

Izabrat ću prvi alat na popisu, alat Pravokutnik:

Vektorski oblici, putanje i oblici piksela

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

Odaberite za crtanje vektorskih oblika umjesto putanja ili pikseliziranih oblika "Slika"(Oblik) na traci s postavkama alata pri vrhu ekrana:

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 za popunjavanje oblika, označen zasebnom ikonom. S lijeva na desno možete vidjeti ikonu Bez boje (s crvenom dijagonalnom trakom), ikonu ispune Bojom, ikonu Gradijent i ikonu uzorka:

4 mogućnosti popunjavanja oblika (bez boje, jednobojne, s gradijentom i uzorkom)

Metoda popunjavanja "Bez boje"

Kao što ime govori, metoda popunjavanja "Bez boje"(Bez boje) ne ispunjava oblik bilo kojom bojom. Možda se pitate zašto nam treba prazan oblik? Pa, u nekim ćete slučajevima možda htjeti da oblik ima samo tanke obrise. Zatim ćemo pogledati kako dodati potez obliku, ali ako želite da oblik ima samo putanju bez boje ispune, odaberite opciju Bez boje:

Nijedna boja ne ispunjava oblik bilo kojom bojom

Ispod je uzorak oblika nakon primjene opcije Bez boje. Sve što vidimo je tanki obris figure, takozvana "kontura". Obris se može vidjeti samo u Photoshopu, pa ako počnete ispisivati ​​dokument ili ga spremiti u JPEG formatima ili PNG, obris će nestati. Da bismo ga učinili vidljivim, moramo mu dodati potez, koji ćemo dalje istraživati ​​nakon što pokrijemo sve opcije. ispuniti(Popunite):

Kad je za metodu popunjavanja odabrano "Bez boje", vidljiv je samo obris oblika (pa čak i tada, samo u Photoshopu)

Metoda punjenja punom bojom

Da biste ispunili oblik bojom, odaberite opciju "Čista boja"(Puna boja) (druga ikona s lijeve strane):

Kliknite na ikonu parametra "Solid Color"

Nakon odabira parametra "Puna boja", odaberite boju za oblik klikom na jedan od uzoraka boja. Boje koje ste nedavno koristili pojavit će se u redu "Nedavno korištene boje"(Nedavno korištene boje) u odnosu na glavne uzorke:

Odaberite boju klikom na njezin uzorak

Ako tražena boja nije među uzorcima, kliknite ikonu birača boja u gornjem desnom kutu dijaloškog okvira:

Kliknite na ikonu birača boja

Zatim odaberite željenu boju u biraču boja. Pritisnite U redu da zatvorite paletu kada se odlučite za boju:

U biraču boja odaberite boju za popunjavanje oblika

Ispod je isti oblik, samo ovaj put ispunjen bojom:

Naš oblik je sada ispunjen bojom

Metoda popunjavanja "Gradient"

Da biste ispunili oblik gradijentnim ispunom, odaberite opciju "Gradient"(Gradijent). Zatim kliknite na jednu od sličica za odabir željenog uzorka gradijenta ili stvorite vlastiti pomoću opcija ispod sličica gradijenta. V zasebna lekcija pogledat ćemo kako stvoriti i urediti nagibe:

Prvo odaberite parametar "Gradient", 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 popunjavanja uzorka

Na kraju, odabir opcije "Uzorak"(Uzorak), oblik možemo ispuniti uzorkom. Kliknite na jednu od sličica da odredite gotov uzorak. U početku u programu nema mnogo uzoraka, ali možete preuzeti i dodatne uzorke, preuzete s interneta ili sami kreirane, klikom na malu ikonu zupčanika (ispod ikone Birač boja) i odabirom "Preuzmi uzorke"(Učitaj uzorke) iz prikazanog menija:

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

Ovako će oblik izgledati ispunjen jednim od uzoraka u Photoshopu. Da biste zatvorili dijaloški okvir "Napuni"(Popuni), pritisnite tipku Enter (Win) / Return (Mac) ili kliknite na prazan prostor na ploči sa 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 u oblik

Prema zadanim postavkama, Photoshop ne dodaje poteze rubovima oblika, ali dodavanje je jednostavno kao i popunjavanje bojom. Zapravo, opcije parametara "Stroke" ("Stroke")(Potez) i "Napuni"(Fill) su iste u Photoshopu CS6, pa već znate kako ih koristiti!

Za dodavanje poteza kliknite na uzorak boje poteza na traci s opcijama:

Kliknite na uzorak boje poteza

Kao rezultat toga, otvorit će se dijaloški okvir s istim opcijama kao i za ispunu, osim što sada biramo boju za crtu. Opet postoje četiri ikone pri vrhu prozora "Bez boje"(Bez boje), "Čista boja"(Jednobojna), "Gradient"(Gradijent) i "Uzorak"(Uzorak). Podrazumevano je izabrana opcija Bez boje. Ja ću, pak, odabrati opciju Solid Color, a zatim postaviti boju crne boje na crnu odabirom među uzorcima. Kao i u slučaju ispune, ako se boja ne nalazi među uzorcima, kliknite na ikonu birača boja u gornjem kutu da biste ručno odabrali željenu boju:

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

Promijenite širinu poteza

Za promjenu širine (debljine) poteza upotrijebite parametar "Širina"(Širina) nalazi se desno od uzorka boje poteza na traci s opcijama. Prema zadanim postavkama, njegova vrijednost je 3 pt. Za promjenu širine 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 pomerite klizač:

Promijenite širinu poteza

Opcija Align Edges

Ako pogledate dalje s desne strane ploče s postavkama, vidjet ćete opciju Align Edges(Poravnajte ivice). Kada je ova opcija omogućena (označena), Photoshop će poravnati rubove oblika s mrežom piksela, zbog čega će ostati oštri i oštri:

Provjerite je li Align Edges uključeno

Međutim, kako bi opcija Align Edges funkcionirala, nije je dovoljno jednostavno odabrati. Takođe želite da širina poteza bude u pikselima (px), a ne u tačkama (pt). Od godine trenutnoširina mog poteza mjeri se u točkama (zadana jedinica), vratit ću se i unijet ću novu vrijednost širine od 10 piksela (px):

Da bi opcija Align Edges funkcionirala, postavite širinu poteza u pikselima (px)

Ispod sam primijenio crni potez od 10 px na oblik:

Jednostavan oblik sa crnim obrisom oko njega

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

Isti oblik, s opcijom ispune "Bez boje"

Dodatne opcije poteza

Prema zadanim postavkama, program iscrtava potez kao kontinuiranu liniju, ali to možemo promijeniti klikom na gumb Postavi vrstu poteza oblika(Opcije poteza) na ploči s postavkama:

Kliknite na dugme "Postavi vrstu poteza oblika"

Ovo će otvoriti okvir za dijalog Opcije poteza(Opcije poteza), gdje možemo promijeniti izgled poteza iz kontinuirane linije u isprekidanu ili isprekidanu liniju. Parametar Align(Align) omogućuje nam da odaberemo vrstu poravnanja za hod: unutar putanje, izvan ili u sredini. Možemo napraviti krajeve linija za hod (parametar "Završava"(Velika slova)) zaobljene, kvadratne ili zadebljane i spoj linija u potezu (parametar "Uglovi"(Uglovi): oštri, zaobljeni ili zakošeni. Kada je dugme pritisnuto "Ostali parametri"(Više opcija), koje se nalazi pri dnu dijaloškog okvira, otvorit će drugi prozor u kojem možemo postaviti određene vrijednosti za poteze i razmake tačkasta linija pa čak i spremite postavke kao unaprijed postavljene:

Opcije poteza

Ispod je oblik s istim potezom, ali ovaj put, umjesto kontinuirane linije, odabire se isprekidana linija:

Izgled poteza promijenio se iz kontinuirane linije u isprekidanu liniju

Alat za pravougaonik

Dakle, već smo naučili kako odabrati različite alate grupe Shapes na alatnoj traci, kako odabrati boju ispune i crte i kako promijeniti izgled poteza. Sada naučimo kako sami nacrtati vektorske oblike! Započet ćemo ispitivanjem prvog alata za grupu oblika na popisu - "Pravougaonik"(Alat za pravougaonik). Odabrat ću ga s alatne trake, kao što sam to i ranije učinio:

Odabir alata pravokutnika

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

Povucite kursor da biste nacrtali pravokutni oblik. Dok pomičete kursor, pojavljuje se tanki obris oblika.

Kada otpustite tipku miša, program ispunjava oblik bojom koju ste odabrali na ploči sa preferencijama:

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

Promjena veličine oblika nakon iscrtavanja

Nakon što nacrtate početni oblik, njegove trenutne dimenzije pojavit će se na traci s opcijama: width(Š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 funkcionira za sve alate za oblike), samo unesite nove vrijednosti u odgovarajuće okvire Širina i Visina. Na primjer, recimo da mi je potrebno da moj oblik bude 500px širok. 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 lanca 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, ručno sam unijeo novu vrijednost za širinu od 500 piksela, a budući da je aktivirana ikona lanca, Photoshop je također promijenio 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. Kad je odabran alat Shapes, samo kliknite bilo gdje u dokumentu. Kao rezultat toga, odmah će se otvoriti dijaloški okvir u koji možete unijeti željene vrijednosti za visinu i širinu. Pritisnite U redu da biste zatvorili dijalog i program će automatski nacrtati oblik:

Pritisnite bilo gdje u dokumentu da biste unijeli vrijednosti za širinu i visinu, a program će automatski nacrtati oblik

Crtanje oblika iz središta

Hajde da istražimo neke jednostavne, ali korisne prečice na tastaturi. Ako pritisnete i zadržite taster Alt (Win) / Option (Mac) dok pomičete kursor, tada ćete oblik crtati iz središta, a ne iz ugla. Ova tehnika funkcionira sa svim alatima za oblikovanje, a ne samo za alat pravokutnika. Imajte na umu da prvo morate početi crtati oblik, pa tek onda pritisnuti tipku Alt (Win) / Option (Mac). Također morate otpustiti prvu tipku miša, a tek zatim 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 kursor u prozor dokumenta i počnite ga povlačiti, iscrtavajući pravokutni oblik. Kada počnete to raditi, pritisnite tipku Shift i držite ga dok pomičete kursor. Pritiskom na tipku Shift oblik ćete pretvoriti u kvadrat. Opet, ne zaboravite pritisnuti tipku Shift nakon što počnete pomicati kursor i otpustite je posljednji put, u suprotnom kvadrat neće biti iscrtan. Možete kombinirati dvije prečice na tipkovnici pritiskom i držanjem tipki Shift + Alt(Pobjeda) /Shift + Opcija(Mac) kada koristite alat "Pravougaonik"(Alat za pravokutnik), uslijed čega iz središta nacrtate savršeni kvadrat:

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

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

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

Opcije alata za oblike

Ako pogledate ploču s postavkama, lijevo od parametra Align Edges(Align Edges) vidjet ćete ikonu zupčanika. Klikom na nju otvorit ćete dijaloški okvir sa dodatne postavke za alat grupe "Oblici", koja je u ovaj trenutak odabrano:

Kliknite na ikonu zupčanika

Pošto sam odabrao alat "Pravougaonik"(Alat za pravokutnik), klikom na ikonu zupčanika prikazat će se dodatne mogućnosti za alat Pravokutnik. Osim za rad s alatima Polygon i Line, koje ćemo kasnije istražiti, ovaj izbornik nećete koristiti previše često jer smo već objasnili kako pristupiti ovim opcijama s tipkovnice. Na primjer, parametar "Proizvoljno"(Neograničeno) omogućuje nam crtanje oblika bilo koje veličine i omjera slike, ali budući da prema zadanim postavkama svi alati grupe oblika rade na ovaj način, nema potrebe posebno odabirati ovu opciju. Parametar "Kvadrat"(Kvadrat) nam omogućuje crtanje kvadrata pomoću alata Pravokutnik, ali to možemo učiniti jednostavnim pritiskom i držanjem tipke Shift dok pomičemo kursor. Parametar "Iz centra"(Iz centra) je odgovorno za crtanje oblika iz središta, ali opet, to možemo učiniti držeći pritisnutu tipku Alt (Win) / Option (Mac).

Ako odaberete opcije « Unaprijed zadana veličina» (Fiksna veličina) ili "Postavi proporcije"(Proporcionalno) i unesite vrijednosti za širinu i visinu, tada će te vrijednosti utjecati i na sljedeći oblik koji ćete nacrtati, a ne samo na onaj koji ste već nacrtali. Stoga se morate sjetiti da se vratite nakon crtanja figure i ponovo odaberete 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 saznali da za crtanje vektorskih oblika u Photoshopu moramo postaviti način crtanja - "Slika"(Oblici) (za razliku od putanja i oblika piksela). Kada nacrtamo vektorski oblik, program ga automatski postavlja na poseban poseban sloj koji se naziva Sloj oblika(Sloj oblika). Ako pogledamo ploču slojeva, možemo vidjeti da je oblik koji sam nacrtao alatom "Pravougaonik"(Alat za pravokutnik), smješten na zasebnom sloju oblika "Pravokutnik 1". Naziv sloja ovisit će o tome koji je alat korišten, pa ako nacrtam oval pomoću alata elipse, sloj oblika će se zvati elipsa 1:

Svaki novi oblik vektora postavljen je na zasebni sloj oblika

Vizuelna razlika između regularnog sloja i sloja oblika je u tome što slojevi oblika imaju malu ikonu oblika u donjem desnom uglu sličice sloja:

Ikona na minijaturi sloja govori nam da je ovo sloj oblika.

Glavna razlika između sloja oblika i redovnog sloja piksela je ta što se slojevi oblika mogu potpuno uređivati. Kad smo prethodno naučili kako odabrati boju ispune i poteza za oblik, spomenuo sam da se uvijek možemo vratiti i promijeniti boju čak i nakon iscrtavanja oblika. Sve što trebamo učiniti je osigurati da je sloj oblika odabran na ploči Slojevi i da je aktiviran alat grupe Oblici. Zatim samo kliknite ili na uzorak boje Ispune(Ispuni) ili uzorkom boje Strokes(Potez) na ploči s postavkama za odabir druge boje. Također možete promijeniti širinu hoda prema potrebi i raditi s drugim parametrima. Kliknut ću na uzorak boje ispune:

S odabranim slojem oblika kliknite na uzorak boje ispune.

Kliknite na plavi uzorak

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

Boja oblika je promijenjena bez ponovnog iscrtavanja oblika

Ako ponovo pogledamo ploču slojeva, vidjet ćemo da je sličica sloja oblika također promijenila svoju boju:

Kada smo izvršili promjene, sličica sloja oblika je također promijenila svoj izgled.

Alat za zaobljene pravokutnike

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

Odaberite alat za zaobljeni pravokutnik

Alat zaobljeni pravokutnik vrlo je sličan alatu pravokutnik, osim što nam omogućuje crtanje zaobljenih pravokutnika. Zaokruživanje uglova podešavamo pomoću parametra "Radijus"(Radius) na ploči s postavkama. Što veću vrijednost radijusa unesemo, uglovi postaju zaobljeniji. Vrijednost radijusa mora biti postavljena prije početka crtanja oblika, u mom slučaju unijet ću vrijednost parametra "Radius" jednaku 50 piksela:

Pomoću opcije Radius definirajte stupanj zaobljenosti uglova

Nakon postavljanja vrijednosti radijusa, crtanje zaobljenog pravokutnika slično je crtanju pravilnog pravokutnika. Prvo kliknite u prozoru dokumenta da biste definirali početnu točku oblika, a zatim pritisnite tipku miša i povucite kursor miša dijagonalno da biste dovršili crtanje oblika. Kao i kod oblika pravokutnika, dok pomičete kursor, program će nacrtati tanki 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 iscrtavanje oblika i ispunjava ga bojom:

Kada otpustite tipku miša, oblik se ispunjava bojom

Ispod je još jedan pravokutnik s radijusom postavljenim na 150 piksela. Ova je vrijednost toliko velika (u svakom slučaju za ovu brojku) da su lijevi i desna strana pravokutnici imaju oblik krivulje:

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

I evo pravokutnika s malim radijusom od 10 piksela, koji samo malo zaobljuje uglove oblika:

Vrijednost malog radijusa umanjuje zaobljene uglove

Nažalost, preview u Photoshopu CS6 nema stepena zaokruživanja uglova. Koliko su zaobljeni uglovi možemo vidjeti tek nakon što nacrtamo pravokutnik. Također, ne možemo promijeniti vrijednost radijusa dok crtamo oblik, a ipak Photoshop nam ne dozvoljava da se vratimo i promijenimo vrijednost radijusa nakon što smo nacrtali oblik. Sve gore navedeno znači da je crtanje zaobljenih pravokutnika u osnovi proces pokušaja i grešaka.

Ako vam se ne sviđa zaokruživanje uglova pravokutnika, nakon što ste ga nacrtali, idite na odjeljak izbornika "Uređivanje"(Uredi) pri vrhu ekrana i odaberite Poništi: Alat za zaobljene pravokutnike(Alat za poništavanje zaobljenih pravokutnika) (ili pritisnite prečicu na tipkovnici Ctrl + Z (Win) / Command + Z (Mac)), zbog čega će oblik biti uklonjen iz dokumenta. Zatim unesite novu vrijednost radijusa u traku s opcijama i počnite s crtanjem pravokutnika.

Odaberite Uređivanje> Poništi: Alat za zaobljene pravokutnike

Iste prečice na tastaturi koje smo pogledali kada smo saznali da alatka Pravougaonik radi sa alatkom Zaobljeni pravougaonik. Da biste nacrtali kvadrat sa zaobljenim uglovima, počnite crtati oblik, a zatim pritisnite i držite Shift. Otpustite tipku Shift nakon što otpustite 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 tastera Shift+ Alt (Win) / Shift+ Opcija (Mac) uzrokovat će povlačenje kvadrata iz središta. Tipke se moraju otpustiti tek nakon što otpustite tipku miša.

Alat elipse

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

Odabir alata elipse

Baš kao i kod drugih alata koje smo pogledali, kliknite u prozoru dokumenta da biste definirali početnu točku oblika, a zatim pritisnite tipku miša i povucite kursor miša dijagonalno da biste dovršili crtanje oblika:

Nacrtajte elipsu pomoću alata za elipse

Otpustite tipku miša da biste dovršili crtanje oblika i ispunili ga bojom:

Oblik je ispunjen bojom.

Da biste nacrtali savršeno ravan krug pomoću alata Elipsa, počnite povlačiti, a zatim pritisnite i držite Shift... Za iscrtavanje elipse iz središta pritisnite i držite Alt (Win) / Opcija (Mac) nakon početka crtanja. Držite tipke istovremeno Shift+ Alt (Win) / 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 Elipse

Alat za poligone

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

Odabir alata Polygon Tool

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

Unesite broj stranica u okvir parametra "Strane"

Nakon što navedete broj stranica, postavite kursor u prozor dokumenta i počnite ga povlačiti da biste nacrtali poligonalni oblik. Photoshop uvijek crta poligonalne oblike iz središta, tako da ne morate držati pritisnutu tipku Alt (Win) / Option (Mac). Pritiskanje i držanje tastera Shift nakon što počnete crtati poligon, to će vam omogućiti da ograničite broj uglova za svoj oblik i postavite ga na ekran točno onako kako je potrebno:

Petostrani oblik nacrtan poligonskim alatom

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

Jednostavan trokut nacrtan poligonskim alatom

Ispod je poligon s 12 stranica. Baš kao i s opcijom Radius za alat Rounded Rectangle, ne možemo promijeniti broj stranica nakon iscrtavanja oblika, pa ako pogriješite, morate otići u odjeljak izbornika "Uređivanje"(Uredi) pri vrhu ekrana i odaberite Poništi: Polygon Tool(Alat za poništavanje poligona) (ili pritisnite Ctrl + Z (Win) / Command + Z (Mac)), zatim unesite drugu vrijednost u okvir parametra "Strane" i ponovo nacrtajte oblik:

Poligon sa dvanaest stranica

Crtanje zvijezda alatom Polygon

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

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

Zatim kliknite u prozoru dokumenta i povucite kursor da biste nacrtali zvijezdu. Parametar "Zabave"(Stranice) na ploči s postavkama određuje broj vrhova zvijezde, pa ako je zadana vrijednost parametra pet, dobit ćemo zvijezdu petokraku:

Petokraka zvijezda nacrtana poligonskim alatom

Promjenom parametra Sides na 8 dobivamo osmokraku zvijezdu:

Definirajte broj vrhova zvijezde pomoću parametra Sides

Možemo nacrtati oblik koji izgleda kao eksplodirajuća zvijezda povećavanjem oštrine zvjezdanih zraka pomoću parametra "Dubina zraka"(Uvlačenje strana). Prema zadanim postavkama, vrijednost ovog parametra je 50%, povećat ću vrijednost na 90%. Takođe ću povećati broj vrhova zvezde na 16:

Nacrtajte oblik koji izgleda kao eksplodirajuća zvijezda povećavajući vrijednost dubine zraka

I evo cifre koju sam dobio:

Eksplodirajuća zvijezda nacrtana poligonskim alatom

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

Odabirom opcije Glatki vanjski kutovi

Ispod je zvijezda petokraka s odabranom opcijom Glatki vanjski kutovi:

Glatki vanjski uglovi omekšavaju kut zvijezda

Također možemo zaokružiti uglove u podnožju zvjezdanih zraka odabirom opcije Glatki unutrašnji uglovi(Glatki uvlake):

Odabirom opcije Glatki unutrašnji uglovi

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

Nacrtana zvijezda s odabranim glatkim unutrašnjim uglovima

Linijski alat

Posljednji od glavnih alata u grupi Shapes je alat "Linija"(Line Tool). Odabrat ću ga s alatne trake:

Odabir alata Line

Ovaj alat nam omogućava crtanje jednostavnih ravnih linija, ali pomoću njega možemo nacrtati i strelice. Da biste nacrtali ravnu liniju, prvo postavite širinu linije unošenjem vrijednosti (u pikselima) u okvir za parametre "Debljina"(Težina) na ploči s postavkama. Prema zadanim postavkama debljina je 1 piksel, povećaću je na 16 piksela:

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

Drugo, baš kao i kod ostalih alata grupe Shapes, kliknite u prozoru dokumenta i povucite kursor da nacrtate liniju. Da biste lakše nacrtali vodoravnu ili okomitu liniju, pritisnite i držite Shift, nakon što počnete crtati liniju, otpustite tipku miša i zadržite tipku Shift:

Držite tipku Shift za crtanje vodoravnih ili okomitih linija

Nacrtajte strelice za smer

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

Pritisnite ikonu zupčanika za pristup opcijama strelica.

Ispod je linija slična prethodnoj, osim što se na kraju nalazi ikona strelice:

Lako se iscrtavaju strelice vodilice pomoću alata Line

Ako vam zadana veličina strelice ne odgovara, možete je promijeniti pomoću opcija "Širina"(Širina) i "Dužina"(Dužina). Pomoću parametra strelici možemo dodati i krivulju "Zakrivljenost"(Udubljenje). Prema zadanim postavkama, vrijednost ovog parametra je 0%, ali povećat ću ga na 50%:

Promijenite oblik strelice povećavajući vrijednost parametra "Zakrivljenost"

Ovako sada izgleda strelica. Prije nego što počnete crtati liniju, svakako odaberite vrijednost za opcije alata Line jer ih ne možete promijeniti dok crtate. Ako želite unijeti promjene, morat ćete izbrisati oblik i ponovo ga nacrtati:

Strelica sa 50% zakrivljenosti

Sakrijte obris oko oblika

Kad god smo nacrtali oblik u ovom vodiču, program je prikazivao njegove tanke obrise. Kada smo pustili tipku miša, program je završio iscrtavanje oblika i ispunio ga bojom. Problem je u tome što ako pažljivo pogledate oblik koji ste nacrtali, najvjerojatnije ćete uočiti tanki obris oko njega koji nigdje nije nestao. V &

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 hobist, lekcije web grafike zasigurno će vam biti izuzetno korisne. Svrha ove lekcije je baciti malo svjetla na proces stvaranja odabrane slike. Pokazat ću cijeli proces korak po korak i objasniti sve korake koristeći svoje komentare.

Da biste stvorili zaista cool sliku, morate odabrati željeni program i pridržavati se određenih pravila. Ako želite nacrtati vektorsku ilustraciju, imajte na umu da za to koristite urednike poput Adobe illustrator ili CorelDraw... Kako god, Photoshop ima dovoljno sredstava za razvoj vektorskih ilustracija. To ću jasno pokazati u svojoj lekciji o tome kako prevesti crtež u vektor. Odabrao sam skicu mačke kao osnovu za ilustraciju. Odlučio sam prikazati plavu mačku s ružičastim cvjetovima u šapama.

Korak 1

Počnimo stvaranjem pozadine. Nacrtajte oblik pomoću alata za odabir () (u Slojevi oblika(Oblik sloja)). Postavke - (Nepropusnost ispune) = 0% ... Sada upotrijebite preliv gradijenta: ((Stil sloja - Prekrivanje gradijenta)) da popunite kreirani oblik. Sve postavke su zadane, samo trebate promijeniti kut (ja ću navesti stupanj) i nagib. Dodati Stroke(Stroke) ((Style Layer - Stroke)). Koristimo sve zadane postavke, osim širine u 1 px i boje.