U ovom vodiču naučit ćemo osnove crtanja vektorskih oblika u Photoshopu CS6 koristeći jednostavne alate grupe Shapes! Počet ćemo tako što ćemo naučiti kako alati rade. "pravokutnik"(Alat za pravokutnik ), "Pravokutnik sa zaobljenim rubovima"(Alat za zaobljeni pravokutnik), "Elipsa"(Alat Elipsa) "Poligon"(Polygon Tool) i "Crta"(Alat za linije). Zatim ćemo naučiti kako odabrati boje ispune i poteza za oblike, promijeniti izgled poteza, urediti oblike pomoću korisnih svojstava 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 u grupi geometrije. U sljedećem vodiču naučit ćemo kako dodati složenije oblike našem dokumentu pomoću alata za besplatne oblike!
Ovaj vodič je dizajniran za korisnike Photoshopa CS6. Ako radite u starijoj verziji programa, proučite izvornu lekciju "Oblik i sloj oblika u Photoshopu".
Većina ljudi misli da se Photoshop koristi samo za manipuliranje slikama piksela, a ako biste ih pitali da preporuče dobar grafički editor, u većini slučajeva odgovor bi bio “Adobe Illustrator”. Doista, mogućnosti uređivača Adobe Illustrator puno su šire od onih u Photoshopu, ali, unatoč tome, kao što ćemo vidjeti iz ove i sljedećih lekcija, različiti alati u skupini "Oblici" olakšavaju dodavanje jednostavnih vektorskih slika crtežima i crteži
Ako ne znate što je vektorski oblik i kako se razlikuje od oblika piksela, pogledajte ovaj vodič.
Grupni alati za oblike
Photoshop nam nudi izbor od šest alata iz grupe Shapes: "pravokutnik"(Alat za pravokutnik) "Pravokutnik sa zaobljenim rubovima"(Alat za zaobljeni pravokutnik), "Elipsa"(Alat Elipsa) "Poligon"(Alat Poligon) "Crta"(Line Tool) i "Slobodna 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 pritisnutu tipku miša, na ekranu će se pojaviti padajući izbornik s popisom drugih alata iz kojih možemo odabrati onaj koji potreba:
Klikom na ikonu Rectangle Tool omogućit će nam pregled ostalih alata u grupi Shape
Odabrat ću prvi alat na popisu, alat za pravokutnik:
Vektorski oblici, staze i oblici piksela
Prije nego što počnemo crtati oblike, moramo reći Photoshopu koju vrstu oblika želimo nacrtati, jer nam u stvarnosti Photoshop omogućuje crtanje tri različite vrste oblika - vektorske oblike, putanje i oblike piksela. Razmotrit ćemo razliku između ovih vrsta oblika detaljnije u drugim lekcijama, ali kao što smo već naučili iz lekcije “Crtanje vektorskih oblika i oblika piksela u Photoshopu CS6”, u većini slučajeva crtat ćete vektorske oblike. Za razliku od oblika piksela, vektorskim oblicima je lako mijenjati veličinu, potpuno su skalabilni i neovisni su o rezoluciji. To znači da ih možemo uređivati i mijenjati veličinu po želji bez gubitka kvalitete slike. I na ekranu i tijekom daljnjeg ispisa rubovi vektorskih oblika ostaju jasni i oštri.
Za crtanje vektorskih oblika umjesto staza ili oblika piksela odaberite "Lik"(Oblik) na ploči postavki alata na vrhu zaslona:
Na ploči s postavkama odaberite način rada alata "Oblik".
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 ispunjavanje oblika, što je označeno zasebnom ikonom. Slijeva na desno možete vidjeti ikonu Bez boje (s crvenom dijagonalnom prugom), ikonu Boja ispune, ikonu Gradijent i ikonu Uzorak:
4 opcije ispune oblika (bez boje, puna boja, gradijent i uzorak)
Način ispune "Bez boje"
Kao što naziv govori, metoda prelijevanja "Bez boje"(Bez boje) ne ispunjava oblik nijednom bojom. Možete se pitati zašto nam treba prazna figura? Pa, u nekim slučajevima, možda želite samo da oblik ima tanak obris. Zatim ćemo pogledati kako dodati potez obliku, ali ako želite da oblik ima samo obris bez ispune bojom, odaberite opciju Bez boje:
Ako odaberete opciju Bez boje, oblik neće biti ispunjen nijednom bojom.
Ispod je uzorak oblika nakon primjene opcije Bez boje. Sve što vidimo su suptilni obrisi figure, takozvana "kontura". Obris se može vidjeti samo u Photoshopu, pa ako ispišete dokument ili ga spremite kao JPEG ili PNG, obris će nestati. Da bismo ga učinili vidljivim, moramo mu dodati potez, što ćemo istražiti nakon što pogledamo sve opcije. ispunjava(ispuni):
Kada je metoda ispune postavljena na Bez boje, vidljiv je samo obris oblika (i tada samo u Photoshopu)
Način punjenja "Čista boja"
Da biste ispunili oblik bojom, odaberite opciju "Čista boja"(Puna boja) (druga ikona slijeva):
Kliknite na ikonu opcije "Pure Color".
Nakon odabira opcije "Čista boja", 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 njezin uzorak
Ako željena 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 iz alata za odabir boja. Kliknite OK da zatvorite paletu kada se odlučite za boju:
U alatu za odabir boja odaberite boju za ispunjavanje oblika
Ispod je isti oblik, samo ovaj put ispunjen bojom:
Naš je oblik sada ispunjen bojom
Metoda ispune "Gradijent"
Da biste ispunili oblik gradijentnom ispunom, odaberite opciju "Gradijent"(Gradijent). Zatim kliknite na jednu od minijatura kako biste odabrali željeni uzorak gradijenta ili izradite vlastiti pomoću opcija ispod sličica gradijenta. U zasebnom vodiču pogledat ćemo kako stvoriti i urediti gradijente:
Najprije odaberite opciju "Gradijent", a zatim odaberite željeni uzorak gradijenta
Ispod je isti oblik, samo ovaj put ispunjen gradijentnom ispunom:
Naš je oblik sada ispunjen jednim od gotovih uzoraka gradijenta
Metoda popunjavanja uzorka
I na kraju, odabir opcije "Uzorak"(Uzorak), možemo ispuniti oblik uzorkom. Kliknite na jednu od sličica kako biste odabrali gotov uzorak. Program u početku ne dolazi s mnogo uzoraka, ali također možete preuzeti dodatne uzorke, preuzete s interneta ili koje ste sami izradili, klikom na malu ikonu zupčanika (ispod ikone Birač boja) i odabirom "Učitaj obrasce"(Učitaj uzorke) iz izbornika koji se pojavi:
Prvo odaberite parametar "Uzorak", a zatim odaberite željeni uzorak uzorka
A ovako će izgledati figura ispunjena jednim od Photoshopovih uzoraka. Za zatvaranje dijaloškog okvira "ispuni"(Ispuni), pritisnite Enter (Win) / Return (Mac) ili kliknite prazan prostor na ploči Postavke. Ako se dvoumite 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
Dodavanje poteza obliku
Prema zadanim postavkama, Photoshop ne dodaje potez na rubove oblika, ali dodavanje je jednostavno kao i dodavanje ispune bojom. Zapravo, opcije parametara "Moždani udar" ("Moždani udar")(Moždani udar) i "ispuni"(Fill) su isti u Photoshopu CS6, tako da već znate kako ih koristiti!
Da biste dodali potez, kliknite na uzorak boje poteza na ploči postavki:
Kliknite na uzorak boje poteza
Ovo će otvoriti dijaloški okvir s istim opcijama kao i za ispunu, osim što sada biramo boju za potez. Na vrhu prozora opet se nalaze četiri ikone "Bez boje"(Bez boje) "Čista boja"(puna boja) "Gradijent"(Gradijent) i "Uzorak"(Uzorak). Prema zadanim postavkama odabrana je opcija Bez boje. Ja ću zauzvrat odabrati opciju Solid Color, a zatim postaviti svoju boju poteza na crnu, odabirući je iz uzoraka. Baš kao i kod ispune, ako boja koja vam je potrebna nije među uzorcima, kliknite na ikonu Birač boja u gornjem kutu kako biste ručno odabrali željenu boju:
Odaberite opciju "Pure Color" za potez, a zatim odaberite željeni iz uzoraka boja
Promjena širine poteza
Za promjenu širine (debljine) poteza koristite parametar "Širina"(Širina), koji se nalazi desno od uzorka boje poteza na ploči postavki. 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 pomaknite klizač:
Promjena širine poteza
Opcija poravnanja rubova
Ako pogledate dalje prema desnoj strani ploče postavki, vidjet ćete opciju "Poravnaj rubove"(Poravnajte rubove). Kada je ova opcija omogućena (označena), Photoshop će poravnati rubove oblika s mrežom piksela, što će rezultirati time da ostanu oštri i oštri:
Provjerite je li omogućena opcija Align Edges
Međutim, da bi opcija Poravnaj rubove radila, nije dovoljno jednostavno odabrati. Također želite da širina poteza bude u pikselima (px), a ne u točkama (pt). Budući da se moja širina poteza trenutačno mjeri u točkama (zadana jedinica), vratit ću se i unijeti novu vrijednost širine od 10 piksela (px):
Kako bi opcija Poravnaj rubove radila, postavite širinu poteza u pikselima (px)
Ispod je na oblik primijenjen crni potez od 10 px:
Jednostavan oblik s crnim obrisom oko sebe
Nakon dodavanja poteza obliku, ako se vratim i kliknem na uzorak boje ispune na ploči s opcijama, odabirom metode ispune "Bez boje"(Bez boje), imat ću samo obris figure s potezom. Unutrašnjost figure postat će prazna. Može se činiti da je oblik ispunjen bijelom bojom, ali to je samo zato što je boja pozadine dokumenta bijela, što je ono što zapravo vidimo.
Isti oblik, s opcijom ispune postavljenom na "Bez boje"
Dodatne mogućnosti poteza
Program prema zadanim postavkama crta crtu kao neprekinutu liniju, ali to možemo promijeniti klikom na gumb "Postavi vrstu poteza oblika"(Opcije poteza) na ploči postavki:
Kliknite gumb "Postavi vrstu poteza oblika"
Kao rezultat, otvorit će se dijaloški okvir "Opcije poteza"(Opcije poteza), gdje možemo promijeniti izgled poteza iz kontinuirane linije u isprekidanu ili točkastu liniju. Parametar "Uskladiti"(Align) nam omogućuje da odaberemo vrstu poravnanja za potez: unutar obrisa, izvana ili u sredini. Možemo napraviti krajeve linija za potez (opcija "Završava"(Velika slova)) okrugla, četvrtasta ili debela, i spojevi linija u potezu (parametar "kutovi"(Kutovi): oštri, zaobljeni ili skošeni. Kada se pritisne tipka "Druge opcije"(More Options) koji se nalazi na dnu dijaloškog okvira, otvorit će se drugi prozor u kojem možemo postaviti određene vrijednosti za crtice i razmake točkaste linije, pa čak i spremiti postavke kao unaprijed postavljene:
Opcije poteza
Ispod je oblik s istim potezom, ali ovaj put to je isprekidana linija umjesto kontinuirane linije:
Izgled poteza promijenio se iz kontinuirane linije u točkastu liniju
Alat za pravokutnik
Dakle, već smo naučili kako odabrati različite alate grupe Shapes na ploči Alati, kako odabrati boje ispune i poteza i kako promijeniti izgled poteza. Sada naučimo kako crtati same vektorske oblike! Započet ćemo s istraživanjem prvog alata Shape Group na popisu - "pravokutnik"(Alat za pravokutnik). Odabrat ću ga s alatne trake kao što sam učinio ranije:
Odabir alata Rectangle
Alat za pravokutnik omogućuje nam crtanje jednostavnih oblika četverokuta. Da biste nacrtali oblik, kliknite u prozoru dokumenta kako biste odredili početnu točku oblika. Zatim, dok držite pritisnutu tipku miša, povucite kursor miša dijagonalno kako biste dovršili crtanje oblika. Dok pomičete kursor, vidjet ćete tanke obrise (konture) buduće figure:
Povucite kursor da nacrtate pravokutni oblik. Dok pomičete kursor, pojavit će se tanki obris oblika
Kada pustite tipku miša, program će ispuniti oblik bojom koju ste odabrali na ploči s postavkama:
Program će ispuniti oblik bojom čim pustite tipku miša
Promjena veličine oblika nakon što je nacrtan
Nakon što nacrtate početni oblik, njegove trenutne dimenzije pojavit će se na ploči postavki: širina(Širina (W)) i visina(Visina (H)). U mom slučaju, nacrtao sam oblik širine 533 piksela i visine 292 piksela:
Ploča s postavkama prikazuje izvorne dimenzije figure (širina i visina)
Ako trebate promijeniti veličinu oblika nakon što ste ga nacrtali (ovo radi za sve alate za oblike), jednostavno unesite nove vrijednosti u odgovarajuća polja Širina i Visina. Na primjer, recimo da trebam da moj oblik bude širok 500 piksela. Da biste to učinili, samo trebate promijeniti vrijednost širine na 500 piksela. Ako je potrebno, mogao bih unijeti i određenu vrijednost visine. Ako želite da proporcije ostanu iste kada promijenite visinu ili širinu oblika, prvo kliknite na ikonu malog lanca između vrijednosti visine i širine:
Zatim, s aktiviranom ikonom lanca, unesite novu vrijednost visine ili širine. 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 kako je ikona lanca bila aktivirana, Photoshop je promijenio i vrijednost visine na 273 piksela:
Promjena veličine figure
Promjena veličine oblika prije nego što se nacrta
Ako se dogodi da znate točnu visinu i širinu oblika prije nego što ga nacrtate, postoji jedan zgodan trik. S odabranim alatom za grupe oblika jednostavno kliknite bilo gdje unutar dokumenta. Kao rezultat toga, odmah će se otvoriti dijaloški okvir u koji možete unijeti željene vrijednosti visine i širine. Pritisnite OK da zatvorite dijaloški okvir i program će automatski nacrtati oblik:
Kliknite bilo gdje unutar dokumenta za unos vrijednosti širine i visine, a program će automatski nacrtati oblik
Crtanje oblika iz središta
Naučimo neke jednostavne, ali korisne tipkovničke prečace. Ako pritisnete i držite tipku Alt (Win) / Option (Mac) Dok pomičete kursor, nacrtat ćete oblik iz središta, a ne iz kuta. Ova tehnika radi sa svim alatima za oblik, ne samo s alatom za pravokutnik. Imajte na umu da prvo morate početi crtati oblik i tek onda pritisnuti Alt (Win) / Option (Mac). Također morate prvo pustiti tipku miša, a tek onda 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, crtajući pravokutni oblik. Nakon što ste to počeli raditi, pritisnite tipku Shift i nastavite ga držati pritisnutim dok pomičete kursor. Pritiskom na tipku Shift oblik se pretvara u kvadrat. Opet, obavezno pritisnite tipku Shift nakon što počnete pomicati kursor i pustite je posljednju, inače kvadrat neće biti nacrtan. Možete povezati dvije kombinacije tipki pritiskom i držanjem tipki Shift+Alt(pobjeda) /Shift+Opcija(Mac) prilikom korištenja alata "pravokutnik"(Rectangle Tool), kao rezultat toga ćete nacrtati savršeni kvadrat iz središta:
Pritisnite i držite tipku Shift dok pomičete kursor da biste nacrtali kvadrat
Još jednom, vidjet ćete samo tanki obris kvadrata dok crtate, ali kada pustite tipku miša, Photoshop će ga ispuniti odabranom bojom:
Program uvijek čeka da otpustite tipku miša prije ispunjavanja oblika bojom
Opcije alata za grupiranje oblika
Ako pogledate ploču postavki, lijevo od opcije "Poravnaj rubove"(Poravnaj rubove) vidjet ćete ikonu zupčanika. Klikom na njega otvorit ćete dijaloški okvir s dodatnim postavkama za trenutno odabrani alat grupe Shapes:
Kliknite na ikonu zupčanika
Pošto sam odabrao alat "pravokutnik"(Alat za pravokutnik), klikom na ikonu zupčanika prikazat će se dodatne opcije za alat za pravokutnik. S iznimkom alata Polygon i Line, koje ćemo istražiti kasnije, ovaj izbornik nećete koristiti često jer smo već opisali kako pristupiti tim opcijama s tipkovnice. Na primjer, parametar "Proizvoljno"(Neograničeno) omogućuje nam crtanje oblika bilo koje veličine i s bilo kojim omjerom, ali budući da svi alati za grupe oblika rade na ovaj način prema zadanim postavkama, nema potrebe za posebnim odabirom ove opcije. Parametar "Kvadrat"(Kvadrat) nam omogućuje crtanje kvadrata pomoću Rectangle Tool, ali to možemo učiniti jednostavnim pritiskom i držanjem tipke Shift dok pomičemo kursor. Parametar "Iz centra"(From Center) odgovoran je za crtanje oblika iz središta, ali opet, to možemo učiniti pritiskom i držanjem tipke Alt (Win) / Option (Mac).
Ako odaberete opcije "Određena 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 nacrtani oblik, a ne samo na onaj koji ste već nacrtali. Stoga morate zapamtiti da se nakon crtanja oblika vratite i ponovno odaberite opciju "Proizvoljno"(Neograničeno), inače će svaki novi nacrtani oblik biti iste veličine ili s istim omjerima:
Opcije koje vidite ovise o odabranom alatu za oblike
Uređivanje slojeva oblika
Prethodno smo naučili da za crtanje vektorskih oblika u Photoshopu moramo postaviti način crtanja - "Lik"(Oblici) (za razliku od obrisa i oblika piksela). Kada nacrtamo vektorski oblik, program ga automatski postavlja na poseban poseban sloj tzv "Sloj oblika"(Sloj oblika). Ako pogledamo ploču Slojevi, možemo vidjeti da sam oblik nacrtao alatom "pravokutnik"(Alat za pravokutnik), koji se nalazi na zasebnom obliku sloja "Pravokutnik 1". Naziv sloja ovisit će o tome koji je alat korišten, pa ako, recimo, nacrtam oval s Ellipse Toolom, sloj oblika će se zvati "Ellipse 1":
Svaki novi vektorski oblik postavlja se na zasebni sloj oblika
Vizualno, razlika između običnog sloja i sloja oblika je u tome što slojevi oblika imaju malu ikonu oblika u donjem desnom kutu minijature sloja:
Ikona na sličici sloja govori nam da je ovo sloj oblika.
Glavna razlika između sloja oblika i običnog sloja piksela je u tome što se slojevi oblika mogu u potpunosti uređivati. Kad smo prethodno uč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 osigurati da je sloj oblika odabran na ploči slojeva i da je aktiviran alat grupe Shapes. Zatim jednostavno kliknite na uzorak boje Ispune(Fill), ili prema uzorku boje Moždani udar(Stroke) na ploči postavki za odabir druge boje. Također možete promijeniti širinu poteza i raditi s drugim opcijama ako je potrebno. Kliknut ću na uzorak boje ispune:
S odabranim slojem oblika kliknite na uzorak boje ispune
Kliknite na uzorak plave boje
Čim kliknem na uzorak, program odmah ispunjava oblik novom bojom:
Boja figure je promijenjena bez ponovnog crtanja figure
A ako ponovno pogledamo ploču Slojevi, vidjet ćemo da je minijatura sloja oblika također promijenila boju:
Kada smo unijeli izmjene, sličica sloja oblika također je promijenila svoj izgled.
Alat za zaobljeni pravokutnik
Pogledajmo drugi alat grupe Shapes - "Pravokutnik sa zaobljenim kutovima"(Alat za zaobljeni pravokutnik). Odabrat ću ga na alatnoj traci:
Odaberite Rounded Rectangle Tool
Rounded Rectangle Tool je vrlo sličan alatu Rectangle osim što nam omogućuje crtanje zaobljenih pravokutnika. Pomoću parametra podešavamo stupanj zaokruživanja uglova "Radius"(Radijus) na ploči postavki. Što je veća vrijednost radijusa koju unesemo, kutovi postaju zaobljeniji. Vrijednost radijusa treba postaviti prije nego što počnete crtati oblik, u mom slučaju unijet ću vrijednost radijusa od 50 piksela:
Koristite opciju Radijus za određivanje stupnja do kojeg su kutovi zaobljeni
Nakon postavljanja vrijednosti polumjera, crtanje zaobljenog pravokutnika slično je crtanju običnog pravokutnika. Najprije kliknite u prozoru dokumenta kako biste definirali početnu točku oblika, a zatim, dok držite pritisnutu tipku miša, dijagonalno povucite pokazivač miša kako biste dovršili crtanje oblika. Baš kao i kod pravokutnog oblika, program će prikazati tanak obris oblika dok pomičete kursor:
Povucite pokazivač kako biste nacrtali zaobljeni pravokutnik nakon što ste unijeli vrijednost radijusa u traku s opcijama
Kada pustite tipku miša, Photoshop će završiti crtanje oblika i ispuniti ga bojom:
Kada pustite tipku miša, oblik će se ispuniti bojom
Ispod je još jedan pravokutnik s radijusom postavljenim na 150 piksela. Ova je vrijednost toliko velika (u svakom slučaju za ovu figuru) da su lijeva i desna strana pravokutnika oblikovane poput krivulje:
Što je veća vrijednost radijusa, kutovi su 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 zaobljenja kutova. Koliko su uglovi zaobljeni možemo vidjeti tek nakon što nacrtamo pravokutnik. Također, ne možemo promijeniti vrijednost radijusa dok crtamo oblik, a Photoshop nam ne dopušta da se vratimo i promijenimo vrijednost radijusa nakon što smo nacrtali oblik. Sve gore navedeno znači da je crtanje zaobljenih pravokutnika u biti stvar pokušaja i pogreške.
Ako vam se ne sviđaju zaobljeni kutovi pravokutnika nakon što ste ga nacrtali, idite na odjeljak izbornika "Uređivanje"(Uredi) na vrhu zaslona i odaberite "Poništi: Alat za zaobljeni pravokutnik"(Undo Rounded Rectangle Tool) (ili pritisnite Ctrl+Z (Win) / Command+Z (Mac)), koji će ukloniti oblik iz dokumenta. Zatim u traku postavki unesite novu vrijednost radijusa i ponovno počnite crtati pravokutnik.
Odaberite Uredi > Poništi: alat za zaobljeni pravokutnik
Isti tipkovnički prečaci koje smo obradili kada smo učili o alatu za pravokutnik također rade s alatom zaobljenog pravokutnika. Za crtanje kvadrata sa zaobljenim kutovima, počnite crtati oblik, a zatim pritisnite i držite Shift. Otpustite tipku Shift nakon što otpustite tipku miša.
Za crtanje oblika iz središta, a ne iz kuta, počnite crtati oblik, a zatim pritisnite i držite Alt (Win) / Option (Mac). I na kraju, pritisak tipke Shift+ Alt (Pobijediti) / Shift+ Opcija (Mac) rezultirat će izvlačenjem kvadrata iz središta. Tipke je potrebno otpustiti tek nakon što otpustite tipku miša.
Ellipse alat
Alat "Elipsa"(Ellipse Tool) nam omogućuje crtanje elipsa i krugova. Odabrat ću ga na alatnoj traci:
Odabir Ellipse Tool
Baš kao i s drugim alatima koje smo obradili, kliknite u prozoru dokumenta kako biste definirali početnu točku oblika, a zatim, dok držite pritisnutu tipku miša, povucite pokazivač miša dijagonalno kako biste dovršili crtanje oblika:
Crtanje elipse pomoću alata Ellipse
Otpustite tipku miša kako biste dovršili crtanje oblika i njegovo ispunjavanje bojom:
Figura je ispunjena bojom.
Za crtanje savršeno ravnog kruga pomoću alata Ellipse, počnite pomicati kursor, a zatim pritisnite i držite Shift. Za crtanje elipse iz središta pritisnite i držite Alt (Pobijediti) / Opcija (Mac) nakon što počnete crtati. Držite tipke istovremeno Shift+ Alt (Pobijediti) / Shift+ Opcija(Mac) će vam omogućiti crtanje kruga iz središta. I kao i uvijek, otpustite tipke tek nakon što otpustite tipku miša:
Krug nacrtan alatom Ellipse
Alat za poligon
Alat "Poligon"(Polygon Tool) nam je zanimljiviji sa stajališta mogućnosti crtanja oblika. Odabrat ću ga na alatnoj traci:
Odabir alata Polygon
Dok s alatom Rectangle možemo crtati samo četverostrane pravokutnike, alat Polygon nam omogućuje crtanje poligona s onoliko stranica koliko želimo. Zatim ćemo pogledati kako čak možete nacrtati zvijezde pomoću ovog alata! Da biste nacrtali oblik pomoću alata Polygon, najprije u okvir s opcijama unesite željeni broj stranica "Zabave"(strane) na ploči postavki. Možete unijeti bilo koji broj od 3 do 100. Prema zadanim postavkama, broj strana je 5, pa ću ga ostaviti ovako:
Unesite broj strana u okvir opcija Strane
Nakon što odredite broj strana, postavite pokazivač u prozor dokumenta i počnite povlačiti da biste nacrtali poligonalni oblik. Photoshop uvijek crta poligonalne oblike iz središta, tako da ne morate držati tipku Alt (Win) / Option (Mac). Pritisnite i držite tipku 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 je potrebno:
5-strani oblik nacrtan alatom Polygon
Određivanjem broja stranica jednakih 3, lako možemo nacrtati trokut:
Jednostavan trokut nacrtan alatom Polygon
Ispod je poligon s brojem stranica postavljenim na 12. Baš kao i s opcijom Radius za Rounded Rectangle Tool, ne možemo promijeniti broj stranica nakon što smo nacrtali oblik, pa ako pogriješite, morate otići u odjeljak izbornika "Uređivanje"(Uredi) na vrhu zaslona i odaberite "Poništi: Alat za poligon"(Undo Polygon Tool) (ili pritisnite Ctrl+Z (Win) / Command+Z (Mac)), zatim unesite drugu vrijednost u okvir parametara Sides i ponovno nacrtajte oblik:
Poligon s dvanaest stranica
Crtanje zvijezda alatom Polygon
Za crtanje zvijezde pomoću alata Polygon, kliknite na ikonu zupčanika na traci s opcijama, zatim odaberite opciju "Zvijezda"(Zvijezda):
Kliknite na ikonu zupčanika i odaberite opciju "Zvjezdica".
Zatim kliknite mišem u prozoru dokumenta i povucite kursor da nacrtate zvijezdu. Parametar "Zabave"(Strane) na ploči postavki određuje broj vrhova zvijezde, pa ako je zadana vrijednost parametra pet, dobit ćemo petokraku zvijezdu:
Zvijezda petokraka nacrtana alatom Polygon
Promjenom parametra Sides na 8 dobivamo osmokraku zvijezdu:
Odredite broj vrhova zvijezde pomoću parametra Sides
Možemo nacrtati oblik koji izgleda kao zvijezda koja eksplodira povećanjem oštrine zraka zvijezde pomoću parametra "Dubina snopa"(Uvući stranice pored). Prema zadanim postavkama, vrijednost ovog parametra je 50%, ja ću povećati vrijednost na 90%. Također ću povećati broj vrhova zvijezda na 16:
Nacrtajte figuru koja izgleda kao eksplodirana zvijezda povećanjem vrijednosti parametra "Dubina zrake".
A ovo je brojka koju sam dobio:
Zvijezda koja eksplodira nacrtana alatom Polygon
Prema zadanim postavkama, vrhovi zvijezda imaju oštre kutove, ali ih možemo zaokružiti odabirom "Glatki vanjski kutovi"(Glatki uglovi):
Odaberite opciju "Glatki vanjski kutovi"
Ispod je petokraka zvijezda s odabranom opcijom Glatki vanjski uglovi:
Opcija Smooth Outer Corners omekšava uglatost zvijezda
Također možemo zaokružiti kutove na dnu zraka zvijezde odabirom opcije "Glatki unutarnji kutovi"(Glatke uvlake):
Odaberite opciju "Glatki unutarnji kutovi"
I opet, naša zvijezda izgleda potpuno drugačije:
Nacrtana zvijezda s odabranom opcijom Glatki unutarnji kutovi
Alat za linije
Posljednji od glavnih alata u grupi Shapes je "Crta"(Alat za linije). Odabrat ću ga na alatnoj traci:
Odabir 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 debljinu linije unosom vrijednosti (u pikselima) u okvir opcija "Debljina"(Težina) na ploči postavki. Prema zadanim postavkama, vrijednost debljine je 1 piksel, ja ću je povećati na 16 piksela:
Parametar "Debljina" odgovoran je za debljinu (ili širinu) linije
Drugo, baš kao i s drugim alatima za oblike, kliknite u prozoru dokumenta i povucite za crtanje linije. Za lakše crtanje vodoravne ili okomite crte pritisnite i držite tipku Shift, nakon što ste počeli crtati liniju, otpustite tipku miša i, na kraju, ali ne manje važno, tipku Shift:
Držite pritisnutu tipku Shift za crtanje vodoravnih ili okomitih linija
Crtanje strelica smjera
Za crtanje strelica kliknite na ikonu zupčanika na ploči s postavkama da biste otvorili opcije "Strijele"(Vrhovi strelica). Odaberite gdje želite dodati strelice: na početku linije, na kraju ili na oba kraja (ako želite da strelica pokazuje u istom smjeru u kojem crtate liniju, odaberite opciju "Na kraju"(Kraj)):
Kliknite na ikonu zupčanika za pristup opcijama strelica.
Ispod je redak sličan prethodnom, osim što je na kraju ikona strelice:
Alat Line olakšava crtanje strelica smjera
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 zavoj strelici pomoću parametra "zakrivljenost"(Konkavnost). Prema zadanim postavkama, vrijednost ovog parametra je 0%, ali ja ću je povećati na 50%:
Promijenite oblik strelice povećanjem vrijednosti parametra "Zakrivljenost".
A ovako sada izgleda strelica. Provjerite jeste li odabrali opcije alata Line prije nego što počnete crtati liniju, jer se one ne mogu mijenjati dok crtate. Ako želite unijeti promjene, morat ćete izbrisati oblik i ponovno ga nacrtati:
Strelica sa zakrivljenošću postavljenom na 50%
Skrivanje obrisa oko oblika
Svaki put kad smo crtali oblik u ovoj lekciji, program je prikazao njegov tanki obris. Kad smo pustili tipku miša, program je završio s crtanjem oblika i ispunio ga bojom. Problem je u tome što ako pažljivo pogledate oblik koji ste nacrtali, vjerojatno ćete oko njega vidjeti tanak obris koji neće nestati. U&
Vektorski crteži vrlo su popularni, ali njihovo stvaranje zahtijeva puno strpljenja i upornosti za početnike. Za pripremu takvih ilustracija koristi se Photoshop, koji se može koristiti za pretvaranje fotografije u vektorsku sliku. U ovom članku ćemo vam reći kako se takav crtež razlikuje od rasterskog i kako napraviti vektorsku sliku u Photoshopu.
Vektor
Kada izradite novi dokument u Photoshopu, napišite bilo koju riječ na bijeli list papira, odabirom prikladne veličine (pomoću funkcija "Tekst" - ikona "T" na alatnoj traci).
Povećajte s alatom Lupa – vidjet ćete da su slova sastavljena od piksela. Zapravo, izgled se određuje formulama, samo se prikaz u programu radi u pikselima.
Vratite ga na normalnu veličinu dvostrukim klikom na ikonu ruke. Veličinu smanjujemo na sljedeći način: "Uređivanje" - "Transformacija" - "Skaliranje". Kada se veličine smanjuju, kvaliteta slova se zadržava. Na isti način, povećavamo tekst što je više moguće, kvaliteta također ostaje dobra, budući da formule dobro funkcioniraju u bilo kojoj mjeri.
Raster
Da biste pretvorili vektorsku sliku u Photoshopu u rastersku sliku, smanjimo gotovu sliku. Zatim idite na karticu "Slojevi", tamo odaberite "Rasteriziraj" - "Tekst". Imamo slova koja se zapravo sastoje od piksela.
Kod povećanja rasterske slike/teksta pomoću funkcija “Uređivanje” - “Transformacija” - “Skaliranje”, kvaliteta se znatno pogoršava. Kako se postupak ponavlja, kvaliteta se svaki put pogoršava - slova postaju mutna.
U takvim ilustracijama, kada se povećavaju prema algoritmu programa, novi pikseli se ispunjavaju bojom. To se događa manje točno nego pri radu s formulama.
Izrada vektorske grafike
Pomoću bilo koje fotografije možete nacrtati crtež. Ako niste znali kako pretvoriti fotografiju u vektor u Photoshopu, pretvorite je, slijedite sljedeći postupak:
- Otvorite fotografiju/ilustraciju. Napravite novi sloj.
- Pomoću alata Pen nacrtajte obris jednog od elemenata (na primjer, lice). Kako biste izbjegli ometanje pozadine, postavite prozirnost na 20–30%. Odaberite boju ispune i obrisa.
- Zatim nacrtajte konture ostalih dijelova na isti način, ispunite ih željenom bojom.
- Za složenu primjenu boja na licu modela, možete koristiti "Filtre". Idite u "Galeriju filtara", tamo napravite "Posterizaciju" na nekoliko razina, prikladno na 3 razine. Photoshop će vam reći kako se sjene nanose, a sve što trebate učiniti je ocrtati njihove konture. Možete dodatno smanjiti zasićenost, učiniti fotografiju crno-bijelom i prilagoditi oštrinu kako biste jasnije vidjeli razine. Prilikom popunjavanja, birajte progresivno svjetlije/tamnije boje za slojeve. Dobivate prijelaze boja.
Strpljenje, točnost, sporost - i vaš će rad biti spreman. Uz dobru vještinu, vrlo brzo ćete napraviti jednostavne crteže, a pretvaranje bilo koje slike u vektor neće biti problem.
Rezultat mukotrpnog rada bit će slika "u krivuljama"
Kako napraviti vektorsku sliku osobe na temelju fotografije u Photoshopu? Za to će vam trebati mnogo slojeva boje, što znači da će rad oduzeti dosta vremena. Ali sam proces nije tako kompliciran kao što se čini, a uz dovoljno strpljenja možete se u potpunosti nositi sa zadatkom i dobiti pristojan vektor.
16.03.2014 27.01.2018
Ovaj vektorski crtež može se napraviti od fotografije za nekoliko minuta u Photoshopu bez puno truda. Sve što trebate učiniti je primijeniti nekoliko filtara, funkcija i slojeva za prilagodbu. Kako to učiniti, pročitajte upute u ovoj lekciji.
Pomoću Photoshopa možemo pretvoriti bilo koji crtež u vektorsku sliku.
Odaberite fotografiju i otvorite je u Photoshopu.
Napravite kopiju sloja. Imenujte jedan sloj Djevojka 1 sloj, i drugo Djevojka 2 sloj.
Primijeni funkciju Slika - Prilagodbe - Pragovi(Slika - Ispravak - Izohelij) za sloj Djevojka 1 sloj.
Postavite boje na bijelu i crnu na alatnoj traci.
Primijeni filtar Filter - Skica - Fotokopija (Filter – Skica – Fotokopija) za sloj Djevojka 2 sloj.
Način miješanja slojeva Djevojka 2 sloj instalirati Pomnožiti(Množenje) i spojite slojeve.
Ponovno primijenite funkciju Prag (Izohelij)
Sada morate izravnati rubove, da biste to učinili, primijenite filtar Stilizirati - Difusse(Stilizacija - difuzija)
Vektorska slika je spremna.
Sada, kako biste ga nekako transformirali, možete ga obojiti. Da biste to učinili, jednostavno uzmite crnu četku i ispravite crte lica.
Za ispunjavanje bojom, koristite Alat za kantu boje (Ispunite). To vam neće biti problem.
Svatko tko radi s grafičkim urednicima ponekad ima posla i s vektorskom i s rasterskom grafikom.
Što ako trebamo dodati neke Photoshop specijalne efekte vektorskoj datoteci. Danas ću vam pokazati kako pravilno raditi s vektorskim datotekama u Photoshopu.
1) Jednostavno povucite i ispustite AI ili EPS datoteku u PHOTOSHOP. Mi vidimo:
2) Veličina je ovdje vrlo važna - uostalom, u Photoshopu će slika postati rasterska, a povećanje veličine bez gubitka kvalitete bit će teško. Stoga je najbolje odmah uzeti veliku veličinu.
3) Kada smo otvorili datoteku, sve su slike bile na jednom sloju. Da biste radili sa svakim od njih zasebno, morat ćete koristiti odabir, na primjer, Rectangular Marquee Tool, a zatim ga izrezati na novi sloj.
4) Budući da nismo sigurni s kojom će veličinom slika raditi, pretvorit ćemo je u pametni objekt. Jednostavno kliknite desnom tipkom miša na njega i odaberite odgovarajuću stavku. Ispostavilo se da su karakteristike objekta postale slične vektorskim, te se mogu povećati po želji.
5) U ovom primjeru, kopirao sam jednu od lubanja, a zatim je pretvorio u pametni objekt i razvukao oba objekta. Za sada se ne vidi razlika
6) Ali povećajmo sliku. Razlika je očita!
7) Sve što treba učiniti je postaviti sve kako treba). Možete koristiti svojstva sloja (Slika>Prilagodbe) i opcije miješanja (Desni klik>Opcije miješanja).
Pa ipak, zašto je bolje otvarati vektorske slike u vektorskim uređivačima?
Jer ovdje možete promijeniti ne samo veličine, ispraviti linije, boje, što nije uvijek lako u Photoshopu, pogotovo za početnika.
Na kraju, trebali biste znati da možete umetnuti sliku u Photoshop izravno iz Illustrator - samo odaberite željenu sliku u Illustratoru, Strl+C, i onda Ctrl+V u Photodhopu.
Sljedeći postupak je identičan gore opisanom.
Konačni rezultat 
Kao što znate, vektorske ilustracije trenutno su vrlo popularne u web grafici. Profesionalni dizajneri mogu stvoriti takve ilustracije za nekoliko sati. Ako ste početnik ili amater, lekcije web grafike sigurno će vam biti od velike koristi. Svrha ovog vodiča je rasvijetliti proces stvaranja odabrane slike. Demonstrirat ću cijeli proces korak po korak i objasniti sve korake uz pomoć svojih komentara.
Da biste stvorili stvarno cool sliku, morate odabrati pravi program i slijediti određena pravila. Ako želite nacrtati vektorsku ilustraciju, trebali biste imati na umu da urednici kao što su Adobe Illustrator ili Corel Draw. U isto vrijeme, Photoshop ima dovoljno sredstava za razvoj vektorskih ilustracija. To ću jasno pokazati u svojoj lekciji o tome kako pretvoriti 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
Počnimo sa stvaranjem pozadine. Nacrtajmo oblik pomoću alata za odabir () (u načinu rada Slojevi oblika(Sloj oblika)). Postavke - (Neprozirnost ispune) = 0% . Sada upotrijebite gradijentni sloj: ((Stil sloja - Gradientni sloj)) da ispunite stvoreni oblik. Sve su postavke zadane, samo trebate promijeniti kut (naznačit ću stupanj) i gradijent. Dodati Moždani udar(Stroke) ((Stil sloja - Stroke)). Koristimo sve zadane postavke, osim širine in 1 px i boje.
