Alati za vektorski oblik: alat za pravougaonik

U ovom vodiču ćemo pogledati osnove rada sa oblicima i slojevima oblika u Photoshopu. Lekciju ćemo započeti učenjem pet osnovnih alata za crtanje geometrijskih oblika - pravougaonik, zaobljen pravougaonik, elipsa, poligon i linija.

Zatim, u sljedećem vodiču, pogledat ćemo kako nacrtati složenije oblike koristeći Freeform Shape alat. Većina ljudi misli da se Photoshop koristi samo za obradu slika, a ako biste ih zamolili da vam preporuče dobar grafički uređivač, u većini slučajeva odgovor bi bio “Adobe Illustrator”.

Doista, mogućnosti uređivača Adobe Illustrator u oblasti vektorske grafike su mnogo šire od programa Photoshop, ali, ipak, program Photoshop u ovoj oblasti može učiniti više nego što se očekuje od uređivača rasterskih slika. Različiti Photoshopovi alati za oblike i slojevi oblika olakšavaju dodavanje jednostavnih vektorskih slika vašim crtežima i crtežima.

Photoshop ima šest alata koji vam omogućavaju da crtate oblike – alat za pravougaonik, alat za zaobljeni pravougaonik, alat za elipsu, alat za poligon, liniju (alatku za liniju) i alat za prilagođeni oblik. Nalaze se na jednom mjestu na traci sa alatkama.

Alat Pravougaonik je prema zadanim postavkama vidljiv na traci s alatima, ali ako kliknemo na ikonu alata i držite pritisnutu tipku miša nekoliko sekundi, pojavit će se iskačući meni sa listom preostalih alata u grupi Oblici iz koje možemo izabrati onaj koji nam je potreban:

Svih šest alata u grupi Oblici nalaze se na jednom mjestu na traci sa alatkama

Ako ste prvo odabrali jedan alat u grupi Oblici, a zatim želite da se prebacite na drugi, nema potrebe da ponovo posećujete panel Alati (iako to možete učiniti ako želite). Photoshop nam omogućava da odaberemo alat koji nam je potreban sa trake sa opcijama na vrhu ekrana, gdje je predstavljeno svih šest alata. Na primjer, u panelu Alati, odabrat ću alat Rectangle Tool:

Odabir alata Rectangle Tool

Jednom kada odaberete pravougaonik alat, šest ikona će se pojaviti na traci sa opcijama, koje predstavljaju različite alate u grupi Oblici. Alati su raspoređeni s lijeva na desno istim redoslijedom kako se pojavljuju na traci s alatima, tako da ponovo vidimo alate pravougaonik, zaobljeni pravougaonik, elipsa, poligon, linija i slobodni oblik. Da biste odabrali željeni alat, jednostavno kliknite na jednu od ikona:

Svih šest alata Shapes može se odabrati direktno s panela Options (nakon što je jedan od njih odabran na panelu Tools)

Odabir opcije Shape Layer

Prije nego počnemo crtati oblike, moramo reći Photoshopu koju vrstu oblika želimo nacrtati, a u ovom slučaju ne mislim na "pravougaonik" ili "krug" pod vrstom oblika. U stvari, Photoshop nam omogućava da nacrtamo tri različite vrste oblika - vektorske oblike, putanje i oblike piksela.

U drugom vodiču ćemo detaljno pogledati kako se ove tri vrste oblika razlikuju i kada koristiti koji tip, ali u većini slučajeva crtat ćete vektorske oblike. To su oni koji se crtaju u programu kao što je Illustrator. Za razliku od oblika piksela, vektorski oblici su nezavisni od rezolucije i potpuno su skalabilni. To znači da im možemo promijeniti veličinu kako želimo bez gubitka kvalitete slike. Rubovi vektorskih oblika ostaju oštri i oštri kako na ekranu tako i tokom kasnijeg štampanja.

Da nacrtate vektorske oblike, odaberite opciju Slojevi oblika na panelu postavki. Ovo je prva od tri ikone, smještene prema lijevoj ivici (srednja ikona je opcija Putanja, a desna opcija Fill Pixels):

Za crtanje vektorskih oblika, odaberite opciju "Sloj oblika".

Odabir boje za oblik

Nakon odabira opcije Shape Layer, moramo odabrati boju za naš oblik. To ćemo učiniti klikom na ikonu uzorka boja koja se nalazi desno od riječi "Boja" u panelu postavki:

Kliknite na ikonu uzorka boja da odaberete željenu boju za oblik

Ova akcija će otvoriti paletu boja u kojoj možemo odabrati željenu boju. U mom slučaju, ja ću izabrati crvenu. Nakon što odaberete boju, kliknite OK da zatvorite paletu boja:

U paleti boja odaberite boju za figuru

Ako niste sigurni da ste odabrali pravu boju za svoj oblik tijela, ne brinite o tome. Zatim ćemo pogledati kako možemo koristiti slojeve oblika da se lako vratimo na prethodne korake i promijenimo boju oblika u bilo kojem trenutku nakon što smo ga nacrtali.

Rectangle Tool

Kao što ste mogli pretpostaviti iz imena, Rectangle Tool nam omogućava crtanje četverostranih pravokutnih oblika. Jednostavno kliknite u prozoru dokumenta da definirate početnu tačku oblika, a zatim, dok držite pritisnutu tipku miša, povucite kursor miša dijagonalno da završite crtanje oblika. Dok pomičete kursor, vidjet ćete suptilne obrise buduće figure:

Povucite kursor da nacrtate pravougaoni oblik. Kako pomičete kursor, pojavit će se obris oblika

Kada ste zadovoljni rezultatom, pustite tipku miša i program će odmah ispuniti oblik bojom koju ste odabrali u panelu postavki:

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

Crtanje oblika iz centra

Ako trebate nacrtati pravougaonik (ili drugi oblik) iz centra, a ne iz ugla, postavite kursor u prozor dokumenta da definirate centar budućeg pravokutnika i, dok držite pritisnutu tipku miša, počnite povlačiti kursor i crtanje oblika kao i obično. Dok to radite, pritisnite taster Alt (Win) / Option (Mac) i nastavite da ga držite dok pomerate kursor. Pritiskom na ovu tipku program govori da nacrta oblik iz centra. Ova tehnika radi sa svim alatima Shape, a ne samo s alatom Rectangle:

Da nacrtate oblik iz centra, držite Alt (Win) / Option (Mac) dok pomičete kursor

Crtanje kvadrata

Također možemo crtati kvadrate pomoću alata Rectangle. Da biste nacrtali kvadrat, postavite kursor u prozor dokumenta i počnite da ga povlačite, crtajući pravougaoni oblik. Kada to počnete da radite, pritisnite taster Shift i nastavite da ga držite dok pomerate kursor. Pritiskom na tipku Shift oblik će se transformirati u kvadrat, bez obzira u kojem smjeru pomičete kursor. Također možete dodati tipku Alt (Win) / Option (Mac) da nacrtate kvadrat iz centra (tako da pritisnete i držite Shift+Alt (Win) / Shift+Option (Mac)):

Da biste nacrtali kvadrat, dok koristite Rectangle Tool, pritisnite i držite tipku Shift

Još jednom, Photoshop će prikazati samo tanak obris kvadrata dok pomičete kursor, ali kada otpustite tipku miša, ispunit će kvadrat bojom:

Program uvijek čeka da otpustite tipku miša i tek onda ispuni oblik bojom

Opcije alata grupe oblika

Ako pogledate u panel Options, vidjet ćete malu strelicu usmjerenu prema dolje desno od šest ikona alata grupe Shapes. Klikom na ovu strelicu otvorit će se lista dodatnih opcija za alat grupe Shapes koji ste odabrali. Na primjer, kada odaberete alat za pravougaonik, klikom na strelicu otvorit će se meni s opcijama za alat za pravougaonik. Sa izuzetkom alata Poligon i Linija, koje ćemo kasnije pogledati, ovaj meni nećete koristiti često jer smo već naučili kako odabrati osnovne opcije koristeći prečice na tipkovnici i pojedinačne tipke.

Na primjer, opcija Unconstrained je odabrana po defaultu i odgovorna je za normalan rad alata Rectangle, omogućavajući nam da crtamo pravokutne oblike bilo koje veličine i sa bilo kojim omjerom širine i visine. Opcija Square nam omogućava crtanje kvadrata, ali to možemo učiniti jednostavnim pritiskom i držanjem tipke Shift dok pomičemo kursor. Opcija From Center je odgovorna za crtanje oblika iz centra, ali opet, to možemo učiniti pritiskom i držanjem tipke Alt (Win) / Option (Mac):

Kliknite na malu strelicu da vidite više opcija za Rectangle Tool

Sloj oblika

Prije nego što pređemo na ostatak grupe Shapes, pogledajmo panel Layers. Kao što se sjećate, na početku lekcije naučili smo da za crtanje vektorskih oblika u Photoshopu morate odabrati opciju “Shape Layer” u panelu Options. I sada kada sam nacrtao oblik, možemo vidjeti da se na panelu Layers pojavio sloj oblika (sloj tipa Shape), koji je program nazvao “Shape 1”. Svaki novi vektorski oblik koji nacrtamo bit će postavljen na vlastiti sloj, koji izgleda drugačije od običnog sloja piksela. Na lijevoj strani sloja nalazi se ikona uzorka boja, koja prikazuje trenutnu boju ispune našeg oblika, a desno od ikone boje je sličica vektorske maske:

Slojevi oblika imaju ikonu uzorka boja na lijevoj strani i sličicu vektorske maske desno od nje.

Kao što sam ranije spomenuo, ne moramo brinuti o odabiru prave boje za oblik jer lako možemo promijeniti boju ispune oblika nakon što ga kreiramo. Da biste to učinili, dvaput kliknite na ikonu uzorka boje sloja oblika:

Da biste promijenili trenutnu boju oblika, dvaput kliknite na ikonu uzorka boja

Photoshop će ponovo otvoriti paletu boja u kojoj možemo odabrati drugu boju za naš oblik. Ovaj put biram plavu:

Odaberite drugu boju iz palete boja

Dovoljno je lako vratiti se i promijeniti boju oblika u bilo kojem trenutku.

Desno od ikone uzorka boja na sloju oblika nalazi se sličica vektorske maske. Bijelo područje na sličici predstavlja našu figuru. Vektorske maske su slične uobičajenim maskama slojeva po tome što djelomično pokrivaju sloj, ostavljajući određena područja vidljivima. Drugim riječima, kada crtamo vektorski oblik, program zapravo ispunjava cijeli sloj odabranom bojom, ali maska ​​prikazuje samo boju unutar područja oblika, dok je boja na ostatku područja sloja skrivena. Kada radite s alatima grupe „Oblici“, naravno, uopće nije potrebno znati kako radi vektorska maska, ali uvijek je lijepo razumjeti kako alati rade. Sivo područje oko oblika u sličici vektorske maske predstavlja područje na sloju gdje boja nije vidljiva, dok bijela oblast u sličici predstavlja područje na sloju s bojom:

Bijelo područje na vektorskoj maski predstavlja područje na sloju gdje je boja vidljiva

Da bismo nam olakšali da vidimo kako Photoshop prikazuje vektorski oblik, možemo privremeno onemogućiti vektorske maske pritiskom i držanjem tipke Shift dok kliknemo na sličicu vektorske maske:

Držite pritisnut taster Shift i kliknite na vektorsku masku da je isključite

Nakon isključivanja vektorske maske, sloj postaje otvoren i možemo vidjeti da je sav ispunjen plavom bojom koju sam odabrao za popunjavanje oblika. Ako bolje pogledamo, možemo vidjeti tanak obris lokacije oblika na sloju:

Nakon što isključite vektorsku masku, možete vidjeti da je cijeli sloj ispunjen bojom

Da ponovo uključite vektorsku masku, jednostavno držite pritisnut taster Shift dok ponovo kliknete na sličicu maske na panelu slojeva. Nakon uključivanja maske, boja će ostati samo unutar područja oblika, dok će boja u ostatku sloja biti skrivena od pogleda. Bijela područja oko oblika u prozoru dokumenta pripadaju pozadinskom sloju ispod:

Dokument nakon ponovnog uključivanja vektorske maske

Sada kada smo naučili o slojevima oblika, pogledajmo druge oblike koje možete nacrtati u Photoshopu koristeći alate grupe Shapes.

Alat za zaobljeni pravougaonik

Alat Rounded Rectangle Tool je vrlo sličan alatu Rectangle Tool osim što nam omogućava crtanje zaobljenih pravokutnika. Podešavamo stepen zaokruživanja uglova pomoću opcije Radius u panelu postavki. Što je veća vrijednost radijusa koju unesemo, uglovi postaju zaobljeni. U mom slučaju, uneću vrednost radijusa od 50 piksela:

Koristite opciju Radius da odredite stepen do kojeg su uglovi zaobljeni

Da biste nacrtali zaobljeni pravougaonik, nakon što ste uneli vrednost radijusa, kliknite u prozoru dokumenta da definišete početnu tačku oblika, a zatim, držeći pritisnut taster miša, povucite kursor miša da završite crtanje oblika. Baš kao i kod pravougaonog oblika, dok pomičete kursor, program će prikazati tanak obris oblika:

Povucite kursor da nacrtate zaobljeni pravougaonik nakon što unesete vrijednost radijusa u traku s opcijama

Kada pustite dugme miša, Photoshop će završiti crtanje oblika i ispuniti ga bojom:

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

Ispod je još jedan pravougaonik sa radijusom postavljenim na 150 piksela. Ova vrijednost je toliko velika (za ovu sliku, u svakom slučaju) da su lijeva i desna strana pravokutnika oblikovane kao krivulja:

Što je veća vrijednost radijusa, to su uglovi zaobljeni.

A evo pravokutnika s malom vrijednošću radijusa od 10 piksela, koji samo malo zaokružuje uglove oblika:

Mala vrijednost radijusa manje zaokružuje uglove

Nažalost, ne postoji pregled stepena zaokruživanja uglova. Koliko su uglovi zaobljeni možemo vidjeti tek nakon što nacrtamo pravougaonik. Također, ne možemo promijeniti vrijednost radijusa dok crtamo oblik, kao što je dostupno u Illustratoru. Photoshop nam također ne dozvoljava da se vratimo i čak malo prilagodimo zaokruživanje uglova nakon što smo nacrtali oblik.

Sve gore navedeno znači da je crtanje zaobljenih pravokutnika u suštini stvar pokušaja i pogreške. Ako vam se ne sviđaju zaobljeni uglovi vašeg oblika nakon što ste ga nacrtali, pritisnite Ctrl+Z (Win) / Command+Z (Mac) da to brzo poništite, a zatim unesite novu vrijednost radijusa u traku s opcijama i počnite ponovo crtanje pravougaonika.

Baš kao i Rectangle Tool, možete koristiti alat Rounded Rectangle Tool za crtanje zaobljenih kvadrata. Jednostavno pritisnite i držite tipku Shift nakon što počnete crtati oblik i vaš zaobljeni pravougaonik će poprimiti oblik zaobljenog kvadrata. Pritisnite i držite Alt (Win) / Option (Mac) da nacrtate oblik iz centra.

Ako kliknemo na malu strelicu na traci sa opcijama da otvorimo meni Napredne opcije za alat zaobljeni pravougaonik, videćemo da su opcije Freestyle, Square i Center iste kao opcije alata za pravougaonik. Opet, već znamo kako odabrati ove opcije koristeći prečice na tipkovnici i pojedinačne tipke:

Alati Pravougaonik i Zaobljeni pravougaonik imaju iste napredne opcije

Alat elipsa

Alat Ellipse nam omogućava da crtamo elipse i krugove. Kao i kod alata Pravougaonik i Zaobljeni pravougaonik, kliknite u prozoru dokumenta da definišete početnu tačku oblika, a zatim, dok držite pritisnutu tipku miša, povucite kursor miša da završite crtanje oblika:

Crtanje elipse pomoću alata Ellipse

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

Ellispopunjenboja

Pritisnite i držite tipku Shift kada počnete raditi s alatom Ellipse kako biste nacrtali savršeno ravan krug. Pritiskom na Alt (Win) / Option (Mac) omogućit ćete da nacrtate oblik iz centra:

Počnite crtati, a zatim dodajte tipke Shift kako biste stvorili savršeno ujednačen krug

Klikom na malu strelicu na traci sa opcijama otvorit će se opcije alata Ellipse, koje su slične alatima Pravougaonik i Zaobljeni pravougaonik. Jedina razlika je u tome što opcija alata Ellipse omogućava crtanje krugova umjesto kvadrata:

Alat Ellipse ima gotovo iste opcije kao alati Rectangle i Rounded Rectangle.

Poligon alat

Alat Poligon nam je zanimljiviji u smislu njegove sposobnosti crtanja oblika. Dok pomoću alata Rectangle možemo crtati samo četverostrane pravokutnike, alat Poligon nam omogućava da nacrtamo poligone sa onoliko strana koliko želimo. Sljedeće ćemo pogledati kako čak možete crtati zvijezde pomoću ovog alata.

Odredite broj stranica koji vam je potreban za poligon u okviru opcija Sides na panelu postavki. Zadana vrijednost za strane je 5, ali možete unijeti bilo koji broj od 3 do 100:

Koristite opciju Sides da kažete Photoshopu koliko će strana imati vaš poligonalni oblik

Kada odredite broj strana, postavite kursor u prozor dokumenta i počnite da povlačite da biste nacrtali poligonalni oblik. Photoshop uvijek crta poligonalne oblike iz centra, tako da ne morate držati pritisnutu tipku Alt (Win) / Option (Mac). Pritiskom i držanjem tipke Shift nakon što počnete crtati poligon, možete ograničiti broj uglova za svoj oblik i postaviti ga tačno onako kako želite na ekranu:

Alat Poligon je nezamjenjiv kada trebamo nacrtati oblik koji nije četverokut

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

Jednostavan trokut nacrtan alatom Poligon

Evo poligona sa 12 strana:

PoligonWithdvanaeststranke

Crtanje zvijezda alatom Poligon

Da nacrtate zvijezdu pomoću alata Poligon, kliknite na malu strelicu na traci s opcijama da otvorite listu opcija alata Poligon i odaberite opciju Zvjezdica:

Sa liste opcija za alat Poligon, odaberite "Zvjezdica"

Nakon što odaberete opciju “Star”, kliknite mišem u prozoru dokumenta i povucite kursor da nacrtate zvijezdu. Opcija Sides u panelu postavki određuje broj tačaka na zvijezdi. Dakle, ako je zadana vrijednost parametra pet, dobićemo zvijezdu petokraku:

Po defaultu, vrhovi zvijezda imaju oštre uglove, ali ih možemo zaokružiti odabirom opcije Glatki uglovi:

Odaberite opciju "Zagladiti vanjske uglove"

Ispod je zvijezda petokraka s odabranom opcijom Smooth Outer Corners:

Opcija Smooth Outer Corners omekšava ugaonost zvijezda

Također možemo zaokružiti uglove u podnožju zraka zvijezde odabirom opcije Smooth Indents:

Odaberite opciju "Glatki unutrašnji uglovi"

I opet, naša zvijezda izgleda potpuno drugačije:

Nacrtana zvijezda s odabranom opcijom Smooth Inner Corners

Linija Alat

Na kraju ćemo pogledati alat Line, koji je posljednji alat u grupi Geometrijski oblici. Omogućava nam da crtamo ravne linije i strelice. Postavite željenu debljinu linije u pikselima unosom vrijednosti u okvir parametara težine na panelu postavki. U mom slučaju, uneću vrednost od 16 piksela:

Koristite opciju Debljina da odredite debljinu linije

Zatim kliknite na prozor dokumenta i povucite kursor da nacrtate liniju. Kada počnete crtati liniju, pritisnite i držite tipku Shift da ograničite smjer u kojem se kursor može kretati. To će vam omogućiti da lako nacrtate horizontalne ili vertikalne linije:

Držite tipku pritisnutuShift za crtanje horizontalnih ili vertikalnih linija

Da biste postavili strelice na krajevima linije, kliknite na ikonu male strelice u panelu postavki da biste odabrali opcije strelica. Photoshop nam omogućava da dodamo strelice na početak reda, na kraj ili na oba kraja u isto vrijeme. Ako želite da imate strelicu u smjeru u kojem crtate liniju, što je logičnije, odaberite opciju Kraj. Obavezno odaberite ovu opciju prije nego počnete crtati liniju, jer nam program neće dozvoliti da se vratimo i definiramo strelicu nakon što je linija nacrtana:

Da biste dodali strelicu u smjeru u kojem je linija nacrtana, odaberite opciju Kraj.

Ispod je linija slična prethodnoj liniji koju sam nacrtao, ali sa strelicom na kraju:

Alat Line olakšava crtanje strelica

Ako vam zadana veličina strelice ne odgovara, možete je promijeniti pomoću parametara širine i dužine. Također možemo dodati zavoj strelici pomoću parametra “Curvature”. Podrazumevano, vrijednost ovog parametra je 0%. Povećaću ga na 50%:

Povećajte vrijednost zakrivljenosti da promijenite oblik strelice

Kao rezultat toga, oblik strelice će se promijeniti. Opet, provjerite jeste li odabrali opciju Curvature prije nego što počnete crtati liniju, inače ćete morati izbrisati oblik i ponovo ga nacrtati:

Strelica sa zakrivljenošću postavljenom na 50%

Skrivanje obrisa oko oblika

Ako pažljivo pogledate oblik koji ste nacrtali (bez obzira koji alat Shapes ste koristili), vjerovatno ćete vidjeti tanak obris oko njega, što ponekad može biti neugodno. Obris oko oblika se pojavljuje kad god se izabere maska ​​vektorskog oblika i uvijek je odabrana po defaultu nakon što nacrtamo novi oblik.

Ako pogledate sloj oblika na panelu Slojevi, vidjet ćete da sličica vektorske maske ima bijeli označeni rub oko sebe, što nam govori da je maska ​​zapravo odabrana. Možete sakriti obris oko oblika tako što ćete poništiti odabir vektorske maske. Da biste to učinili, jednostavno kliknite na sličicu vektorske maske. Istaknuti okvir oko sličice će nestati, a isto tako i obris oko oblika u dokumentu:

Kliknite na sličicu vektorske maske da je poništite i sakrijete obris oko oblika

A sada smo gotovi! Pokrili smo osnove rada sa slojevima oblika i pet alata Shapes u Photoshopu! U sljedećem vodiču naučit ćemo kako kreirati složenije oblike koristeći Custom Shape Tool.

prijevod: Ksenia Rudenko

Razgovarali smo o crtanju u Photoshopu pomoću olovke i kista. 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 učiniti pomoću jednostavnih alata za uređivanje.

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

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

  • Odaberite način rada alata. Ovdje možete odabrati jednu od tri.
  1. Slika. Vrijednost je postavljena na zadanu vrijednost i stvara vektorsku geometrijsku figuru na posebnom sloju, odnosno dešava se ono što očekujete od alata.
  2. Circuit. Obris figure je nacrtan bez punjenja.
  3. Pikseli. Ne stvara vektorsku, već rastersku figuru.
  • Punjenje. Omogućava vam da prilagodite boju i tip (gradijent, sjenčanje) nacrtane figure.
  • Moždani udar. Postavke obrisa oblika: debljina, vrsta, boja.
  • Širina i visina. Omogućuju vam da razjasnite veličinu figure kada je to nedopustivo učiniti "na oko".

Kao i uvijek, kreirajte novi dokument s bijelom pozadinom. Preostale parametre možete ostaviti kao zadane ili odabrati prema vlastitom nahođenju.

Pravougaonik

Odaberite oblik pravougaonika i, da biste ga nacrtali, kliknite na platno, a zatim povucite 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 geometrijskih postavki.

Podrazumevano, prekidač je postavljen na pravougaonik. Ako ga postavite na Kvadrat, tada ćete prilikom crtanja uvijek dobiti oblik sa istom dužinom stranica. Sličan efekat se može postići i bez pritiskanja polja za potvrdu: da biste dobili kvadrat dok crtate pravougaonik, samo držite pritisnut taster Shift.

Ako su parametri vašeg pravokutnika poznati unaprijed, postavite prekidač na poziciju Specificirana veličina i navedite potrebne vrijednosti u poljima. Figura će biti u potpunosti nacrtana čim kliknete na platno tipkom miša.

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

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

Pravougaonik sa zaobljenim uglovima

Sljedeća stavka na listi geometrijskih oblika. Jasno je da se razlikuje od uobičajenog po zaobljenju uglova. U skladu s tim, postavke za ovu figuru i pravougaonik su gotovo identične. Radijus fileta se može odrediti u odgovarajućem polju na traci opcija.

Elipsa

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

Poligon

Pomoću ovog alata možete nacrtati trokut, dodekaedar, ikosaedar, zvijezdu ili bilo koji oblik koji sadrži od tri do sto strana. Njihov broj se može podesiti u polju za unos Party koji se nalazi na panelu parametara.

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

  • Radijus. Ovo polje određuje radijus budućeg poligona.
  • Glatki vanjski uglovi. 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 zvjezdicu kao izlaz.
  • Dubina zraka. Ovo polje za unos određuje koliko će zraci biti dugi.
  • Zagladite unutrašnje uglove. 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 istinski ravnih linija - slobodnom rukom jednostavno nije praktično. Da biste postigli maksimalnu preciznost, konfigurišite geometrijske parametre u odgovarajućem prozoru.

  • Počni. Ako je polje za potvrdu označeno, umjesto linije dobit ćete strelicu koja će biti nacrtana na mjestu na kojem ste kliknuli tipkom miša.
  • Kraj. Označite potvrdni okvir da dodate strelicu na kraj reda.
  • Širina. Označava se kao procenat u odnosu na debljinu (može se podesiti u panelu parametara u istoimenom polju).
  • Dužina. Računa se na isti način kao i širina - u odnosu na debljinu, u procentima.
  • Zakrivljenost. Vrijednost se kreće od -50% do 50% i određuje koliko će najširi dio strelice biti zakrivljen. Na slici su prikazane strelice sa zakrivljenošću od 0%, 30% i 50% (od vrha do dna).

Slobodna figura

Kako ne bi stvorili poseban alat za svaki od desetina preostalih oblika, programeri su ih ovdje kombinirali. Svi elementi panela parametara su vam već poznati, osim najvažnijeg - dugmeta Oblik, klikom na koje se otvara prozor za odabir 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 alatima o kojima smo razgovarali, možete doslovno nacrtati ogroman broj oblika u samo dva klika, za koje bi bilo potrebno dosta vremena za ručno kreiranje.

Čim otpustite tipku miša, Photoshop ispunjava oblik bojom ili vrstom ispune koju ste odabrali na traci s opcijama:



Čim pustite lijevu tipku miša, Photoshop ispunjava oblik bojom ili drugim unaprijed postavljenim popunjavanjem.

Promjena veličine oblika nakon što ste ga nacrtali

Nakon što ste nacrtali svoj početni oblik (u našem slučaju, pravougaonik), njegove trenutne dimenzije će se pojaviti u poljima za unos „Širina“ (W) i „Visina“ (H) na panelu sa opcijama.
Ovdje vidimo da je moj pravougaonik širok 464 piksela i visok 257 piksela:


Visina i širina oblika prikazani su u odgovarajućim poljima za unos na traci opcija.

Ako trebate promijeniti veličinu vašeg gotovog Photoshop oblika (a to radi za sve alate za vektorske oblike, ne samo za pravougaonik), jednostavno unesite željenu veličinu u polja za širinu i/ili visinu. Na primjer, recimo da odjednom moram promijeniti širinu pravokutnika na 500 piksela. Sve što treba da uradim je da unesem vrednost od 500px u polje Width na traci sa opcijama. Ako je potrebno, na isti način možete promijeniti visinu.

Ako želite promijeniti širinu ili visinu, ali istovremeno zadržati originalni omjer oblika, prvo kliknite na ikonu malog lanca koja se nalazi između polja za unos širine i visine:


Kliknite na ovu ikonu ako želite da omjer stranica ostane isti prilikom promjene dužine ili širine oblika.

Kako unaprijed postaviti veličinu oblika prije crtanja

Ako unaprijed znate tačnu širinu i visinu oblika koji kreirate, Photoshop ima opciju da izgradi oblik prema određenim dimenzijama.

Za početak odaberite željeni alat za konstruiranje vektorskih oblika. Zatim jednostavno kliknite lijevom tipkom miša bilo gdje unutar prozora dokumenta, što će otvoriti dijaloški okvir u koji možete unijeti vrijednosti širine i visine. Kliknite OK da zatvorite dijaloški okvir i Photoshop će automatski nacrtati oblik koji želite:



Dijaloški okvir za konstruisanje figure sa unapred definisanim dimenzijama.

Crtanje oblika iz centra

Evo nekoliko jednostavnih, ali vrlo korisnih prečica na tastaturi. Ako pritisnete i držite tipku Alt i povučete kursor da kreirate oblik, počet ćete ga crtati iz centra, a ne iz ugla. Ovo pravilo radi sa bilo kojim od Photoshopovih alata za oblikovanje, a ne samo s alatom Rectangle. Ali pri konstruiranju figure iz centra treba uzeti u obzir jednu važnu točku. Taster Alt mora biti pritisnut poslije kako počinjete kreirati figuru, tj. Nakon toga, dok pritisnete lijevu tipku miša i počnete povlačiti kursor. Također biste trebali otpustiti Alt Nakon toga, dok otpuštate lijevu tipku miša, tj. nakon što završite izgradnju figure:



Pritisnite i držite tipku Alt da biste počeli graditi oblik od njegovog centra. Krug pokazuje početnu tačku za konstruisanje figure.

Crtanje kvadrata

Da biste nacrtali savršeni kvadrat pomoću alata Rectangle Tool, kliknite unutar dokumenta da postavite početnu tačku i počnite povlačiti kao i obično. Kada počnete da prevlačite, pritisnite i držite taster Shift. Ovo će uzrokovati da se pravougaonik pretvori u kvadrat. Opet, otpustite Shift tek nakon što otpustite tipku miša. Također možete kombinirati tipke Shift i Alt da napravite savršen kvadrat od centra:

Pritisnite i držite tipku Shift dok prevlačite da nacrtate kvadrat.

Opet, tokom procesa kreiranja oblika vidjet ćete samo prazan obris, a čim otpustite tipku miša (tj. završite kreiranje oblika), Photoshop će gotov obris ispuniti bojom.

U Photoshopu možete nacrtati nekoliko verzija kvadrata. Popunjen kvadrat i kvadrat sa okvirom. Bolje je crtati kvadrate pomoću vektorskih objekata, posebno pomoću alata Rectangle.

Alat pravougaonika

Odaberite oblike (horizontalna tipka U), zatim pravougaonik alat (Rectangle Tool), pogledajte snimku ekrana ispod.

Postavite svojstvo "Fill Pixels".

Odaberite boju ispune kvadrata (prva boja na alatnoj traci), nacrtajte kvadrat držeći pritisnutu tipku Shift.

Kvadrat sa okvirom

Kvadrat treba nacrtati na novom praznom sloju, bez ikakvog punjenja. Možete kreirati novi sloj istovremeno pritiskom na tipke Alt + Ctrl + Shift + N.

  1. Install Paths (putevi na ruskom);
  2. Nacrtajte kvadrat držeći pritisnutu tipku Shift;

Pretvorite vektorski kvadrat u selekciju (Select) pritiskom na Ctrl + Enter.

Obojite izbor (u ovom slučaju bijelom bojom).

Alt + ← BackSpace - prva odabrana boja.

Ctrl + ← BackSpace - druga odabrana boja.

Kliknite desnim tasterom miša na kvadratni sloj i izaberite Blending Options.

U stilovima odaberite "Stroke" i postavite debljinu okvira u pikselima i boju okvira. Možete eksperimentirati s drugim opcijama.

Rezultat je kvadrat sa crvenim rubom debljine 3 piksela.

Pravljenje pravougaonika u Photoshopu prilično je jednostavan zadatak koji čak i početnik može učiniti. Savjetujem vam da naučite kako nacrtati ovu jednostavnu figuru, jer vam ova vještina može biti korisna za mnoge zadatke. Bilo da je u pitanju dizajn web stranice, okvir za fotografije ili korekcija slike. Unatoč naizgled velikoj veličini lekcije, snaći ćete se s ovim zadatkom za samo nekoliko minuta.

Pokazat ću vam nekoliko načina da nacrtate pravougaonik, a svi će vam jednog dana trebati.

Počnimo sa brojkama. Kreirajmo novi dokument. 1000 x 1000 piksela će biti sasvim dovoljno.

Sada idite na traku sa alatkama i potražite alat za pravougaonik.


Držite pritisnutu desnu tipku miša i prevucite preko radnog područja.



Pravougaonik je spreman! Da biste se riješili tanke crne ivice, rasterizirajte sloj. Rasterizaciju ćete pronaći u prozoru slojeva.


Sada drugi način. Odabrano područje.

Na gornjoj ploči potražite karticu "Slojevi" i kreirajte novu.


Sada je vrijeme da se upoznate s jednim od najpopularnijih alata u Photoshopu - područjem za odabir, koje se nalazi na vrhu bočne trake s alatima.


Po radnom polju se krećemo držeći desnu tipku miša.


Formirano je odabrano područje koje moramo popuniti. Stoga prelazimo na alat "Odaberi primarnu boju". Klikom na nju otvaramo mapu boja i odabiremo bilo koju nijansu koja nam se sviđa.

Tražimo alat “Fill”, selektujemo ga i kliknemo na odabrano područje.



A sada je kombinacija tipki ctrl+d i odabir je uklonjen! Pravougaonik je spreman!



Treća metoda će nas naučiti kako nacrtati prozirni trokut u Photoshopu, koji se često koristi kao okvir za fotografije. Crtanje je jednako lako. Kreirajte novi sloj, odaberite pravokutnu odabranu oblast i stavite je na radnu površinu. Općenito, izvodimo sve gore navedene korake.


Sada ćemo potezati odabrano područje, za koje idemo na gornju ploču i kliknemo karticu "Uređivanje". Zanima nas komanda “Stroke”.


Kao što vidite, pojavio se dijaloški okvir u kojem se traži da odaberemo debljinu linije, boju poteza i lokaciju ivice. Postavite parametre po svom ukusu ili odaberite moj.


Pritisnite kombinaciju tipki ctrl+d da poništite odabir i uživate u rezultatu.

Kao što vidite, imamo punopravni okvir u obliku prozirnog trokuta.


Već smo naučili kako napraviti pravougaonik u Photoshopu. Naučimo kako to urediti! Na primjer, pokušajmo promijeniti boju i veličinu.


Kao što ste možda primijetili, preporučio sam vam da kreirate novi sloj za crtanje pravougaonika. I to nije bez razloga. Vaš pravougaonik nije vezan za radni prostor. Možete ga uređivati ​​koliko god želite, dok će radni prostor ostati nepromijenjen. Želio bih vas upozoriti da se ove metode primjenjuju na pravougaonik kreiran bilo kojom od gore navedenih metoda.

Prvo, pokušajmo promijeniti boju. Opet, postoji nekoliko metoda. Prvi je alat za punjenje. Odaberite željenu boju sa alatne trake. Zatim kliknite na alat za popunjavanje. A onda duž našeg pravougaonika.

Bio je žuti pravougaonik, ali je postao zelen. Vrlo jednostavno, zar ne?


Drugi način su opcije miješanja. U posljednjoj riječi tražimo onu koja nam je potrebna i kliknemo na nju lijevom tipkom miša.


U dijaloškom okviru koji se pojavi potvrdite okvir pored "Preklapanje boje". Kliknite na polje ispunjeno bojom i odaberite onu koja vam se sviđa.


Postoji mnogo načina za promjenu boje pravokutnika. Ali lako se možete ograničiti na dva glavna.

Hajde sada da me naučimo veličinu pravougaonika.


Promjena veličine pravougaonika u Photoshopu je izuzetno jednostavna. Odaberite alat Move i kliknite na pravougaonik.



Povlačenjem ugla mišem možete promijeniti njegovu veličinu. I također ga okrenite duž ose.