U prethodnom vodiču naučili smo osnove stvaranja i korištenja jednostavnih ponavljajućih uzoraka u Photoshopu. Dizajnirali smo jednu pločicu pomoću Elliptical Marquee Alata i filtra Offset. Zatim smo pločicu spremili kao uzorak. Na kraju smo odabrali uzorak i upotrijebili ga za popunjavanje sloja, pri čemu se uzorak neprestano ponavlja onoliko puta koliko je potrebno da pokrijemo cijelo područje. Ovaj se nastavnik nastavlja od mjesta na kojem smo stali, pa ćete možda poželjeti dovršiti prethodni odjeljak u kojem smo stvorili i dodali naš obrazac "Krugovi" ako to već niste učinili.
Glavni problem ponavljajućeg uzorka koji smo stvorili do sada je taj što nije baš zanimljiv, a veliki razlog je taj što nije ništa više od crnog uzorka ispred bijele pozadine. U ovom tutorialu naučit ćemo kako začiniti stvari dodavanjem boja i gradijenata! Kao i prije, ovdje ću koristiti Photoshop CS5, ali svaka nedavna inačica Photoshopa funkcionirat će.
Evo našeg dizajna kao što se čini do sada:

Dodavanje čvrstih boja
Započnimo zamjenom bijele pozadine bojom. Mogli bismo upotrijebiti Photoshopovu naredbu Fill za popunjavanje pozadinskog sloja bojom, ali dopustimo sebi veću fleksibilnost pomoću onoga što se naziva sloj za ispunjavanje (vidjet ćemo što mislim pod tim da budemo fleksibilniji malo kasnije). Prvo kliknite na pozadinski sloj na ploči Slojevi da biste ga odabrali:

Kad je odabran sloj pozadine, kliknite ikonu New Fill ili Adjustment Layer na dnu ploče Slojevi:

Na vrhu popisa slojeva za ispunjavanje i prilagođavanje koji se pojavljuje odaberite Solid Colour :

Čim na popisu odaberete Solid Colour, Photoshop će otvoriti program za odabir boja kako bismo mogli odabrati boju koju želimo koristiti. Ovo je boja koja će postati nova boja pozadine za dizajn. Izabrat ću srednje plavu. Naravno, možete odabrati bilo koju boju koja vam se sviđa, ali ako želite koristiti iste boje koje ja koristim, potražite opcije R, G i B (koje označavaju crvenu, zelenu i plavu) u blizini donjeg središta Boja u boji i unesite 98 za vrijednost R, 175 za G i 200 za B :

Kada završite kako biste zatvorili program za odabir boja, kliknite U redu, a ako pogledamo dizajn u prozoru dokumenta, vidjet ćemo da smo bijelu pozadinu lako zamijenili novom bojom:

Ako pogledamo ploču Slojevi, možemo vidjeti što se dogodilo. Photoshop je dodao sloj za punjenje u boji pune boje koji je nazvao Color Fill 1, između pozadine ispunjene bijelim slojem i uzorka crnog kruga na Sloju 1. Razlog zbog kojeg smo odabrali pozadinski sloj prije dodavanja sloja za punjenje je taj što Photoshop dodaje nove slojeve neposredno iznad trenutno odabranog sloja i potreban nam je sloj za ispunu da se pojavi iznad pozadinskog sloja, ali ispod uzorka kruga. Krugovi su u našem dokumentu crni jer se nalaze na sloju iznad sloja za ispunu, što znači da na njega ne utječu:

Možemo upotrijebiti još jedan sloj za ispunjavanje kako bismo dodali drugu boju samom obrascu kruga. Ovog puta treba nam Photoshop da dodamo sloj za popunjavanje iznad uzorka kruga, pa kliknite Sloj 1 da ga odaberemo:

Zatim još jednom kliknite ikonu New Fill ili Adjustment Layer na dnu ploče Slojevi i odaberite Solid Color s vrha popisa, kao što smo to radili prije. Photoshop će ponovno otvoriti program za odabir boja kako bismo mogli odabrati boju koju želimo koristiti. Ovaj put ću odabrati vrlo svijetloplavu boju unoseći 216 za R vrijednost, 231 za G i 239 za B :

Kliknite U redu da biste zatvorili program za odabir boja i upravo tako, naši se ponavljajući krugovi pojavljuju u novoj svijetloplavoj boji:

Čekaj malo, što se dogodilo? Kamo su krenuli naši krugovi? Gdje je boja pozadine koju smo upravo dodali? Zašto je sada sve svijetloplavo? Ako pogledamo ploču Slojevi, vidimo problem, a problem je u tome što je Photoshop uradio upravo ono što smo mi tražili. Dodao je čvrsti sloj boje zvan Colour Fill 2, ispunjen svijetloplavom bojom koju smo odabrali u Boji za odabir boja, iznad uzorka krugova na Sloju 1:

Nažalost, budući da sloj za ispunjenje sjedi iznad svih ostalih slojeva na ploči Slojevi, blokira sve ostalo iz pogleda u dokumentu, zbog čega sve što vidimo je svijetloplavo. Potreban nam je način da kažemo Photoshopu da želimo da naš novi sloj za popunjavanje utječe samo na uzorak krugova na sloju 1 ispod njega, a to možemo učiniti koristeći se reznom maskom .
Provjerite je li sloj Colour Fill 2 aktivan na ploči Slojevi (aktivni slojevi su označeni plavom bojom. Kliknite na nju da biste je odabrali ako iz nekog razloga nije aktivan). Idite do izbornika Sloja u traci izbornika na vrhu zaslona i odaberite Stvaranje klip-maske :

Sloj Colour Fill 2 pojavit će se razveden udesno na ploči Slojevi, što nam govori da je sada "obrezan" na sadržaj sloja ispod njega, što znači da sada utječe samo na uzorak kruga na sloju 1:

A u prozoru dokumenta vidimo rezultate koje smo očekivali kada smo dodali sloj za ispunu. Crni krugovi sada se pojavljuju svijetlo plavi na tamnoplavoj pozadini:

Dodatak za kratke kodove, akcije i filtre: Pogreška u kratkom kodu (osnove oglasa-sredina)
Promjena boja
Ranije sam spomenuo da nam slojevi za ispunjenje daju veću fleksibilnost nego da bismo sloj ispunili pomoću Photoshopove naredbe Fill, a razlog je taj što boju sloja za ispunu možemo promijeniti u bilo kojem trenutku! Da biste promijenili boju sloja za ispunu, jednostavno dvaput kliknite izravno na njegovu sličicu na ploči Slojevi. Promijenimo boju naše pozadine. Dvaput kliknite na sličicu za sloj Colour Fill 1 koji stoji iznad pozadinskog sloja:

Ovo ponovno otvara Birač boja, omogućavajući nam odabir druge boje. Ovaj ću put odabrati boju trešnje unosom 204 za moju R vrijednost, 32 za G i 130 za B :

Kliknite U redu da biste zatvorili program za odabir boja i dokument se trenutno ažurirao novom bojom pozadine:

Mijenjati boju krugova jednako je jednostavno. Jednostavno dvostruko kliknite na sličicu za sloj Colour Fill 2:

Ovo se ponovo otvara Birač boja kako bismo mogli odabrati novu boju. Izabrat ću svjetlije ružičaste boje unosom 218 za moju R vrijednost, 144 za G i 161 za B :

Kliknite U redu da biste zatvorili program za odabir boja i dokument se trenutno ažurira, ovaj put s novom bojom za krugove:

Dodavanje gradijenata ponavljajućim uzorcima
Našem dizajnu uzoraka možemo dodati i gradijente, a koraci su vrlo slični. Zapravo, jedina stvarna razlika je ta da umjesto dodavanja sloja pune boje u boji dodamo sloj Gradient fill! Izbrisat ću dva sloja za punjenje u punoj boji koje sam dodala klikom na svaki i povlačenjem dolje na kantu za smeće pri dnu ploče Slojevi:

Kako su slojevi za ispunjenje nestali, uzorak će se vratiti u izvorno crno-bijelo:

Obojimo krugove gradijentom. Prvo kliknite na sloj 1 da ga odaberete, tako da će iznad njega biti postavljen sloj za nanošenje gradijenta koji ćemo dodati:

Sjećate se što se dogodilo kad smo iznad uzorka kruga dodali sloj za punjenje pune boje? Čitav dokument postao je ispunjen odabranom bojom dok nismo riješili problem pomoću clipping maske. Trebat će nam i rezna maska za naš Gradient sloj za ispunu, ali ovaj put uzmimo prečicu. Kad je odabran Layer 1, držite tipku Alt (Win) / Option (Mac) i kliknite ikonu New Fill ili Adjustment Layer :

S popisa koji se pojavljuje odaberite sloj za napunjenost gradijenta :

Držanjem tipke Alt (Win) / Option (Mac) dok klikom na ikonu New Fill ili Adjustment Layer kaže Photoshopu da otvori dijaloški okvir New Layer gdje možemo postaviti neke mogućnosti za naš sloj za punjenje gradijenta prije nego što ga dodamo. Možnost koja nas zanima je ona koja kaže Upotrijebite prethodni sloj za stvaranje Clipping maske . Kliknite unutar potvrdnog okvira da biste ga odabrali. Kad je odabrana ova opcija, sloj za napunjenje gradijenta automatski će se prilijepiti na Layer 1 ispod njega, što nas sprečava da to nećemo kasnije morati učiniti sami:

Kliknite U redu da biste zatvorili dijaloški okvir Novi sloj. Otvorit će se dijaloški okvir Gradient Fill, gdje možemo odabrati gradijent koji želimo koristiti. Kliknite na sličicu za pregled gradijenta:

Ovo otvara Photoshopov urednik gradijenata . Na vrhu dijaloškog okvira, u odjeljku Predodređenja, nalazi se skup sličica koje prikazuju preglede gotovih gradijenata od kojih možemo izabrati. Jednostavno kliknite na sličicu za odabir nagiba. Svaki put kada kliknete na sličicu, vidjet ćete pregled kako će izgledati gradijent u prozoru dokumenta. Na primjer, ako želite nešto zaista svijetlo i šareno, možete isprobati gradijent spektra klikom na njegovu sličicu:

U prozoru dokumenta možemo vidjeti kako će izgledati gradijent Spektruma. Imajte na umu da gradijent utječe samo na same krugove zahvaljujući toj opciji Upotreba prethodnog sloja za stvaranje klipne maske koju smo prije odabrali u dijaloškom okviru Novi sloj:

Photoshop nam prema zadanim postavkama ne daje mnogo gradijenata, ali postoje i drugi skupovi gradijenata. Da biste ih pronašli, kliknite ikonu male strelice iznad sličica gradijenta:

Klikom na strelicu otvara se izbornik s popisom dodatnih nizova gradijenata u koje možemo učitati. Očito nećemo proći svaki od njih ovdje, jer s njima možete lako eksperimentirati, ali kao primjer, s popisa odaberite Harmonije boja 2 :

Nakon što odaberete skup gradijenta, Photoshop će vas pitati želite li zamijeniti trenutne gradijente novim ili ako ih želite samo dodati, što će zadržati trenutne gradijente i dodati im nove. Odaberite Dodavanje :

Novi gradijenti pojavit će se nakon izvornih gradijenata u području Presets u uređivaču gradijenata. Kao i kod originala, možete odabrati i pregledati bilo koji novi gradijent klikom na njihovu sličicu. Kliknite na plavi, žuti, ružičasti gradijent da ga odaberem:

Uzorak kruga obojen je mekšim bojama novog gradijenta:

Nakon što ste pronašli gradijent koji vam se sviđa za vaš ponavljajući uzorak, kliknite U redu da biste zatvorili program Editor Gradient, a zatim pritisnite OK za zatvaranje iz dijaloškog okvira Gradient fill.
Promjena gradijenta
Kao što smo vidjeli sa slojem punjenja u punoj boji, možemo se vratiti i promijeniti gradijent u bilo kojem trenutku. Ako pogledamo ploču Slojevi, vidjet ćemo naš gradijentni sloj za punjenje, koji je Photoshop nazvao Gradient Fill 1, koji sjedi iznad uzorka krugova na Sloju 1. Primijetite da je razrezan udesno, govoreći nam da je prirezan na sloj 1 ispod njega. Da biste se promijenili u drugi gradijent, jednostavno dvaput kliknite izravno na sličicu sloja za nanošenje gradijenta:

Ovo ponovno otvara dijaloški okvir Gradient Fill. Da biste promijenili gradijent, na sličici za pregled gradijenta kliknite kao i prije:

Ovo će ponovno otvoriti uređivač gradijenata, gdje možete odabrati bilo koji od ostalih trenutno dostupnih gradijenata ili se možete učitati u drugom skupu gradijenata. Kliknite na ikonu male strelice da bih otvorio izbornik s popisom ostalih nizova gradijenata, a ovaj put ću s popisa odabrati skup Pastels :

Dodati ću ove nove gradijente s ostalim odabirom Dodati kad me Photoshop pita, a nove sličice gradijenta pojavljuju se u području Presets u uređivaču gradijenata. Ovaj put ću odabrati gradijent Zeleni, Ljubičasti, Plavi :

Kad je moj novi gradijent odabran, kliknite OK (U redu) da se zatvorim iz Gradient Editor-a, a zatim OK (U redu) da zatvorim iz dijaloškog okvira Gradient Fill (Gradient Fill). Krugovi su sada promijenjeni u nove boje gradijenta:

Naravno da se ne moramo lijepiti s bijelom pozadinom. Ovdje sam koristio korake koje smo opisali u prvom dijelu vodiča za dodavanje sloja pune boje iznad pozadinskog sloja. Kao novu boju za pozadinu izabrao sam srednje ljubičastu iz boja alata za odabir boja (R: 85, G: 80, B: 129):

I ovdje vidimo združene napore sloja za nanošenje gradijenta na uzorku kruga i sloja za punjenje Jednobojne boje na pozadini:
