Gdje su oblici u Photoshopu? Kako crtati vektorske oblike u Photoshopu, mogućnosti ispune i poteza

Pozdrav dragi čitatelji mog bloga. Što je zadatak lakši, to ga je teže riješiti u Photoshopu. Postoji tisuću članaka o ili stvaranju efekta crnih očiju, ali kako nacrtati krug, kvadrat ili romb - shvatite! Danas ću se pozabaviti ovom nepravdom.

Naći ćete opsežan članak o geometrijske figure za Photoshop - kako ih sami nacrtati, koje dodatne alate možete preuzeti za spektakularniji rezultat, kao i mnoge druge jednako zanimljive i korisna informacija.

Crtamo sami sebe

NA Adobe Photoshop Postoji nekoliko alata koji vam omogućuju crtanje oblika. Evo samo neki od njih kriju neke tajne. Sada ću vam reći o njima. Dakle, ja Ako želite naučiti kako raditi kao na mojoj slici, onda preporučujem članak, nema ništa lakše nego učiniti isto.

Dakle, na alatnoj traci s lijeve strane možete pronaći pravokutnik, elipsu, poligon, liniju ili proizvoljan oblik. Možda ne vidiš dodatni alati, ali ste pronašli jednu od njih, samo držite lijevu tipku miša djelić sekunde ili kliknite jednom desnom tipkom miša. Odmah će se pojaviti izbornik s dodatnim oblicima.

Prvo ću odabrati pravokutnik. Čim završim s crtanjem, pojavit će se dodatni izbornik s lijeve strane. Ovdje možete odabrati veličinu po širini i visini, ako je potrebno zadržati točne dimenzije. Nešto niže je izbornik s ispunom samog oblika - možete odabrati bez ispune, punu boju, gradijent ili uzorak.

Malo udesno je izbornik poteza - morate odrediti njegovu širinu i hoće li uopće biti prisutan, ako ga želite i učiniti čvrstim, ispunite ga gradijentom ili, opet, uzorkom.

Da biste pravokutnik pretvorili u kvadrat, morate držati pritisnutu tipku Shift dok crtate oblik.

Elipsa koja se drži pritisnutom tipkom Shift pretvara se u krug.

Također na popisu postoji takva figura kao poligon. Broj strana određujete sami. Možete unijeti bilo koju vrijednost - 3 da napravite trokut, 7, 10 i tako dalje.

Neću obraćati puno pažnje na linije, tu stvar nije teško shvatiti sami. Jedina stvar koju treba upozoriti je da držanje pritisnute tipke Shift čini liniju strogo okomitom ili vodoravnom.

Proizvoljna figura

Imamo proizvoljan broj. Što je?

Sasvim desno u gornjem izborniku možete vidjeti gotove oblike. Razne strelice, kvadrati, munje i tako dalje.

Za korištenje tipkovničkog prečaca Ctrl+T.

Kako dodati novo

Dodavanje novih figura nije teško. Puno besplatnih figura može se preuzeti sa stranice photoshop-master.com . Postoji oko 400 kompleta s figurama - ljudi, uzorci, pauci, apstrakcija, automobili, stolice, vatra, cvijeće i još mnogo toga.

Pokazat ću vam kako ih instalirati na primjeru "Media", bit će mi korisni u budućnosti. Pa preuzimam datoteku.

Samo pričekajte 15 sekundi. Nije potrebna predbilježba.

Sada otvorite arhivu i ispustite CSH datoteku negdje gdje se može lako pronaći.

Sada otvorite oblike u Photoshopu i kliknite na maticu s desne strane. Na popisu koji se otvori odaberite "Učitaj oblike".

Sada pronađite datoteku koja je ne tako davno raspakirana. Usput, nakon što završite, datoteka se može izbrisati s vašeg računala. Neće ti više trebati. Sve je kopirano u pravu mapu.

Možete koristiti oblike. Ne zaboravite na ispunu, zahvaljujući kojoj možete promijeniti boju oblika, kao i potez.

Osim oblika, dobro mogu doći i kistovi. Također se mogu preuzeti s web stranice. Photoshop-majstor .

Potreban skup možete preuzeti na isti način kao i kod rada s oblicima. Otvorene četke.

Kliknite na maticu i odaberite "Preuzmi".

Radite sami s njima. Ovdje nema ništa komplicirano. Malo se razlikuju od figura.

Google u pomoć

Drugi način crtanja figure je korištenje tuđih radova. Trebat će vam Google i njegov odjeljak Slike. Zašto baš saznat ćete vrlo brzo. Da bi lik imao prozirnu pozadinu i skladno se uklopio u vašu kompoziciju, potrebno je. Ovako trebate izgledati: png trokut, krug, oval i tako dalje.

Ako radite za sebe, tada biste, u načelu, mogli koristiti Yandex, ali ako se projekt stvara u komercijalne svrhe, tada će Google biti vrlo koristan. Otvorite "Alati", zatim "Prava korištenja" i odaberite vrstu koja vam je potrebna - koristiti ili koristiti i promijeniti.

Zatim otvorite sliku nakon što ste pronašli nešto prikladno. Ovo je važan uvjet. Crtež bi se trebao nalaziti na takvoj kockastoj podlozi. Ako je samo bijelo, onda nije png. Shvatit ćete razliku kada preuzmete. U principu, nema ništa loše u učenju na svojim greškama.

Ovako će izgledati PNG. Čeker je bio ispunjen mojom pozadinom.

Ako želite saznati više o programu, mogu vam preporučiti tečaj « Photoshop od nule u video formatu » . Pogodan je za potpune početnike. Postoji mnogo korisnih informacija o alatima iu kojim slučajevima je svaki od njih prikladan.

Internet je prepun lekcija iz kojih možete učiti, ali jedna je stvar slijepo ponavljati za autorom, a sasvim je druga smisleno postići cilj, znajući što za to morate iskoristiti. Ovo je potpuno drugačija razina.

U prošloj lekciji naučili smo kako raditi s oblicima i slojevima oblika u Photoshopu. Pogledali smo kako koristiti pet alata iz grupe Shapes (Pravokutnik, Zaobljeni pravokutnik, Elipsa, Poligon i Linija) za dodavanje jednostavnih pravokutnika i elipsa u dokument, kao i za crtanje zvijezda, linija i strelica za smjer.

Dobro je imati alate u programu koji vam omogućuju crtanje krugova i kvadrata, ali što ako trebamo nacrtati figuru složenijeg oblika? Što ako želimo dodati srce na vjenčanu fotografiju ili pozivnicu, nacrtati psa ili mačku za logo pet shopa? Što kažete na sliku cvijeća, lišća, snježnih pahuljica, glazbenih nota ili ikone autorskih prava na vašim crtežima?

Zapravo, Photoshop radi sa svim tim oblicima i više te nam omogućuje da ih dodamo slici s istom lakoćom kao što smo dodavali krugove i kvadrate. U programu se svi ovi složeniji oblici nazivaju prilagođeni oblici, a možemo ih nacrtati pomoću alata Custom Shape Tool, koji ćemo naučiti u ovom tutorialu.

Alat slobodnog oblika

Alat Custom Shape nalazi se na alatnoj traci u istom odjeljku kao i ostali alati u grupi Shapes. Prema zadanim postavkama, Rectangle Alat je prikazan na ekranu, ali ako kliknete na njega i držite pritisnutu tipku miša nekoliko sekundi, pojavit će se skočni izbornik s popisom drugih alata koji su također dostupni u ovom odjeljku. Alat za prilagođeni oblik nalazi se na samom dnu popisa:

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

Ako ste već odabrali jedan od alata za oblike, možete se brzo prebaciti na alat za prilagođeni oblik na traci s opcijama, koja ima šest ikona koje predstavljaju alate za oblike. Ikona alata Freeform Shape zadnja je s desne strane (izgleda kao mrlja):

Ako već imate aktivan drugi alat u grupi "Oblici", tada možete odabrati alat "Prilagođeni oblik" na traci s opcijama

Odabir oblika proizvoljne figure

Nakon što odaberemo alat Freeform Shape, trebamo odlučiti o obliku oblika koji želimo nacrtati. Prozor za pregled pojavit će se na traci s opcijama desno od ikone alata Freeform Shape, prikazujući minijaturu oblika koji ste ovaj trenutak odabran:

Prozor za pregled prikazuje proizvoljni oblik koji smo odabrali.

Za odabir drugog oblika kliknite na okvir za pregled. Ova će radnja otvoriti paletu prilagođenih oblika, koja će prikazati sve oblike koji su trenutno dostupni za odabir. Zapravo, Photoshop radi s mnogo više prilagođenih oblika od ograničenog broja koji dolazi s paletom. Kako učitati druge u paletu proizvoljne brojke, pogledat ćemo:

Da biste otvorili paletu prilagođenih oblika, kliknite na prozor za pregled

Da biste odabrali oblik, jednostavno kliknite na njegovu sličicu, a zatim na tipku Unesi(pobjeda) / povratak(Mac) za zatvaranje palete. Ili dvaput kliknite na sličicu oblika, koja će odabrati oblik i sama zatvoriti paletu. Odabrat ću oblik u obliku srca:

Odabir oblika u obliku srca iz palete Custom Shapes

Odabir boje za oblik

Nakon što odaberete oblik oblika, trebate odabrati boju za njega. To možete učiniti klikom na ikonu uzorka boje koja se nalazi desno od riječi "Boja" (Boja) na ploči postavki:

Kliknite na ikonu uzorka boje za odabir prilagođenog oblika željenu boju

Program će odmah otvoriti paletu boja u kojoj možemo odabrati željenu boju. Budući da sam odlučio nacrtati figuru u obliku srca, odabrat ću crvenu boju. Za zatvaranje palete boja kliknite OK kada ste odabrali željenu boju:

Odaberite boju za oblik srca iz palete boja

Odabir opcije Shape Layer

Kao što sam spomenuo u prošlom vodiču, Photoshop nam omogućuje crtanje tri vrste oblika pomoću alata za oblike. Možemo crtati vektorske figure, koji su neovisni o rezoluciji i mogu se skalirati bez gubitka kvalitete (vrsta oblika koje bismo crtali u Illustratoru). Također možemo crtati staze, koje su samo obrisi oblika, ili možemo crtati pikselizirane oblike koje program ispunjava pikselima u boji. U većini slučajeva crtamo vektorske oblike, a da bismo to mogli napraviti moramo odabrati opciju “Shape Layers” na ploči postavki. Ovo je prva ikona u grupi od tri ikone lijevo na ploči postavki:

Za crtanje vektorskih oblika odaberite opciju "Sloj oblika" na ploči postavki

Da biste nacrtali oblik, kliknite u prozoru dokumenta kako biste definirali početnu točku, a zatim, držeći pritisnutu tipku miša, povucite pokazivač miša dalje od početne točke. Dok pomičete pokazivač, program će vam pokazati tanki obris budućeg oblika:

Pritisnite tipku miša da definirate početnu točku, a zatim povucite kursor da nacrtate oblik

Otpustite tipku miša da završite s crtanjem oblika i program će odmah ispuniti oblik bojom koju ste odabrali na ploči s postavkama:

Photoshop će ispuniti oblik bojom kada spustite tipku miša.

Crtanje figure s točnim proporcijama

Primijetite kako moj oblik srca izgleda malo iskrivljeno. Širi je i kraći nego što sam očekivao. To je zbog činjenice da, prema zadanim postavkama, Photoshop ne pokušava zadržati točne proporcije (ili na drugi način omjer širine i visine) oblika u procesu crtanja. Pritisnut ću Ctrl+Z (Win) / Command+Z (Mac) da poništim radnju i ponovno pokušam nacrtati oblik.

Kako biste nacrtali oblik s točnim proporcijama, postavite kursor u prozor dokumenta i, držeći pritisnutu tipku miša, počnite povlačiti kursor i crtati oblik kao i obično. Dok to radite, pritisnite tipku Shift i držite je pritisnutu dok pomičete pokazivač. Čim pritisnete (i držite) tipku Shift, vidjet ćete da je obris oblika dobio točne proporcije:

Da biste nacrtali oblik s točnim proporcijama, držite pritisnutu tipku Shift dok pomičete kursor

Kada vam veličina nacrtanog oblika odgovara, otpustite tipku miša, a zatim otpustite tipku Shift (pripazite da tipku Shift otpustite posljednju). Program će ponovno ispuniti oblik odabranom bojom:

Otpustite tipku Shift tek nakon što otpustite tipku miša

Ponovno ću pritisnuti Ctrl+Z (Win) / Command+Z (Mac) da poništim radnju, a zatim ću odabrati drugi oblikovani oblik klikom na okvir Pregled oblika na traci s opcijama da otvorim paletu oblika. Ovaj put ću se fokusirati na sliku glazbenih nota:

Kliknite na sličicu glazbenih nota da odaberete oblik

Kako bi crtali glazbene note, postavit ću kursor u prozor dokumenta da definiram početnu točku, a zatim ću, držeći pritisnutu tipku miša, odvući kursor miša od početne točke. Jednom kada počnem povlačiti pokazivač, pritisnut ću i držati tipku Shift da zaključam oblik na točne proporcije i nastavim crtati sliku:

Dok se pokazivač pomiče, držat ću pritisnutu tipku Shiftkako bi se zadržale točne proporcije figure

Zatim ću otpustiti tipku miša da završim proces crtanja, a Photoshop će ispuniti oblik istom bojom koju sam odabrao za prethodni oblik:

Novi oblik će biti ispunjen istom bojom kao i prethodni.

Promjena boje ispune nacrtanog oblika

Što ako želim da moj novi oblik bude drugačije boje od prethodnog? Mogao sam jednostavno odabrati drugu boju na traci s opcijama prije crtanja novog oblika. Međutim, također možemo jednostavno promijeniti boju već nacrtanog oblika. Svaki novonacrtani prilagođeni oblik postavlja se na zasebni sloj oblika na ploči Slojevi, a svaki sloj oblika ima vlastitu ikonu uzorka boje koja prikazuje trenutnu boju ispune oblika. Kako biste promijenili boju, trebate samo dvaput kliknuti na ikonu uzorka boje:

Da biste promijenili trenutnu boju oblika, dvaput kliknite na ikonu uzorka boje sloja oblika.

Photoshop će ponovno otvoriti paletu boja u kojoj možemo birati nova boja. Ja ću izabrati ljubičasto:

Odaberite novu boju iz palete boja

Kliknite OK kada budete spremni zatvoriti Paletu boja i ovako će nam Photoshop promijeniti boju oblika:

Boju vektorskog oblika možemo promijeniti u bilo kojem trenutku.

Preuzimanje dodatnih skupova oblika

Kao što sam već spomenuo, Photoshop radi s puno više proizvoljnih oblika od ograničenog broja koji nam je isprva bio ponuđen. Samo trebamo učitati dodatne oblike u paletu. To možemo učiniti tako da otvorimo paletu Shapes na traci s opcijama i kliknemo na malu strelicu u gornjem desnom kutu palete:

Kliknite na malu strelicu u gornjem desnom kutu palete oblika

Ovom radnjom otvorit će se izbornik s raznim opcijama, na čijem će se samom dnu nalaziti popis dodatni setovi oblici instalirani u Photoshopu. Svaki od ovih skupova je zbirka ujedinjenih figura zajednička tema, kao što su životinje, glazba, priroda itd. Neki od skupova pojavili su se samo u Photoshopu CS5 (što je verzija koju ja koristim), ali većina skupova dostupna je u svim novijim verzijama programa:

Svi ti dodatni setovi oblika instalirani su u programu, ali ih je potrebno ručno učitati u paletu

Ako znate koji set figura trebate, možete ga odabrati klikom na naziv odgovarajućeg skupa na popisu. Međutim, lakše je učitati sve skupove oblika odjednom. To možemo učiniti odabirom naziva "Sve" na vrhu popisa skupova:

Odaberite naziv "Sve" (All) za učitavanje svih dodatnih skupova obrazaca

Nakon toga pojavit će se dijaloški okvir u kojem ćete morati odlučiti želite li zamijeniti trenutne prilagođene oblike novima ili dodati oblike postojećima. Odaberite stavku "Dodaj" u prozoru, što će vam omogućiti da spremite izvorne oblike i dodate im nove:

Za učitavanje novih oblika dok spremate izvorne oblike u paletu, odaberite "Dodaj" (Dodaj)

A sada ako otvorimo paletu Shapes klikom na okvir Preview na ploči Settings, vidjet ćemo niz novih oblika među kojima možemo odabrati one koje želimo. Malo sam proširio paletu oblika kako bi se moglo vidjeti više sličica. Za pregled svih minijatura oblika, upotrijebite traku za pomicanje na desnoj strani palete:

Paleta oblika sada je učitana sa svim dodatnim oblicima dostupnim u Photoshopu

Ispod je nekoliko primjera oblika koje sada možemo crtati u programu:

Paleta oblika sada odražava sve dodatne oblike dostupne u Photoshopu

Unatoč svoj raznolikosti gotovih proizvoljnih oblika koje nudi program, može se dogoditi da čak i nakon preuzimanja svih setova ne možemo pronaći sliku koja nam je potrebna za određeni dizajn na kojem radimo. I u ovom slučaju, Photoshop će nam biti nezamjenjiv pomoćnik, jer nam omogućuje da sami stvorimo bilo koji oblik. Da biste naučili kako stvoriti vlastitu kolekciju prilagođenih oblika, spremiti je i koristiti kasnije, pogledajte naš vodič "Stvaranje vlastitih prilagođenih oblika"!

I evo nas! Vidjeli smo kako možete koristiti alat za prilagođeni oblik za dodavanje složenih oblika u vaš dokument. NA sljedeća lekcija naučit ćemo razliku između vektorskih oblika, putanja i oblika piksela!

Prijevod: Ksenija Rudenko

Photoshop je uređivač rasterskih slika, ali njegova funkcionalnost uključuje i mogućnost stvaranja vektorskih oblika. Vektorski oblici sastoje se od primitiva (točaka i linija) i ispuna. Zapravo, ovo je vektorska staza ispunjena nekom bojom.

Spremanje takvih slika moguće je samo u rasterskim formatima, ali po potrebi se radni dokument može izvesti u vektorski uređivač, na primjer, .

Alati za izradu vektorskih oblika nalaze se na istom mjestu kao i svi ostali uređaji - na alatnoj traci. Ako želite postati pravi profesionalac, onda vruća tipka pozivanje bilo kojeg od ovih alata - U.

Ovo uključuje Pravokutnik, zaobljeni pravokutnik, elipsa, poligon, prilagođeni oblik i linija. Svi ovi alati imaju istu funkciju: stvaraju radnu putanju koja se sastoji od sidrišnih točaka i ispunjavaju je glavnom bojom.

Kao što vidite, postoji dosta alata. Razgovarajmo ukratko o svima njima.

1. Pravokutnik.
   Ovim alatom možemo nacrtati pravokutnik ili kvadrat (sa POMJENA).

   

2. Pravokutnik sa zaobljenim kutovima.
   Ovaj alat, kao što naziv sugerira, pomaže u crtanju iste figure, ali sa zaobljenim kutovima.

   

   Radijus zaobljenja unaprijed je konfiguriran na traci s opcijama.

   

3. Elipsa.
   S alatom "Elipsa" stvaraju se krugovi i ovali.

   

4. Poligon.
   Alat "Poligon" omogućuje nam crtanje poligona s zadana količina kutovi.

   

   Broj uglova također je moguće konfigurirati na traci opcija. Imajte na umu da postavka sadrži parametar "Zabave". Neka vas ova činjenica ne zavara.

   

5. Crta.
   Pomoću ovog alata možemo nacrtati ravnu liniju u bilo kojem smjeru. Ključ POMJENA u ovom slučaju, omogućuje vam crtanje linija pod kutom od 90 ili 45 stupnjeva u odnosu na platno.

   

   Debljina linije se konfigurira na istom mjestu - na ploči opcija.

   

6. Proizvoljna figura.
   Alat "Proizvoljna brojka" daje nam mogućnost stvaranja slobodnih oblika sadržanih u skupu oblika.

   

   Photoshopov standardni skup koji sadrži proizvoljne oblike također se može pronaći na gornjoj traci opcija alata.

   

   U ovaj set možete dodati figure preuzete s interneta.

Opće postavke alata

Kao što već znamo, većina postavki oblika nalazi se na gornjoj traci opcija. Dolje navedene postavke jednako se primjenjuju na sve instrumente u grupi.

Sljedeće postavke omogućuju vam izvođenje raznih, prilično složenih manipulacija s oblicima, pa razgovarajmo o njima detaljnije.

Manipulacija oblikom

Ove manipulacije su moguće samo ako je barem jedna figura već prisutna na platnu (sloju). U nastavku će postati jasno zašto se to događa.

Ova stavka omogućuje, nakon izvođenja jedne ili više prethodnih operacija, kombiniranje svih kontura u jednu čvrstu figuru.

Praksa

Praktični dio današnje lekcije bit će niz kaotičnih radnji čiji je cilj samo vidjeti kako postavke alata rade na djelu. Ovo će već biti dovoljno za razumijevanje principa rada s oblicima.

Dakle, vježbajte.

1. Prvo, napravimo pravilan kvadrat. Da biste to učinili, odaberite alat "pravokutnik", pritisnite tipku POMJENA i povucite od središta platna. Za jednostavno korištenje možete koristiti vodiče.

2. Zatim odaberite alat "Elipsa" i stavku postavki "Oduzmi prednju figuru". Sada ćemo izrezati krug u našem kvadratu.

3. Kliknite jednom na bilo koje mjesto na platnu iu dijaloškom okviru koji se otvori zapišite dimenzije buduće "rupe", a također stavite kvačicu ispred stavke "Iz centra". Krug će se stvoriti točno u središtu platna.

4. Pritisnite u redu i vidi sljedeće:

Rupa je spremna.

5. Dalje, moramo kombinirati sve komponente, stvarajući čvrstu figuru. Da biste to učinili, odaberite odgovarajuću stavku u postavkama. U ovom slučaju to nije potrebno učiniti, ali ako je krug izašao izvan granica kvadrata, naša se figura sastojala od dvije radne konture.

6. Promijenite boju oblika. Iz lekcije znamo koja je postavka odgovorna za ispunu. Postoji još jedan, brži i praktičniji način mijenjanja boja. Morate dvaput kliknuti na sličicu sloja s oblikom i u prozoru postavki boja odabrati željenu nijansu. Na taj način možete ispuniti oblik bilo kojom čvrstom bojom.

U skladu s tim, ako je potrebna gradijentna ispuna ili uzorak, koristimo traku s opcijama.

7. Postavimo hod. Da biste to učinili, pogledajte blok "Otvor" na ploči s opcijama. Ovdje biramo vrstu moždanog udara "Točkasta linija" i upotrijebite klizač za promjenu veličine.

8. Postavite boju isprekidane linije klikom na susjedni okvir s bojom.

9. Sada, ako potpuno isključite ispunu oblika,

Možete vidjeti sljedeću sliku:

Tako smo prošli gotovo sve postavke instrumenata iz grupe "Lik". Svakako vježbajte modeliranje raznim situacijama razumjeti kojim se zakonima pridržavaju rasterski objekti u Photoshopu.

Brojke su značajne po tome što, za razliku od svojih rasterskih kopija, ne gube kvalitetu i ne dobivaju poderane rubove prilikom skaliranja. Međutim, oni imaju ista svojstva i podložni su obradi. Na oblike možete primijeniti stilove, ispuniti ih na bilo koji način, stvoriti nove oblike kombiniranjem i oduzimanjem.

Vještine oblikovanja nezamjenjive su pri izradi logotipa, raznih elemenata za web stranice i tisak. Pomoću ovih alata možete pretvoriti rasterske elemente u vektorske elemente s naknadnim izvozom u odgovarajući uređivač.

Slike se mogu preuzeti s interneta, kao i izraditi vlastite. Uz pomoć figura možete nacrtati ogromne plakate i znakove. Općenito, korisnost ovih alata je vrlo teško precijeniti, stoga obratite posebnu pozornost na učenje ove funkcionalnosti Photoshopa, a oni će vam pomoći u tome.

Pozdrav svima, dragi čitatelji koskomp bloga i mog Dragi prijatelji. Danas ću vam reći kako dodati oblike u Photoshop, kako ih koristiti i čemu služe. I na kraju članka nacrtat ćemo slatku čašu u vektorskom stilu. Mnogi misle da je ovaj alat beskoristan, ali uvjeravam vas da je u web dizajnu ovo gotovo glavna funkcija. Pogledajte dizajn u mojoj javnosti. Doslovno je izgrađen na brojkama. Stoga ovo morate znati. Međutim, stvar neće biti ograničena jednostavan crtež kvadrati. Ovdje je sve puno zanimljivije.

Počnimo s jednostavnim, naime crtanjem. Sama skupina alata sastoji se od šest vrsta:

• Pravokutnik
• Pravokutnik sa zaobljenim kutovima
• Elipsa
• Poligon
• Linija (detalji)
• Proizvoljna figura

Svaka od ovih vrsta ima svoje čipove koji se međusobno razlikuju. Pa počnimo s generalni principi stilovi.

Da biste dodali oblik, trebate ga odabrati u grupi alata i držeći lijevu tipku miša, počinjemo ga crtati, odnosno odabrati područje i veličinu. Sam oblik može biti bilo koje veličine, a prema zadanim postavkama bit će nacrtan izvan proporcija. Ali ako pritisnete tipku POMJENA, tada će ispasti ravnomjeran sa svih strana, pa će pravokutnik biti kvadrat, a elipsa krug.

U gornjem izborniku vidjet ćemo panel svojstava, gdje možemo postaviti ispunu samog oblika, kao i boju poteza. Ako ne želite nikakve boje, već samo liniju, tada odaberite boju "No Fill" i "No Stroke". Također možemo odrediti debljinu ovog poteza, ako se ipak odlučimo za izbor boje.

Kako biste promijenili boju nacrtanog objekta, možete jednostavno ponovno odabrati alat "Oblik" i zamijeniti ga u gornjim svojstvima ili dvaput kliknuti na ikonu na ploči slojeva.

Korištenje prilagođenih oblika u Photoshopu

Ako je sve jasno sa svim gornjim brojkama (uzmite i nacrtajte), htio bih se malo zadržati na proizvoljnoj verziji. Za početak odaberite ovaj alat.

Ovdje nema jasnog obrasca (otuda naziv), ali postoji mnogo gotovih opcija. Kako bismo ih sve razmotrili, u svojstvima elementa "Oblik", odnosno otvorite ga. Kao što vidite, ovdje imamo različite staze pomoću kojih možemo nacrtati strijelu, srce, znak zabrane i još mnogo toga.

Pokušajmo Photoshopu dodati proizvoljan oblik kvačice. Ja ću ga obojati, ocrtati i nacrtati na standardni način, odnosno tako da pritisnem lijevu tipku miša i povučem ga malo na drugu stranu. Ne zaboravite pritisnuti tipku Shift da zadrži sve proporcije. Tako možete crtati cool nestandardne objekte. Također je važno napomenuti da bez obzira na to koliko velik predmet nacrtamo, on će uvijek biti ravan i gladak. Sve je to zato što je oblik inicijalno vektorski objekt. A vektorski objekti se ne sastoje od piksela, kao obična slika, već se formiraju na temelju formula.

Kako postaviti oblike u Photoshopu

Ali ljepota je u tome što se ovaj set može nadopunjavati, odnosno proizvoljne figure mogu se dodatno preuzimati, nadopunjavajući vašu kolekciju. To je potpuno jednostavno učiniti. Da biste to učinili, samo trebate preuzeti te setove s bilo kojeg mjesta, na primjer pixelbox. Postoji vrlo velika zbirka s različitim setovima. Recimo da preuzmem ovaj sjajni paket za skateboarder.

Sada idite u mapu "Preuzimanja" ili gdje god se vaše datoteke preuzimaju prema zadanim postavkama. Zatim pokrenite datoteku koju smo preuzeli. Nije ga potrebno ni raspakirati, možete ga pokrenuti izravno u arhivi.

Nakon toga otvorit će se Photoshop i novi proizvoljni elementi već će se pojaviti u vašoj kolekciji. Uzmi i koristi.

Mogućnosti figura

Same brojke imaju vrlo velike mogućnosti. U početku sam mislio da uz pomoć njih možete crtati samo kvadrate i gumbe, ali bio sam u krivu. Pogledajmo pobliže.

Svojstva

Vrijedno je uzeti u obzir da svaka figura ima svoja svojstva koja se mogu mijenjati kako bi se postigao najzanimljiviji rezultat. Nalaze se u zasebnom prozoru i obično se nalaze negdje na ploči slojeva, ali to nije nužno. Ako vam nisu aktivirani, učinite to ulaskom u glavni izbornik u "Prozor" - "Svojstva". Nakon toga možete nacrtati bilo koji element i vidjeti što se u njemu može promijeniti.

Pravokutnik i zaobljeni pravokutnik imaju isti skup svojstava. Uglavnom se radi o polumjeru uglova. A ako je u prvom slučaju nula na svim frontama, onda je u drugom već unaprijed postavljena. Možete promijeniti ovaj radijus, čineći kutove zaobljenijima ili obrnuto, odjednom i pojedinačno.

Nacrtajmo pravokutnik samo radi zabave i postavimo radijus 35 u samo dva kuta (gornji desni i donji lijevi). Neposredno prije toga svakako isključite spajanje uglova klikom na ikonu spajalice između njih, inače će se vrijednosti svima promijeniti.

U slučaju da koristite moždani udar, možete promijeniti njegovo mjesto. To jest, može biti izvan figure, unutar nje ili ići duž središta konture. To možete odabrati klikom na odgovarajuću ikonu.

Također, obratite pozornost na ikonu zupčanika. Vašim oblicima daje dodatna svojstva. Na primjer, ako imate aktiviran pravokutnik ili elipsu, tada ga možete odmah namjestiti da crta u jednakim omjerima kako biste dobili kvadrat ili krug i više ne morate držati tipku POMJENA.

Ako koristite poligon, tada možete postaviti broj strana, anti-aliasing ili crtanje zvijezde. A u slučaju crtanja linije, možete to odrediti. Stoga ne zaboravite pogledati ovu funkciju.

Rezanje i dodavanje

Ali nije dovoljno samo dodati oblike u Photoshop, morate naučiti kako koristiti sve njihove čari. Prema zadanim postavkama, kada se dodaje novi objekt, on se stvara na novom sloju. Ali ako to ne želiš, onda "operacije s konturama" odaberite stavku "Spoji oblike". Sada ćete moći stvarati cijele objekte od više elemenata.

Mnogi će se pitati, kako ih onda odabrati ako su svi na istom sloju? Odgovor je jednostavan: na alatnoj traci imamo dva kursora, od kojih je jedan odgovoran za odabir staze, a drugi za odabir čvora. Samo uz pomoć odabira obrisa (crnog kursora) možemo odabrati samo određeni oblik na sloju.

Osim toga, možemo izrezati, odnosno oduzeti figuru od druge, a da ne dodirnemo originalnu. Da biste to učinili, nacrtajte drugi objekt unutar izvornog (ne zaboravite postaviti način "Spoji oblike", kao što smo učinili gore, tako da su na istom sloju). Kao što vidite, do sada se ništa bitno nije promijenilo. Ali tako treba biti.

Sada odaberite alat "Odabir obrisa" i kliknite na oblik koji smo upravo nacrtali. Nakon toga se vraćamo na "Operacije s konturama", ali ovaj put biramo mi "Oduzmi prednju figuru". Vidjet ćete i sami kako su to lukavo ispilili i sada je umjesto njega dio pozadine. Ali zapravo nije. Element ostaje kakav je bio, samo je postao nevidljiv, ali ga i dalje možete pomicati, transformirati i ponovno učiniti vidljivim.

Ova se značajka često koristi pri izradi logotipa, bannera i drugih elemenata web dizajna.

Kako uskladiti oblike s drugim elementima

Drugo važno svojstvo pri crtanju figura je njihovo poravnanje. Na primjer, moramo napraviti nekoliko oblika na istoj udaljenosti jedan od drugog, a također na istoj liniji. Recimo, uzmem alat Ellipse i uz pomoć stegnutog Shift Nacrtat ću neke krugove.

Sada, uzmimo već poznati crni pokazivač, koji se zove "Odabir obrisa" i pritisnutom tipkom miša označite sva četiri kruga, pod uvjetom da su još uvijek na istom sloju. Ako je svaki krug koji imate na drugom sloju, tada ćete morati odabrati slojeve. Da biste to učinili, možete koristiti prešani POMJENA ili CTRL na ploči slojeva. Zatim kliknite desnom tipkom miša i kliknite "Spoji oblike".

Ali ne možete kombinirati. Ako, primjerice, svaki element zahtijeva svoju boju, tada jednostavno odaberite slojeve i uzmite alat Move, inače ništa neće biti od toga, odnosno funkcije poravnanja neće biti dostupne.

Kada smo sve odabrali, idemo na izbornik "Poravnanje kontura" i odaberite opcije koje su nam potrebne. U mom slučaju, moram izabrati "Okomiti centri" i "Raširi u širinu". U tom će slučaju oblici biti poravnati u sredini, a udaljenost između njih bit će ista. Na isti način, ova funkcija radi u slučaju okomitog rasporeda.

Sada će sve biti poravnato s njihovim središtima, ali ništa vas neće spriječiti da centrirate figure na donji rub.

Deformacija oblika

Pa, ostaje rastaviti još jedno zanimljivo svojstvo, naime deformaciju. Ne, to nije baš ono što smo proučavali u ovom članku, ali promijenit ćemo izgled figure.

Na isti način, mogu napraviti neku vrstu krune od zvijezde. Da bih to učinio, odaberem poligon, postavim način zvijezde u svojstvima i zatim ga nacrtam. Nakon toga biram alat "Odaberi čvor" i počnite pomicati sve dostupne točke. Ovako prije i poslije.

Crtanje predmeta s oblicima (vježbanje)

Sada, pogledajmo u praksi kako dodati oblike u Photoshopu tako da uz njihovu pomoć možete crtati cool vektorske objekte. Na primjer, nacrtajmo vektorsku šalicu s kavom brze hrane.

1. Odaberite "Zaobljeni pravokutnik" i nacrtajte prazninu naše čaše. Odmah odaberite odgovarajuću boju za staklo, npr. smeđu. Da biste to učinili, promijenite ga u gornjim svojstvima. Ne možete staviti moždani udar.
   
2. Sada izaberimo alat. "Odaberi čvor" i potpuno odaberite lijevi kut praznine (trebali biste uključiti dvije točke, a ne jednu).
   
3. Sada uštipnite POMJENA i pritisnite lijevu strelicu na tipkovnici nakon čega će vam iskočiti prozor gdje će pisati što ovu operaciju pretvorit će oblik u put. Slažem se. Nakon toga ponovno pritisnite lijevu strelicu dok držite tipku shift. Neće više biti natpisa. Nakon ove manipulacije, lijevi kut bi trebao biti ispupčen.
   
4. Sada radimo isto s desnim kutom, odnosno odabiremo ga bijelim kursorom i napravimo par klikova na desnu strelicu da viri druga strana. Ako se natpis ponovno pojavi, složite se.
   
5. Zatim, kreirajmo naslovnicu. Da biste to učinili, ponovno uzmite poligon sa zaobljenim rubovima, samo ovaj put odaberite stavku "Spoji oblike" Neće raditi, jer na jednom sloju ne možete promijeniti boju ispune različitih kontura.
6. Zatim nacrtajte pravokutnik na vrhu našeg rezultirajućeg trapeza. A ako vam se ispostavilo da nije crna, stavite je u svojstva.
   
7. Sada vidim da poklopac jako strši s obje strane. Bilo bi potrebno malo smanjiti sa strane. Da biste to učinili, pritisnite kombinaciju tipki CTRL+T za aktiviranje "Slobodna transformacija", zatim pritisnite tipku ALT i povucite malo za bočno područje. To će nam proporcionalno smanjiti poklopac sa strane.
   
8. Dalje, ponovno uzimamo "Odaberi čvor" i baš kao u prethodnom slučaju, malo savijamo kutove, redom odabirući prvi, a zatim drugi. Trebalo bi završiti ovako.
   
9. Ostaje samo izravnati cijelu stvar. Da biste to učinili, odaberite oba sloja na ploči slojeva pomoću pritisnute tipke CTRL, a zatim uzmemo alat "Premjesti" i u svojstvima pod glavnim izbornikom postavimo "Poravnaj centre vodoravno".
   

Još uvijek možete urediti neke elemente, na primjer, istaknuti čvorove i smanjiti veličinu dna kako bi šalica izgledala prirodnije. Ili možete dodati detalje, na primjer, neki proizvoljni oblik. Ali općenito, dobili smo najjednostavnije i istovremeno moderno staklo u vektorskom dizajnu.

Nadam se da sada razumijete kako dodati oblike u Photoshop, čemu oni služe i kako ih koristiti u web dizajnu i više. Usput, ako želite crtati sjajne dizajne za društvene mreže, bannere, naslovnice, pa čak i izglede web stranica, preporučujem vam da dobijete profesionalnu obuku u online škola web dizajna. Ovdje postoji cijela hrpa različitih smjerova. Vi samo trebate odabrati i učiniti sve pod vodstvom profesionalca.

Pa, ako želite znati Photoshop s praskom i naučiti ga koristiti za pet plus, onda vam preporučujem da pogledate i proučite ovi sjajni videi. Ovo je daleko jedan od najboljih i najdetaljnijih photoshop rendera koje sam ikada vidio. I što je najvažnije, sve je ispričano na jednostavan način. ljudski jezik. dakle, nećete se morati zaglaviti u temu, sve ćete razumjeti, čak i ako potpuni početnik. Visoko preporučeno.

Pa, ovdje ću završiti svoj članak. Ne zaboravite se pretplatiti na ažuriranja mog bloga, kao i na javnost u društvenim mrežama da ne promaši izlaz novi članak i zanimljive vijesti. Opet te čekam. Sretno ti. Doviđenja!

S poštovanjem, Dmitry Kostin

U ovom tutorialu ćemo pogledati sve što je vezano uz stvaranje proizvoljnih oblika u Photoshopu i zatim rad s njima. Budući da ima dosta materijala, podijelit ćemo ga na dva dijela. U prvom dijelu naučit ćemo kako izraditi oblik, definirati ga kao proizvoljan oblik, a zatim ga prikazati na ekranu i koristiti po potrebi. U drugom dijelu ćemo pogledati kako različite oblike spojiti u zasebne skupove oblika i spremiti ih u program.

Ideja za ovaj vodič došla mi je dok sam pregledavao časopis za spomenare s brojnim stranicama s gotovim predlošcima. jednostavne figure. Te su figure bile grupirane 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 spomenarima da biste imali koristi od stvaranja vlastitih prilagođenih oblika.

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

Prije početka svladavanja gradiva dopustit ću si još jednu digresiju. Stvaranje proizvoljnih oblika zahtijeva korištenje alata Pen Tool. Možete stvoriti oblike s osnovnim alatima za oblike kao što su pravokutnik ili elipsa, ali ako se ne želite ograničiti na stvaranje određenih oblika koji izgledaju poput kutija ili guma za bicikle, morat ćete koristiti alat za olovku. Detaljnije smo istražili alat Pen Tool u našem vodiču Kako napraviti odabir pomoću alata Pen Tool, pa u ovu lekciju Dotaknut ćemo se ove teme samo ukratko. Ako niste upoznati s osnovnim svojstvima alata Pen, prvo pročitajte našu lekciju o korištenju ovog alata.

U ovom vodiču ćemo stvoriti proizvoljne oblike tako da prvo ocrtamo objekt na slici. Ako možete crtati, sjajno - onda možete jednostavno nacrtati oblik slobodnom rukom bez crtanja subjekta, jer kada stvarate oblik slobodnom rukom, nije važno kako ga crtate - potezom ili slobodnom rukom. Što se mene tiče, više volim ocrtavati objekt (budući da nemam umjetničkih sposobnosti), pa ćemo u ovom tutorialu učiniti upravo to.

Napravit ću prilagođeni oblik od ovog slatkog Čovječuljka od medenjaka:

Medenjak

Počnimo!

Korak 1: Odaberite alat Pen

Kao što sam spomenuo, možete stvoriti proizvoljne oblike pomoću osnovnih alata za oblike kao što su pravokutnik ili elipsa, ali ako pokušate iscrtati našeg Gingerbread Mana ovim alatima, najvjerojatnije će u najboljem slučaju ostati bez glave (ispričavam se zbog male ironije). Ono što nam stvarno treba je alat Pen, pa ga odaberimo na ploči Alati:

Odabir alata olovka

Također možete odabrati alat za olovku pritiskom na tipku P.

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

S odabranim alatom Pen, pogledajmo traku s opcijama na vrhu zaslona. Na lijevoj strani ploče vidjet ćete grupu od tri ikone:

Tri ikone na traci s opcijama koje nam omogućuju da odaberemo kako želimo koristiti Pen Tool

Ove ikone pokazuju nam što možemo učiniti s alatom za olovku. Ikona s desne strane trenutno izgleda zasjenjeno. Dostupna nam je samo kada radimo s glavnim alatima grupe "Oblici" (alat "Olovka" i alati grupe "Oblici" imaju gotovo iste opcije na ploči postavki). Kao što smo ti i ja prošli kroz tutorijal Kako napraviti odabir pomoću alata za olovku, ikona u sredini koristi se kada želimo crtati staze, ali trenutno nam nije potrebna. Želimo koristiti alat za olovku za crtanje oblika, a za to moramo odabrati ikonu s lijeve strane, koja je odgovorna za parametar Slojevi oblika:

Za crtanje oblika s alatom olovka odaberite opciju Sloj oblika

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

Moram istaknuti da nema razlike između crtanja staza i crtanja oblika alatom za olovku. U oba slučaja kliknite u prozoru dokumenta za postavljanje sidrišne točke, a zatim pomaknite vodeće linije kako biste stvorili ravne ili zakrivljene dijelove (ponovno, ako niste upoznati s ovim konceptima, pogledajte našu lekciju Kako napraviti odabir pomoću alata Pen Tool). Zapravo, bilo da "službeno" crtate oblike ili staze, ionako crtate staze. Razlika je u tome što prilikom crtanja oblika Photoshop ispunjava putanju bojom dok crtamo, što nam omogućuje da vidimo oblik.

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

Korak 3: Počnite crtati oblik

Nakon što smo odabrali Pen Tool i opciju Shape Layer na traci s opcijama, možemo početi iscrtavati sliku. Želim početi iscrtavati s glavom Medenjaka. Da bih to učinio, kliknut ću za postavljanje sidrišnih točaka i početi povlačiti vodeće linije kako bih stvorio zakrivljeni potez oko Čovjekove glave. Na slici ispod možete vidjeti sidrišne točke i vodeće linije, ali postoji problem. Photoshop ispunjava obrise oblika bojom pozadine (u mom slučaju crnom) tijekom poteza, sprječavajući nas da vidimo Čovjekovu glavu:

Program ispunjava obris bojom pozadine tijekom crtanja, sprječavajući nas da vidimo sliku.

Kako program ne bi sakrio samu sliku tijekom poteza, samo trebamo otići na ploču slojeva i smanjiti neprozirnost sloja oblika. Trenutno na ploči slojeva možete vidjeti da imamo dva sloja - donji pozadinski sloj (Background), na kojem se nalazi slika Gingerbread Mana i gornji sloj oblika pod nazivom "Slika 1" (Shape 1). Sa sigurnošću mogu reći da je sloj oblika trenutno odabran jer je označen plavom bojom, pa da smanjimo njegovu neprozirnost, samo trebamo odabrati opciju Opacity u gornjem desnom kutu ploče Slojevi i smanjiti njezinu vrijednost. U mom slučaju, smanjit ću neprozirnost na 50%:

Smanjite neprozirnost sloja oblika pomoću opcije Opacity u gornjem desnom kutu ploče Slojevi

Nakon što smanjimo neprozirnost sloja oblika, čovjekova glava je vidljiva kroz boju pozadinske ispune, zbog čega će nam biti mnogo lakše napraviti daljnje poteze:

Nakon smanjenja neprozirnosti sloja oblika, slika je vidljiva kroz boju pozadinske ispune

Korak 5: Nastavite pratiti sliku

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

Obris figure je potpuno gotov.

Ako pogledamo sloj Oblik na ploči Slojevi, možemo vidjeti da se na njemu pojavio poseban oblik Gingerbread Mana:

Na ploči slojeva sada je jasno vidljiv lik našeg Malog čovjeka.

Do sada nam je bilo dobro. Ocrtali smo oblik Gingerbread Mana, au nekim slučajevima to bi bilo dovoljno. U mom slučaju, međutim, potrebno je nešto doraditi na navedenoj figuri. U najmanju ruku, mislim da trebamo uključiti oči i usta u ocrtanu siluetu, a možda i leptir mašnu i dva velika gumba ispod. Kako ćemo dodati ove detalje zacrtanom obliku? Jako jednostavno! Nećemo ih dodavati - te ćemo detalje ukloniti (ili oduzeti) sa slike!

Korak 6: Odaberite Ellipse Tool

Počnimo s očima. Po želji, mogli bismo odabrati oči alatom za olovku, ali budući da su okrugle na Čovječuljku, više ćemo ih odabrati jednostavan način koristeći Ellipse Tool. Na alatnoj traci odaberite alat Ellipse. Prema zadanim postavkama, ovaj alat je skriven iza Rectangle Tool, pa kliknite na Rectangle Tool i držite pritisnutu tipku miša nekoliko sekundi, što će dovesti do skočnog izbornika na ekranu gdje možete odabrati Ellipse Tool:

Kliknite na alat Pravokutnik na alatnoj traci, zatim držite pritisnutu tipku miša dok se na ekranu ne pojavi skočni izbornik u kojem biramo alat Elipsa

Korak 7: Odaberite opciju Oduzmi od područja oblika

S odabranim alatom Ellipse, pogledajte traku s opcijama gdje ćete vidjeti nekoliko ikona grupiranih zajedno koje izgledaju poput malih kvadrata koji su međusobno povezani. na razne načine. Ove nam ikone omogućuju izvođenje raznih radnji s oblicima, kao što je dodavanje oblika području, oduzimanje zasebnog područja od njega i križanje područja nekoliko oblika. Kliknite na treću ikonu s lijeve strane, koja je odgovorna za opciju "Subtract from shape area" (Oduzmi iz područja oblika):

Na ploči postavki kliknite na ikonu opcije "Oduzmi od područja oblika":

Korak 8: Nacrtajte pojedinačne oblike kako biste ih izdvojili iz ocrtane 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čet ću transformirati oblik crtanjem ovala oko lijevog oka:

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

Kada pustim tipku miša, ovalno područje oko oka će odmah nestati ili će se "izrezati" iz poteza glavnog oblika, ostavljajući za sobom rupu kroz koju će se vidjeti lijevo oko Malog čovjeka na izvornoj slici, postavljen na donji sloj "Pozadina":

Lijevo oko sada je "izrezano" iz izvornog poteza oblika, ostavljajući oko vidljivim na izvornoj slici ispod označene siluete.

Isto ću učiniti s desnim okom. Prvo ću nacrtati oval oko oka:

Nacrtajte oval oko desnog oka

Čim pustim tipku miša, pojavit će se druga okrugla rupica kroz koju će se također vidjeti Čovjekovo oko na originalnoj slici:

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

Budući da su dva gumba ispod leptir mašne također okrugla, ponovno ću upotrijebiti Ellipse Tool da ih uklonim iz nacrtanog oblika. Prvo ću nacrtati oval oko gornjeg gumba:

Nacrtajte oval oko gornjeg gumba

Kad otpustim tipku miša, ovalno područje oko tipke odmah će nestati iz nacrtanog oblika, ostavljajući za sobom rupu kroz koju će se tipka vidjeti na slici ispod:

Figura ima rupu kroz koju se vidi gornji gumb.

Sada ću učiniti isto za donji gumb, počevši crtanjem ovala oko njega:

Nacrtajte oval oko donjeg gumba

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

Oba su gumba sada izrezana iz nacrtane figure.

Ako trenutno gledam sličicu sloja oblika na ploči Slojevi, mogu vidjeti dvije rupe za oči i dvije rupe za gumbe, koje sam izrezao iz nacrtanog oblika:

Sličica sloja oblika pokazuje nam rupe za oči i gumbe izrezane iz nacrtanog oblika.

Korak 9: Izdvojite preostale detalje iz ocrtane siluete pomoću alata Pen

Vratit ću se na alat Pen jer trebam dodati nekoliko detalja zacrtanom obliku koje ne mogu odabrati alatom Ellipse.

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 na traci s opcijama, samo ću početi ocrtavati usta i leptir mašnu kako bih ih "izrezao" iz ocrtane siluete Gingerbread Mana.

Slika u nastavku prikazuje potezne linije zajedno s izvornom slikom Čovjeka od medenjaka koji se vidi kroz rupe koje sam napravio:

I usta i leptir mašna sada su izrezani iz ocrtanog oblika Gingerbread Man alatom Pen Tool

Završimo crtanje figure Gingerbread Mana izrezivanjem valovitih linija šećera u prahu na njegovim nogama i rukama. Opet ću koristiti alat za olovku za stvaranje tragova. Prvo ću iscrtati putanju šećera u prahu na Čovjekovoj lijevoj ruci, uzrokujući da bude izrezana iz izvornog poteza oblika:

Pomoću olovke izrežite put šećera u prahu na lijevoj ruci Malog čovjeka

Nakon što sam ocrtao prvi put, prijeći ću na preostala tri i početi ih iscrtavati 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 ponovno pogledamo sličicu sloja oblika na ploči Slojevi, možemo jasno vidjeti linije šećera u prahu, oči, usta, leptir mašnu i gumbe izrezane iz oblika:

Minijatura sloja oblika na ploči Slojevi odražava sve detalje koji su izrezani iz izvornog poteza oblika Gingerbread Man.

Dakle, lik Gingerbread Man je spreman! Koristili smo alat Olovka da napravimo početni potez oblika, a zatim smo koristili alate Olovka i Elipsa zajedno s opcijom Oduzmi od područja oblika kako bismo dodali fine detalje obliku.

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

Nakon što smo povukli određena područja našeg oblika, više ne moramo vidjeti izvornu sliku ispod obrisane siluete, pa ponovno odabiremo opciju Neprozirnost (Opacity) u gornjem desnom kutu ploče slojeva i povećavamo vrijednost na 100% :

Povećajte neprozirnost sloja oblika na 100%

Također ću privremeno sakriti pozadinski sloj iz pogleda klikom na ikonu vidljivosti sloja (ikona u očna jabučica) tako da možemo vidjeti samo ocrtani oblik na prozirna pozadina. Ako ne želite, možete odabrati da ne sakrijete pozadinski sloj. Ovo radim samo radi praktičnosti gledanja slike:

Kliknite na ikonu vidljivosti sloja da biste privremeno sakrili pozadinski sloj iz pogleda

A evo kako izgleda Gingerbread Man oblik koji sam stvorio nakon skrivanja pozadinskog sloja od pogleda i povećanja neprozirnosti sloja oblika na 100%:

Gotova figura Gingerbread Mana postavljena na prozirnu pozadinu

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

Korak 11: Definirajte oblik kao prilagođeni oblik

Da biste od oblika napravili prilagođeni oblik, najprije provjerite je li sloj Oblik odabran na ploči Slojevi. Također morate biti sigurni da je odabrana minijatura pregleda sloja oblika. Ako je odabrano, tada će biti uokvireno bijelim istaknutim rubom i možete vidjeti obris oko oblika u dokumentu. Ako minijatura sloja nema istaknutu granicu i ne možete vidjeti obrise oko oblika, samo kliknite minijaturu sloja da biste je odabrali:

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

Napomena: ako ikada budete trebali sakriti obrise svog oblika, samo ponovno kliknite sličicu sloja da poništite odabir

S odabranim slojem oblika i odabranom sličicom sloja idite na izbornik Uredi na vrhu zaslona i odaberite Definiraj prilagođeni oblik:

Odaberite Uredi > Definiraj prilagođeni oblik

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

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

Kliknite U redu za izlaz iz dijaloškog okvira kada unesete naziv, i to je to - vaš prilagođeni oblik je spreman za korištenje! Na ovoj fazi možete zatvoriti dokument u Photoshopu jer smo stvorili i spremili naš oblik. Sada da vidimo gdje se može pronaći i kako se može primijeniti!

Korak 12: Napravite novi dokument u Photoshopu

Napravite novi prazan dokument u Photoshopu tako da odete na odjeljak izbornika Datoteka na vrhu zaslona i odaberete Novo. Ova će radnja otvoriti dijaloški okvir Novi dokument u kojem možete odrediti bilo koju veličinu slike za svoj dokument. U retku "Postavke" (Preset) odabrat ću veličinu od 640 × 480 piksela:

Napravite novi prazan dokument u Photoshopu

Korak 13: Odaberite alat za prilagođeni oblik

Nakon što izradite novi prazan dokument, na alatnoj traci odaberite alat Freeform Shape. Prema zadanim postavkama, Rectangle Tool je prikazan na zaslonu, pa kliknite na njega i držite tipku miša nekoliko sekundi dok se ne pojavi skočni izbornik s popisom drugih alata, gdje možete odabrati Custom Shape Tool (Custom alat za oblikovanje):

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

Korak 14: Odabir našeg prilagođenog oblika

S odabranim alatom Freeform Shape, desnom tipkom miša kliknite prozor dokumenta, što će otvoriti Shape Selector gdje možete odabrati bilo koji od trenutno dostupnih slobodnih oblika. Oblik koji ste upravo stvorili bit će posljednji na popisu oblika. Da biste je odabrali, jednostavno kliknite sličicu odgovarajuće figure:

Desnom tipkom miša kliknite prozor dokumenta da biste otvorili okvir za odabir oblika, zatim kliknite sličicu prilagođenog oblika da biste ga odabrali

Korak 15: Nacrtajte naš oblik

Nakon odabira prilagođenog oblika, jednostavno kliknite u prozor dokumenta i, držeći tipku miša pritisnutom, nacrtajte oblik. Da biste zadržali proporcije oblika dok pomičete kursor i da ih ne biste slučajno iskrivili, pritisnite i držite tipku Shift. Također možete pritisnuti i držati tipku Alt (Win) / Option (Mac) da nacrtate oblik iz središta. Ako želite promijeniti mjesto oblika dok ga crtate, pritisnite i držite razmaknicu, zatim premjestite oblik na novo mjesto, zatim otpustite razmaknicu i nastavite crtati oblik.

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

Dok crtate lik, pojavit će se njegov tanki obris.

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

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

Korak 16: Dvaput kliknite minijaturu sloja oblika da biste promijenili boju oblika

Ne morate brinuti o boji vašeg oblika dok ga crtate i dodajete svom dokumentu. 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, sličicom sloja, a ne sličicom pregleda oblika koja se nalazi s desne strane (koja se formalno naziva sličicom vektorske maske). Želite sličicu na lijevoj strani, koja izgleda kao ikona uzorka boje s malim klizačem na dnu. Dvaput kliknite na njega tipkom miša da biste promijenili boju oblika:

Dvaput kliknite sličicu sloja oblika (ikona uzorka boje) s lijeve strane da biste promijenili boju oblika

Ova radnja otvorit će birač boja u kojem možete odabrati novu boju za svoj oblik. Za svog medenjaka želim odabrati smeđu:

Pomoću alata za odabir boja odaberite novu boju

Kliknite U redu za izlaz iz alata za odabir boja kada odaberete boju i vaš će oblik odmah biti ispunjen novom bojom:

Boja oblika sada je promijenjena

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

Korak 17: Promijenite veličinu oblika ako je potrebno pomoću naredbe Free Transform

Kada radite s oblicima, možete promijeniti više od same boje. Velika je prednost što se oblici crtaju vektorima umjesto pikselima, tako da možete sigurno mijenjati 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 ploči Slojevi i zatim pritisnite Ctrl+T (Win) / Command+T (Mac) da biste otvorili okvir za transformaciju. Promijenite veličinu oblika povlačenjem bilo koje kutne ručice. Pritisnite i držite tipku Shift dok pomičete ručicu kako biste zadržali proporcije oblika. Također možete pritisnuti i držati tipku Alt (Win) / Option (Mac) dok pomičete ručicu da biste promijenili veličinu oblika od središta:

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:

Pritisnite izvan okvira transformacije i pomaknite kursor da biste zakrenuli oblik

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

U svoj dokument možete dodati onoliko kopija svog prilagođenog oblika koliko želite, svaki put mijenjajući boju, veličinu i mjesto oblika po želji. Svaka kopija prilagođenog oblika bit će postavljena na zasebni sloj oblika na ploči Slojevi. U mom slučaju, dodao sam nekoliko oblika Gingerbread Mana u dokument, svaki s drugom 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 iscrtavajući izvorni crtež alatom za olovku. Izrežemo sitne detalje na našem obliku pomoću alata Pen i Ellipse sa skupom opcija Oduzmi od područja oblika. Zatim smo spremili naš oblik kao prilagođeni oblik pomoću opcije Definiraj prilagođeni oblik u odjeljku izbornika Uredi. Nakon toga smo stvorili novi dokument, odabrali alat Freeform Shape i nacrtali slobodni oblik 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 stvaranja i korištenja proizvoljnih oblika u Photoshopu, tj. naučili prvi dio naše lekcije. U drugom dijelu ćemo pogledati kako spojiti proizvoljne oblike koje smo izradili u zasebne skupove i spremiti ih u program.

Prijevod: Ksenija Rudenko