Photoshop prilagođeni oblik. Kako nacrtati jednostavne geometrijske oblike u Photoshopu

U velikoj većini slučajeva ćete crtati vektorske figure. Za razliku od oblika piksela, vektorski oblici su fleksibilni, skalabilni i ne ovise o rezoluciji slike, što znači da ih možemo postaviti na bilo koju veličinu koju želimo, uređivati ​​i skalirati koliko nam je potrebno bez gubitka kvalitete, pa čak i ispisivati ​​u bilo kojoj veličina također bez gubitka kvalitete!

Bez obzira da li su prikazani na ekranu ili u štampi, ivice vektorskih oblika uvek ostaju jasne i oštre.

Da biste bili sigurni da crtate vektorske oblike, a ne putanje ili piksele, odaberite opciju Oblik iz prikaza načina alata na traci s opcijama:

Odabir opcije Oblik na traci s opcijama

Ispunjavanje oblika bojom

Sljedeće što obično radimo nakon odabira opcije "Oblik" je odabir boje koja ispunjava oblik, u Photoshopu CS6 i novijim, to se radi klikom na polje "Popuni" na traci sa opcijama:

Kliknite na dugme na traci sa opcijama da biste otvorili dijaloški okvir Svojstva ispune oblika.

Ova radnja otvara prozor koji nam omogućava da odaberemo jednu od četiri razne načine završne forme, od kojih je svaki predstavljen jednom od četiri ikone na vrhu prozora. Dodjela ikona, počevši od lijeve ivice:

• bez boje(Bez boje) - bijeli pravougaonik sa crvenom dijagonalnom linijom, bez ispune
• čista boja(Solid Color) - puna ispuna boja
• Gradijent(Gradijent) - gradijent ispuna
• Uzorak(Uzorak) - ispunite Photoshop uzorkom (uzorkom)

Various Methods popunjavanje oblika

Bez boje (bez boje)

Kao što ime sugerira, odabirom ove opcije, oblik će ostati bez ispune, s praznim pikselima unutra. čemu služi? Pa, u nekim slučajevima može biti potrebna samo sama kontura. Takođe, često je potreban samo potez sa prozirnim pikselima unutra.

Ispod je jednostavan primjer kako obrazac izgleda bez ispune u boji. Sve što vidimo je glavna kontura forme, koja se zove "Kontura" (Puta). Kontura se pojavljuje samo u Photoshop dokumentu, tako da ako sačuvate svoj rad kao JPEG ili PNG ili ga odštampate, obris neće biti vidljiv. Da bismo ga učinili vidljivim, moramo mu dodati potez, koji ćemo vidjeti kako dodati sljedeće:

Pravokutni oblik bez ispune ili poteza.

Jednobojna

Da biste ispunili obrazac jednobojnom bojom, odaberite opciju "Solid Color", drugu ikonu s lijeve strane:

Opcija "Čista boja" (Solid Color) da ispunite oblik jednobojnom bojom

Kada je opcija aktivna, odaberite boju za oblik klikom na jedan od uzoraka boja. Boje koje ste nedavno koristili dok radite u Photoshopu će se pojaviti iznad glavnih uzoraka:

Izbor boje klikom na uzorak.

Ako boja koja vam je potrebna nije među predstavljenim uzorcima, kliknite na ikonu "Color Picker" koja se nalazi u gornjem desnom uglu prozora:

Kliknite na ikonu Color Picker da odaberete svoju boju.

Otvoriće se dijaloški okvir Color Picker, odaberite boju u njemu i kliknite OK da zatvorite Birač boja nakon što odaberete željenu boju.

Kao što možete vidjeti na slici ispod, nakon ovih radnji imamo istu formu, samo što sada forma ima boju:

Figura ispunjena bojom.

Gradijentno popunjavanje

Da biste ispunili svoj oblik gradijentom, odaberite opciju "Gradijent". Zatim kliknite na jednu od sličica da odaberete unaprijed postavljeni gradijent ili koristite sličicu trake gradijenta ispod da kreirate vlastitu varijaciju gradijenta.

Odaberite već napravljen ili kreirajte vlastiti gradijent da ispunite oblik.

Evo istog oblika, samo što je sada ispunjen gradijentom:

Oblik ispunjen jednim od prethodno postavljenih gradijenata u Photoshopu.

Ispuna uzorkom (uzorci)

Konačno, opcija popunjavanja uzorkom nam omogućava da ispunimo oblik jednim od prethodno postavljenih šablona u Photoshopu.
Kliknite na jednu od sličica da odaberete uzorak. U Photoshopu nije instalirano mnogo opcija uzorka, odabir, učitavanje i instaliranje uzorka za popunjavanje je detaljno opisano.

Ispod je isti oblik, ovaj put ispunjen uzorkom:

Isti oblik, samo ovaj put ispunjen standardnim Photoshop uzorkom.

Ako još niste sigurni koja boja, gradijent ili uzorak treba vašem obliku, ne brinite. Kao što ćemo kasnije vidjeti, uvijek se možete vratiti da kasnije uredite oblik i promijenite ispunu.

Dodavanje poteza vektorskom obliku

Ova opcija postoji u Photoshopu od verzije CS6. Prema zadanim postavkama, Photoshop neće dodati potez na ivice oblika, ali dodavanje jednog je jednostavno kao dodavanje ispune bojom.

Da biste dodali potez, kliknite na odgovarajuću opciju na traci opcija:

Mogućnost dodavanja poteza.

Ovo otvara prozor sa opcijama u kojima možemo odabrati boju poteza, kao i postaviti mnoge druge opcije.

Na vrhu prozora imamo iste četiri ikone za odabir vrste punjenja linije, a to su bez boje, puna boja, gradijent i uzorak. Podrazumevano je odabrano "Bez boje". Odabrat ću tip "Solid Color". Odaberite i dodijelite boju poteza na potpuno isti način kao i boja ispune, kao što je gore opisano.

Promjena težine udarca

Da biste promijenili težinu poteza, koristite odgovarajući okvir za unos koji se nalazi odmah desno od pravokutnika uzorka boja na traci opcija. Podrazumevano, težina je postavljena na 3 pt (bodovi). Ali možete postaviti i druge mjerne jedinice, ako kliknete na ovo polje za unos desnim gumbom miša, otvorit će se padajuća lista mjernih jedinica. Skoro uvijek biram piksele:

Promijenite širinu i jedinice poteza.

Opcija Poravnaj ivice

Desno od svih ostalih, na traci sa opcijama je opcija "Poravnaj ivice". Kada je ova funkcija uključena (podrazumevano je uključena), Photoshop će poravnati ivice poteza sa mrežom piksela, čineći sliku oštrijom.
Opcija će biti aktivna samo ako je jedinica poteza piksel.

Više opcija poteza

Prema zadanim postavkama, Photoshop crta punu liniju, ali to možemo promijeniti klikom na dugme Opcije poteza na traci s opcijama:

Dugme prozora za izbor dodatnih svojstava - izbor poteza - puna, isprekidana, tačkasta itd.

Ovo otvara prozor sa opcijama poteza. U ovom prozoru možemo promijeniti vrstu linije iz pune u isprekidanu ili isprekidanu. Osim toga, postoje tri dodatne opcije poteza:

Dijaloški okvir za opcije poteza

Opcija "Poravnaj"(Poravnaj) nam omogućava da odaberemo da li se potez nalazi unutar putanje, izvan ili u sredini.
Sljedeća opcija "krajevi"(Caps) funkcionira samo ako smo odabrali isprekidani potez. Možemo promijeniti izgled krajeva segmenata.

1. potez se završava na granici svoje određene dužine, a kraj ima pravokutni oblik
2. kraj ima polukružni oblik i strši polovinu širine izvan granice date dužine poteza sa svake strane
3. kraj ima pravokutni oblik i strši polovinu širine izvan granice određene dužine poteza sa svake strane

"Uglovi"(Uglovi) vam omogućavaju da promijenite izgled ugla na spoju linija poteza. Ugljevi mogu biti oštri (podrazumevano), zaobljeni ili zakošeni. Ova opcija radi ako je potez izvan ili na sredini putanje. Ako je potez unutar staze, uglovi uvijek ostaju oštri.

Klikom na dugme na dnu prozora "Ostale opcije..." (More Options...) otvara se drugi prozor u kojem možemo podesiti dužinu poteza i razmake između poteza. Evo primjera pravokutnog oblika s ispunom i isprekidanim potezom, s različitim dužinama poteza:

Potez unutar oblika koji koristi dvije vrste poteza - liniju i tačku.

Photoshop ima zanimljiv alat — "Proizvoljna cifra". U praksi se ovaj alat rijetko koristi, ali ipak ima niz zanimljivih karakteristika. U ovoj lekciji ćete se upoznati sa proizvoljnim oblicima, kao i naučiti kako samostalno dodati svoje skupove takvih oblika u Photoshop.

Na traci sa alatkama (prečica U) nalazi se grupa homogenih alata. To uključuje: pravougaonik, zaobljeni pravougaonik, elipsu, poligon, liniju i proizvoljna figura.

Na panelu atributa nalazi se okvir u kojem možete odabrati oblik između standardnih. Da biste to učinili, kliknite na malu strelicu desno od sličice. Pogledajte snimke ekrana:

Šta je proizvoljna figura?

To je vektorska slika, što znači da nema ograničenja veličine. Stoga se može rastegnuti koliko god želite bez gubitka kvalitete.

Oblik nema svoju boju (osim one koju odaberemo prije kreiranja), volumen, sjene, ivice ili bilo šta drugo. Po ovome liči na četkicu, gdje sami postavljate boju, sve ostalo ćete morati sami doraditi.

Kako koristiti?

Da nacrtate prilagođeni oblik, odaberite ga s padajuće liste, a zatim kliknite lijevom tipkom miša na svoj otvoreni dokument i pomaknite miša u stranu. Vidjet ćete da se pojavio obris buduće figure. Pomicanjem miša u različitim kutovima i smjerovima prilagođavate njegovu veličinu i oblik, tj. može biti široka ili uska. Ne zaboravite prvo odabrati željenu boju a zatim nacrtajte.

Držite pritisnut tipku Shift da nacrtate oblik savršeno ravnomjerno, bez izobličenja u bilo kojem smjeru.

Kako postaviti svoje oblike u Photoshopu?

Možete samostalno instalirati set figura u svoj program. Ovdje funkcionišu isti principi kao, na primjer, sa ili. Da biste ih instalirali, prvo preuzmite set sa figurama na svoj računar. Ovi setovi imaju proširenje csh.

Nakon toga otvorite meni oblika. Vidjet ćete ove 4 naredbe:

Odabirom "Preuzmi...", otvorit će se dijaloški okvir u kojem trebate navesti putanju do datoteke sa ekstenzijom csh, na primjer ovako:

Ovaj skup će se automatski dodati na kraj liste svih oblika. Recimo da ste na listi imali set sa životinjama i ubacili ste strelice. Rezultat je lista koja se sastoji od životinja i strelica.

Odabirom "Zamijeni...", sve će biti po starom, osim što se nove brojke neće pojaviti na kraju liste, već će u potpunosti zamijeniti one koje već postoje. Na primjer, vi ste u početku imali učitane komplete sa životinjama i strelicama na listi, a vi odlučio otvoriti sa zamjenom set ukrasa. Kao rezultat, na listi će biti samo ukrasi.

A ako ste otpremili nekoliko skupova, izbrisali sve pojedinačne oblike pomoću naredbe "Izbriši...", generalno, napravili ste set za sebe, onda ga možete sačuvati sa ekipom "Sačuvaj proizvoljno...". U budućnosti će ga biti moguće preuzeti u istom obliku ili prenijeti nekome putem interneta.

Poslednja komanda "Vrati proizvoljno..." omogućava vam da vratite sve na zadano.

Imajte na umu da se u istom meniju nalazi ogromna lista: Životinje, Strelice, Priroda, Predmeti itd. Ovo su standardni setovi koje su nam programeri Photoshopa ljubazno dostavili.

Drugi način instalacije sa dodatnom pogodnošću

Proizvoljni oblici se i dalje mogu instalirati direktno u sistemske datoteke Photoshopa.

Malo je teže to učiniti, ali glavna prednost ove metode je što će se vaš skup pojaviti na listi koju sam opisao gore (životinje, strijele, priroda, objekti, itd.). Ako namjeravate često koristiti ovaj alat, onda će ovaj način instalacije skratiti vrijeme, a željeni set ćete moći odabrati u dva klika.

Da biste to učinili, morate kopirati datoteku s ekstenzijom csh u sistemskoj fascikli Photoshopa "Prilagođeni oblici", obično njena adresa je: C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Custom Shapes.

Primijetili ste grešku u tekstu - odaberite ga i pritisnite Ctrl + Enter. Hvala ti!

Ovaj vodič će vam pomoći da instalirate nove oblike za verziju Photoshop CS6. Za druge verzije, algoritam će biti isti.

Za početak preuzmite datoteku s novim figurama s interneta i raspakujte je ako je arhivirana.

Zatim otvorite Photoshop CS6 i idite na glavni meni na vrhu ekrana na karticu Uređivanje -Setovi- Set Management(Uređivanje - Upravitelj unaprijed postavljenih postavki). Ovaj prozor će se pojaviti:

Dugme ispod slova ALI(u obliku male crne strelice) vam omogućava da odaberete vrstu dodatka koji želite da instalirate - četke, teksture, oblici, stilovi itd.

Dugme ispod slova B prikazuje vrste dodataka.

Kliknemo na malu crnu strelicu i sa liste koja se pojavi, pritiskom na lijevu tipku miša odabiremo vrstu dodatka - Prilagođene figure(Prilagođeni oblici):

Pojavljuje se novi prozor. Ovdje navodite adresu preuzete datoteke sa brojkama. Ova datoteka se nalazi na vašoj radnoj površini ili je smještena u posebnu mapu za preuzete dodatke. U mom slučaju, datoteka se nalazi u folderu "Stilovi" na radnoj površini:

Pritisnite ponovo Skinuti(Učitaj)

Sada, u dijaloškom okviru "Upravljanje setovima", možete vidjeti na kraju skupa oblika nove oblike koje smo upravo učitali:

Bilješka : ako ima mnogo oblika, pomaknite traku za pomicanje prema dolje i novi oblici će biti vidljivi na kraju liste

To je to, Photoshop je kopirao navedenu datoteku oblika u svoj unaprijed postavljen. Možeš koristiti!

Sportista je nacrtan pomoću figure iz kompleta "Ekstremni sportovi".

Pričali smo o slikanju u Photoshopu olovkom i četkom. Slobodnoručne linije su odlične, ali često se dešava da trebate prikazati ujednačenu geometrijsku figuru. Lenjiri i šestari su stvar prošlosti, a sada to možete i sa njima jednostavni alati urednik.

Da biste odabrali jedan od njih, na paleti alata kliknite na ikonu Oblici.

Bez obzira koji alat grupe odaberete, sljedeći elementi, zajednički za sve oblike, pojavit će se na traci s opcijama.

• Način rada alata za odabir. Ovdje možete izabrati jednu od tri.

1. Slika. Vrijednost je postavljena po defaultu, a sa njom se kreira vektorska geometrijska figura na posebnom sloju, odnosno dešava se ono što očekujete od alata.
2. Circuit. Obris oblika je nacrtan bez ispune.
3. Pikseli. Ne stvara vektor, već rasterski lik.

• Fill. Omogućava vam da postavite boju i tip (gradijent, sjenčanje) nacrtanog oblika.
• Moždani udar. Postavke obrisa oblika: debljina, vrsta, boja.
• Širina i visina. Omogućuju vam da razjasnite veličinu figure, kada to nije dozvoljeno učiniti "na oko".

Kao i uvek, kreirajte novi dokument sa bijelom pozadinom. Ostale opcije možete ostaviti kao zadane ili odabrati svoje.

Pravougaonik

Odaberite oblik pravougaonika i da biste ga nacrtali, kliknite na platno, a zatim pomjerite pokazivač držeći pritisnutu tipku miša. Tačka na koju ste kliknuli bit će ugao oblika.

Na traci sa opcijama kliknite na ikonu. Otvara se prozor postavki geometrije.

Podrazumevano, prekidač je postavljen na pravougaonik. Ako ga postavite na kvadrat, onda kada crtate, uvijek ćete dobiti oblik sa istom dužinom stranice. Isti efekat možete postići i bez klikanja na potvrdni okvir: da biste dobili kvadrat dok crtate pravougaonik, samo držite tipku Shift.

Ako su parametri vašeg pravokutnika poznati unaprijed, postavite prekidač na poziciju Specificirana veličina i unesite tražene vrijednosti u polja. Oblik će biti u potpunosti nacrtan čim kliknete na platno tipkom miša.

Nakon postavljanja prekidača na poziciju Postavi proporcije u poljima za unos koja su postala dostupna, možete odrediti omjer slike kreirane figure.

Polje za potvrdu Od centra omogućava vam da nacrtate pravougaonik iz centra, a ne iz ekstremne tačke.

Pravougaonik sa zaobljenim uglovima

Sljedeća stavka na listi geometrijskih oblika. Jasno je da se razlikuje od uobičajenog zaobljenja na uglovima. Shodno tome, postavke za ovaj oblik i pravougaonik su gotovo identične. Radijus zaokruživanja može se odrediti u odgovarajućem polju trake sa opcijama.

Elipsa

Parametri su isti kao pravougaonik, ali umjesto kvadrata, možete nacrtati krug. Da biste to učinili, u prozoru postavki geometrije potvrdite okvir na poziciji Krug ili dok crtate držite pritisnut tipku Shift.

Poligon

Pomoću ovog alata možete nacrtati trokut, dodekaedar, ikosaedar, zvijezdu ili općenito bilo koju figuru koja sadrži od tri do sto strana. Njihov broj se može podesiti u polju za unos Sides koje se nalazi na panelu sa opcijama.

Prozor geometrijskih postavki značajno se razlikuje od prethodnih slika.

• Radijus. Ovo polje određuje radijus budućeg poligona.
• Zagladite vanjske uglove. Ako je potvrdni okvir označen, onda su uglovi zaobljeni; ako nije, uglovi su oštri, kao u klasičnom poligonu.
• Star. Označite polje ako želite da dobijete zvezdicu na izlazu.
• Dubina zraka. Ovo polje za unos određuje koliko će zraci biti dugi.
• izgladiti unutrašnji uglovi. Označite ovo polje ako želite da unutrašnji uglovi budu zaobljeni, kao što je prikazano na slici ispod.

Linija

Koristite ovaj alat za kreiranje pravih linija - jednostavno ih nije praktično crtati rukom. Da biste postigli maksimalnu preciznost, podesite geometrijske parametre u odgovarajućem prozoru.

• Počni. Ako je polje za potvrdu označeno, umjesto linije, dobićete strelicu koja će biti nacrtana na mestu gde ste kliknuli dugme miša.
• Kraj. Označite polje za dodavanje strelice na kraj linije.
• Širina. Naveden je kao procenat u odnosu na debljinu (može se podesiti na panelu opcija u istoimenom polju).
• Dužina. Smatra se na isti način kao i širina - u odnosu na debljinu, u procentima.
• Zakrivljenost. Vrijednost je navedena u rasponu od -50% do 50% i određuje koliko će najširi dio strelice biti savijen. Na slici su prikazane strelice sa zakrivljenošću od 0%, 30% i 50% (od vrha do dna).

Proizvoljna figura

Kako ne bi stvorili vlastiti alat za svaku od desetina preostalih figura, programeri su ih ovdje kombinirali. Svi elementi panela sa opcijama su vam već poznati, osim najvažnijeg - dugmeta Oblik, klikom na koje se otvara prozor za izbor oblika.

Ako kliknete na zupčanik koji se nalazi na desnoj strani prozora, otvorit će se meni dodatnih opcija koje sadrže kategorije oblika.

Zahvaljujući razmatranim alatima, možete bukvalno crtati u dva klika velika količina figure za koje bi bilo potrebno dosta vremena za ručno kreiranje.

U ovom tutorijalu ćemo pogledati sve što je povezano sa stvaranjem proizvoljnih oblika u Photoshopu, a zatim i radom s njima. Pošto ima dosta materijala, podijelićemo ga na dva dijela. U prvom dijelu ćemo naučiti kako kreirati oblik, definirati ga kao proizvoljan oblik, a zatim ga prikazati na ekranu i koristiti ga po potrebi. U drugom dijelu ćemo pogledati kako kombinirati različite oblike u zasebne skupove oblika i pohraniti ih u program.

Ideja za ovaj tutorijal pala mi je na pamet kada sam pregledavao scrapbooking časopis s brojnim stranicama koje sadrže gotove šablone. jednostavne figure. Ove brojke su bile grupisane oko različitih tema i bile su apsurdno skupe. Tada sam pomislio: „Hej, sve ove oblike možeš sam kreirati u Photoshopu i to besplatno!“ Osim toga, ne morate se baviti scrapbookingom da biste imali koristi od kreiranja vlastitih prilagođenih oblika.

Prvo, kada kreirate figure, možete se samo zabaviti! I ako stvarate mnogo razne figure i spojite ih u zaseban set, bit će još zanimljivije. Drugo, možete koristiti proizvoljne brojke kao element dekoracije u dizajnu crteža ili čak u dizajnerskom radu. Treće, možete kombinirati proizvoljan oblik s vektorskom maskom i dobiti smiješan okvir za fotografije. Ali prije nego počnemo koristiti prilagođene oblike, naučimo kako ih kreirati!

Prije nego počnem savladavati gradivo, dozvolit ću sebi još jednu digresiju. Kreiranje proizvoljnih oblika zahtijeva korištenje alata Pen Tool. Možete kreirati oblike pomoću osnovnih alata Shapes kao što su pravougaonik ili elipsa, ali ako se ne želite ograničiti na kreiranje određenih oblika koji izgledaju kao kutije ili gume za bicikl, morat ćete koristiti alat Pen. Detaljnije smo istražili alat za olovku u našem vodiču Kako napraviti selekciju pomoću alata za olovku, tako u ovu lekciju Samo ćemo se ukratko dotaknuti ove teme. Ako niste upoznati s osnovnim svojstvima alata Pen Tool, prvo pročitajte našu lekciju o korištenju ovog alata.

U ovom vodiču ćemo kreirati proizvoljne oblike tako što ćemo prvo pratiti objekat na slici. Ako možete crtati, odlično - onda možete lako nacrtati oblik slobodnom rukom bez praćenja subjekta, jer kada kreirate oblik slobodnom rukom, nije važno kako ga nacrtate - potezom ili slobodnom rukom. Što se mene tiče, više volim da pratim objekt (pošto nemam umjetničke sposobnosti), tako da ćemo u ovom tutorijalu upravo to i učiniti.

Napraviću prilagođeni oblik od ovog slatkog medenjaka:

Gingerbread Man

Počnimo!

Korak 1: Odaberite Pen Tool

Kao što sam spomenuo, možete kreirati proizvoljne oblike koristeći osnovne alate Shapes kao što su pravougaonik ili elipsa, ali ako pokušate ući u trag našeg Gingerbread Mana s ovim alatima, najvjerovatnije će ostati bez glave u najboljem slučaju (izvinite na maloj ironiji). Ono što nam zaista treba je alat Pen Tool, pa hajde da ga odaberemo sa panela Alati:

Odabir alata za olovku

Alat za olovku možete odabrati i pritiskom na tipku P.

Korak 2: Odabir opcije "Sloj oblika" na traci sa opcijama

Sa odabranim alatom Pen Tool, pogledajmo traku sa opcijama na vrhu ekrana. Na lijevoj strani panela vidjet ćete grupu od tri ikone:

Tri ikone na traci sa opcijama koje nam omogućavaju da odaberemo kako želimo da koristimo alatku za olovku

Ove ikone nam pokazuju šta možemo da uradimo sa olovkom. Desna ikona unutra ovog trenutka izgleda zasjenjeno. Dostupan nam je samo kada radimo sa glavnim alatima grupe "Oblici" (alatka "Pen" i alati grupe "Oblici" imaju skoro iste opcije u panelu postavki). Kao što smo ti i ja prošli kroz tutorijal Kako napraviti selekciju pomoću alata olovka, ikona u sredini se koristi kada želimo da nacrtamo putanje, ali nam trenutno nije potrebna. Želimo koristiti alat za olovku za crtanje oblika, a za to moramo odabrati ikonu s lijeve strane, koja je odgovorna za parametar Shape Layers:

Za crtanje oblika pomoću alata olovka, odaberite opciju Shape Layer

Opcija Shape Layer je odabrana prema zadanim postavkama kad god pristupite alatu Pen, tako da možda nećete morati sami da je postavljate. Ali ipak je dobra ideja provjeriti i uvjeriti se da je ova opcija odabrana prije nego što počnete crtati oblik.

Trebalo bi naglasiti da nema razlike između crtanja putanja i crtanja oblika olovkom. U oba slučaja, kliknite u prozoru dokumenta da biste ga postavili sidrene tačke, a zatim pomaknite linije vodilice prema potrebi da biste kreirali ravne ili zakrivljene dijelove (opet, ako niste upoznati s ovim konceptima, pogledajte našu lekciju Kako napraviti odabir pomoću alata Pen Tool). U stvari, bilo da "zvanično" crtate oblike ili putanje, ionako crtate putanje. Razlika je u tome što prilikom crtanja oblika, Photoshop ispunjava putanju bojom dok crtamo, omogućavajući nam da vidimo oblik.

Čudno, ali ova nekretnina će nam malo otežati posao. Zašto - razmotrićemo dalje.

Korak 3: Počnite crtati oblik

Nakon što smo odabrali alat Pen Tool i opciju Shape Layer na traci sa opcijama, možemo početi pratiti sliku. Želim da počnem da pratim sa glavom Gingerbread Mana. Da bih to uradio, kliknuću da postavim tačke sidrišta i počnem da povlačim linije vodilice da napravim zakrivljeni potez oko čovekove glave. Na donjoj slici možete vidjeti točke sidrišta i vodilice, ali postoji problem. Photoshop ispunjava obris oblika bojom pozadine (crna u mom slučaju) tokom poteza, sprečavajući nas da vidimo čovjekovu glavu:

Program ispunjava konturu bojom pozadine tokom crtanja, sprečavajući nas da vidimo sliku.

Da program ne bi sakrio samu sliku tokom poteza, potrebno je samo otići na panel slojeva i smanjiti neprozirnost sloja oblika. Trenutno u panelu slojeva možete vidjeti da imamo dva sloja - donji pozadinski sloj (Background), na koji je postavljena slika medenjaka, i gornji sloj oblici zvani "Slika 1" (Oblik 1). Sa sigurnošću mogu reći da je sloj oblika trenutno odabran jer je označen plavom bojom, tako da da bismo smanjili njegovu neprozirnost, samo trebamo odabrati opciju Opacity u gornjem desnom kutu panela slojeva i smanjiti njegovu vrijednost. U mom slučaju, smanjit ću neprozirnost na 50%:

Smanjite neprozirnost sloja oblika koristeći opciju Opacity u gornjem desnom uglu panela slojeva

Nakon smanjenja neprozirnosti sloja oblika, glava čovjeka je vidljiva kroz pozadinu. nova boja ispune, zbog čega će nam biti mnogo lakše napraviti daljnje poteze:

Nakon smanjenja neprozirnosti sloja oblika, slika je vidljiva kroz boju pozadine

Korak 5: Nastavite pratiti sliku

Sada kada je Gingerbread Man vidljiv kroz boju ispune oblika koji crtam, mogu nastaviti pratiti sliku pomoću alata Pen Tool sve dok se ne vratim na početak poteza:

Obris figure je potpuno gotov.

Ako pogledamo sloj Shape na panelu Layers, možemo vidjeti da se na njemu pojavio poseban oblik Gingerbread Man:

Na panelu slojeva sada se jasno vidi lik našeg Čovjeka.

Do sada smo bili dobro. Naveli smo oblik medenjaka, au nekim slučajevima to bi bilo dovoljno. U mom slučaju, međutim, na navedenoj cifri je potrebno malo poraditi. U najmanju ruku, mislim da moramo uključiti oči i usta u ocrtanu siluetu, a možda i leptir mašnu i dva velika dugmeta ispod. Kako da dodamo ove detalje zacrtanom obliku? Veoma jednostavno! Nećemo ih dodavati - uklonit ćemo (ili oduzeti) ove detalje sa slike!

Korak 6: Odaberite alat Ellipse

Počnimo od očiju. Po želji, možemo selektirati oči pomoću alata olovka, ali pošto su okrugle na Malom čovjeku, birat ćemo ih više lakši način koristeći Ellipse Tool. Odaberite alat Ellipse na traci sa alatkama. Prema zadanim postavkama, ovaj alat je skriven iza alata Rectangle Tool, tako da kliknite na Rectangle Tool i držite tipku miša pritisnutu nekoliko sekundi, što će prikazati iskačući meni na ekranu gdje možete odabrati alat Ellipse:

Kliknite na alat Rectangle na traci s alatima, a zatim držite pritisnutu tipku miša dok se na ekranu ne pojavi pop-up meni, gdje biramo alat Ellipse

Korak 7: Odaberite opciju Oduzmi od područja oblika

Kada je odabran alat Ellipse, pogledajte traku sa opcijama gdje ćete vidjeti nekoliko ikona grupisanih zajedno koje izgledaju kao mali kvadrati koji su međusobno povezani. na razne načine. Ove ikone nam omogućavaju da izvodimo različite radnje s oblicima, kao što je dodavanje oblika u područje, oduzimanje odvojenog područja od njega i presijecanje područja nekoliko oblika. Kliknite na treću ikonu s lijeve strane, koja je odgovorna za opciju "Oduzmi od područja oblika" (Oduzmi od područja oblika):

U panelu postavki kliknite na ikonu opcije "Oduzmi od područja oblika":

Korak 8: Nacrtajte pojedinačne oblike da biste ih izdvojili iz obrisane siluete

Sada, s odabranom opcijom Oduzmi od područja oblika, možemo početi dodavati detalje našem obliku brisanjem pojedinačnih područja. Počeću da transformišem oblik crtajući oval oko levog oka:

Nacrtajte oval oko lijevog oka dok držite pritisnutu tipku miša

Kada otpustim tipku miša, ovalno područje oko oka će odmah nestati ili se "izrezati" iz poteza glavnog oblika, ostavljajući za sobom rupu kroz koju će se vidjeti lijevo oko Čovjeka na originalnoj slici, postavljeno na donji sloj "Background":

Lijevo oko je sada "izrezano" iz originalnog poteza oblika, ostavljajući oko vidljivim na originalnoj slici ispod ocrtane siluete.

Uradiću isto sa desnim okom. Prvo ću nacrtati oval oko oka:

Nacrtajte oval oko desnog oka

Čim pustim tipku miša, pojavit će se druga okrugla rupa kroz koju će se vidjeti i muško oko na originalnoj slici:

Na figuri se pojavila druga rupa kroz koju se vidi Čovjekovo oko.

Pošto su dva dugmeta ispod leptir mašne takođe okrugla, ponovo ću koristiti Ellipse Tool da ih uklonim iz ocrtanog oblika. Prvo ću nacrtati oval oko gornjeg dugmeta:

Nacrtajte oval oko gornjeg dugmeta

Kada otpustim dugme miša, ovalno područje oko dugmeta će odmah nestati iz ocrtanog oblika, ostavljajući iza sebe rupu kroz koju će dugme biti vidljivo na slici ispod:

Figura ima rupu kroz koju se vidi gornje dugme.

A sada ću učiniti isto za donje dugme, počevši tako što ću nacrtati oval oko njega:

Nacrtajte oval oko donjeg dugmeta

Kada otpustim tipku miša, na ocrtanoj silueti će se pojaviti četvrta rupa:

Oba dugmeta su sada izrezana iz ocrtane figure.

Ako trenutno gledam sličicu sloja oblika na panelu Slojevi, mogu vidjeti dvije rupe za oči i dvije rupe za dugmad, koje sam izrezao iz ocrtanog oblika:

Sličica sloja oblika pokazuje nam rupice za oko i dugmad izrezane iz ocrtanog oblika.

Korak 9: Izvucite preostale detalje iz ocrtane siluete pomoću alata za olovku

Vratit ću se na alat Pen Tool jer trebam dodati nekoliko detalja ocrtanom obliku koje ne mogu odabrati pomoću Ellipse Tool.

Ocrtanoj silueti želim dodati usta, kao i leptir mašnu. Budući da je opcija Oduzmi od područja oblika već označena nakon ponovnog odabira alata Pen Tool na traci sa opcijama, samo ću početi da pratim usta i leptir mašnu da ih "izrežem" iz ocrtane siluete Gingerbread Man.

Slika ispod prikazuje linije poteza zajedno s originalnom slikom Gingerbread Mana koji se vidi kroz rupe koje sam napravio:

I usta i leptir leptir su sada izrezani iz ocrtanog oblika Gingerbread Man alatom za olovku

Završimo crtanje figure medenjaka izrezivanjem valovitih linija šećera u prahu na njegovim nogama i rukama. Opet ću koristiti alat za olovku da kreiram tragove. Prvo ću iscrtati putanju šećera u prahu na čovjekovoj lijevoj ruci, zbog čega je izrezana iz originalnog poteza oblika:

Koristeći olovku, izrežite put od šećera u prahu na lijevoj ruci Malog čovjeka

Nakon što sam ocrtao prvi put, preći ću na preostala tri i početi ih pratiti sve dok sva četiri traga šećera u prahu ne budu izrezana iz figure čovjeka:

Tragovi šećera u prahu na nogama i rukama sada su izrezani iz ocrtane siluete

Ako ponovo pogledamo sličicu sloja oblika na panelu Slojevi, možemo jasno vidjeti linije šećera u prahu, oči, usta, leptir mašne i dugmad izrezane iz oblika:

Sličica sloja oblika na panelu Slojevi odražava sve detalje koji su izrezani iz originalnog poteza oblika Gingerbread Man.

Dakle, figura Gingerbread Mana je spremna! Koristili smo alat Pen da bismo napravili početni potez oblika, a zatim smo koristili alate Pen i Ellipse zajedno sa opcijom Oduzmi od područja oblika da dodamo fine detalje obliku.

Korak 10: Povećajte neprozirnost sloja oblika na 100%

Nakon što smo pogladili određena područja našeg oblika, više ne moramo vidjeti originalnu sliku ispod ocrtane siluete, tako da ponovo biramo opciju Opacity (Opacity) u gornjem desnom uglu panela slojeva i povećavamo vrijednost na 100% :

Povećajte neprozirnost sloja oblika na 100%

Također ću privremeno sakriti sloj pozadine od prikaza klikom na ikonu vidljivosti sloja (ikona u očna jabučica) tako da možemo vidjeti samo ocrtani oblik transparentna pozadina. Ako ne želite, možete odabrati da ne sakrivate pozadinski sloj. Ovo radim samo zbog pogodnosti gledanja slike:

Kliknite na ikonu vidljivosti sloja da privremeno sakrijete pozadinski sloj od pogleda

A evo kako izgleda oblik Gingerbread Man koji sam kreirao nakon što sam sakrio pozadinski sloj od pogleda i povećao neprozirnost sloja oblika na 100%:

Gotova figura medenjaka postavljena na prozirnu podlogu

Nakon brojnih akcija, konačno smo kreirali svoju figuru! Ali ovo nije kraj. Sada trebamo napraviti proizvoljnu figuru od toga, a to ćemo učiniti sljedeće.

Korak 11: Definirajte oblik kao prilagođeni oblik

Da biste od oblika napravili prilagođeni oblik, prvo provjerite je li sloj Shape odabran na panelu Slojevi. Također morate biti sigurni da je odabrana sličica za pregled sloja oblika. Ako je odabran, tada će biti uokviren bijelim istaknutim rubom i možete vidjeti obrubljeni obris oko oblika u dokumentu. Ako sličica sloja nema označenu ivicu i ne možete vidjeti obris oko oblika, samo kliknite na sličicu sloja da biste je odabrali:

Ako je potrebno, kliknite na sličicu sloja oblika da biste ga odabrali.

Napomena: ako ikada budete trebali sakriti obris svog oblika, samo ponovo kliknite na sličicu sloja da ga poništite

Sa odabranim slojem oblika i odabranom sličicom sloja, idite na meni Uredi na vrhu ekrana i odaberite Definiši prilagođeni oblik:

Odaberite Uredi > Definiraj prilagođeni oblik

Kao rezultat ove radnje, otvorit će se dijaloški okvir Naziv oblika u kojem ćete morati unijeti ime za svoj oblik. Nazvat ću svoj oblik Gingerbread Man:

Unesite naziv za svoj oblik u odgovarajući dio dijaloškog okvira Naziv oblika

Kliknite OK da izađete iz dijaloga kada se unese ime i to je to - vaš prilagođeni oblik je spreman za upotrebu! Na ovoj fazi možete zatvoriti dokument u Photoshopu jer smo kreirali i sačuvali naš oblik. Sada da vidimo gdje se može naći i kako se može primijeniti!

Korak 12: Kreirajte novi dokument u Photoshopu

Kreirajte novi prazan dokument u Photoshopu tako što ćete otići u odjeljak menija Datoteka na vrhu ekrana i odabrati Novo. Ova radnja će otvoriti dijaloški okvir Novi dokument u kojem možete odrediti bilo koju veličinu slike za vaš dokument. U liniji "Postavke" (Preset) odabrat ću veličinu od 640 × 480 piksela:

Kreirajte novi prazan dokument u Photoshopu

Korak 13: Odaberite alat za prilagođeni oblik

Nakon kreiranja novog praznog dokumenta, odaberite alat Freeform Shape na traci s alatima. Po zadanim postavkama, pravougaonik je prikazan na ekranu, pa kliknite na njega i držite tipku miša pritisnutu nekoliko sekundi dok se ne pojavi pop-up meni sa listom drugih alata, gdje možete odabrati Custom Shape Tool (Prilagođeni oblik alat za oblikovanje):

Kliknite na ikonu alata Rectangle i držite pritisnutu tipku miša, a zatim iz menija koji se pojavi odaberite alat Freeform Shape

Korak 14: Odabir našeg prilagođenog oblika

Sa odabranim alatom Freeform Shape, kliknite desnim tasterom miša na prozor dokumenta, koji će prikazati birač oblika u kojem možete odabrati bilo koji od trenutno dostupnih oblika slobodnog oblika. Oblik koji ste upravo kreirali bit će posljednji na listi oblika. Da biste ga odabrali, jednostavno kliknite na sličicu odgovarajuće slike:

Kliknite desnim tasterom miša na prozor dokumenta da otvorite okvir za odabir oblika, a zatim kliknite na sličicu prilagođenog oblika da biste je odabrali

Korak 15: Nacrtajte naš oblik

Nakon što odaberete prilagođeni oblik, jednostavno kliknite u prozoru dokumenta i, držeći pritisnutu tipku miša, nacrtajte oblik. Da biste zadržali proporcije oblika dok pomičete kursor i ne biste ih slučajno izobličili, pritisnite i držite tipku Shift. Također možete pritisnuti i držati tipku Alt (Win) / Option (Mac) da nacrtate oblik iz centra. Ako želite promijeniti lokaciju oblika dok ga crtate, pritisnite i držite razmaknicu, zatim premjestite oblik na novu lokaciju, zatim otpustite razmaknicu i nastavite crtati oblik.

U procesu crtanja vidjet ćete samo tanak obris buduće figure:

Dok crtate figuru, pojavit će se njen tanki obris.

Kada ste zadovoljni lokacijom i veličinom oblika, jednostavno pustite tipku miša i program će odmah ispuniti oblik bojom koja je trenutno pozadina (u mom slučaju je crna):

Otpustite dugme miša i Photoshop će ispuniti oblik bojom.

Korak 16: Dvaput kliknite na sličicu sloja oblika da promijenite boju oblika

Ne morate da brinete o boji svog oblika dok ga crtate i dodajete u dokument. Program će automatski ispuniti oblik bojom koja je trenutno odabrana kao boja pozadine. Ako nakon toga želite promijeniti boju oblika, samo dvaput kliknite na sličicu sloja oblika. Naime, po sličici sloja, a ne prema sličici za pregled oblika koja se nalazi na desnoj strani (koja se formalno zove sličica vektorske maske). Želite sličicu na lijevoj strani, koja izgleda kao ikona uzorka boja s malim klizačem na dnu. Dvaput kliknite na njega tipkom miša da promijenite boju oblika:

Dvaput kliknite na sličicu sloja oblika (ikona uzorka boja) na lijevoj strani da promijenite boju oblika

Ova radnja će otvoriti birač boja u kojem možete odabrati novu boju za svoj oblik. Za svog Gingerbread Mana želim da izaberem braon:

Koristite birač boja da odaberete novu boju

Kliknite OK da izađete iz birača boja kada odaberete boju i vaš će oblik odmah biti ispunjen novom bojom:

Boja oblika se sada promijenila

Možete promijeniti boju svog oblika koliko god puta želite, kad god vam zatreba!

Korak 17: Promijenite veličinu oblika ako je potrebno pomoću naredbe Slobodna transformacija

Kada radite s oblicima, možete promijeniti više od boje. Velika prednost je što se oblici crtaju vektorima umjesto pikselima, tako da možete sigurno promijeniti veličinu oblika kad god želite bez gubitka kvalitete slike! Ako odlučite da trebate povećati ili smanjiti svoj oblik, jednostavno odaberite sloj oblika na panelu Slojevi, a zatim pritisnite Ctrl+T (Win) / Command+T (Mac) da otvorite okvir za transformaciju. Promenite veličinu oblika povlačenjem bilo koje od ugaonih ručki. Pritisnite i držite tipku Shift dok pomičete ručku da zadržite proporcije oblika. Također možete pritisnuti i držati tipku Alt (Win) / Option (Mac) dok pomičete ručku da promijenite veličinu oblika od njegovog centra:

Promijenite veličinu oblika pomoću okvira za slobodnu transformaciju

Da biste rotirali oblik, jednostavno kliknite izvan okvira za slobodnu transformaciju i pomaknite kursor u željenom smjeru:

Kliknite izvan okvira transformacije i pomaknite kursor da biste rotirali oblik

Pritisnite tipku Enter (Win) / Return (Mac) kada završite sa promjenom veličine oblika kako biste potvrdili konačnu transformaciju.

Dokumentu možete dodati onoliko kopija svog prilagođenog oblika koliko želite, svaki put mijenjajući boju, veličinu i lokaciju oblika po želji. Svaka kopija prilagođenog oblika bit će postavljena na poseban sloj oblika u panelu Slojevi. U mom slučaju, dodao sam nekoliko oblika Gingerbread Man u dokument, svaki s različitom bojom, veličinom i kutom rotacije. Imajte na umu da, bez obzira na njihovu veličinu, svi oblici zadržavaju oštre, jasne kutove:

Dodajte onoliko kopija svog prilagođenog oblika u dokument koliko želite, mijenjajući boju, veličinu i kut rotacije svake od njih

I evo nas! Prvo smo kreirali oblik prateći originalni crtež pomoću alata olovka. Izrezali smo male detalje na našem obliku pomoću alata Pen i Ellipse sa skupom opcija Oduzmi od područja oblika. Zatim smo sačuvali naš oblik kao prilagođeni oblik koristeći opciju Definiši prilagođeni oblik u odeljku menija Uredi. Nakon toga smo kreirali novi dokument, odabrali alat Freeform Shape i nacrtali oblik slobodnog oblika na našem dokumentu. I na kraju, pogledali smo kako možete promijeniti boju, veličinu i kut proizvoljnog oblika u bilo kojem trenutku!

Dakle, naučili smo osnove kreiranja i korištenja proizvoljnih oblika u Photoshopu, tj. naučili prvi dio naše lekcije. U drugom dijelu ćemo pogledati kako kombinirati proizvoljne oblike koje smo kreirali u zasebne skupove i sačuvati ih u programu.

prijevod: Ksenia Rudenko