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:
Crni krugovi na bijeloj pozadini. Nije strašno zanimljivo.
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:
Kliknite sloj pozadine da biste ga učinili aktivnim.
Kad je odabran sloj pozadine, kliknite ikonu New Fill ili Adjustment Layer na dnu ploče Slojevi:
Kliknite ikonu New Fill ili Adjustment Layer.
Na vrhu popisa slojeva za ispunjavanje i prilagođavanje koji se pojavljuje odaberite Solid Colour :
Odaberite Solid Color s vrha popisa.
Č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 :
Odaberite boju s alata za odabir boje koja će se koristiti kao boja pozadine za dizajn.
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:
Bijela pozadina zamijenjena je plavom.
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:
Sloj punjenja u čvrstoj boji sada blokira bijeli pozadinski sloj iz pogleda u dokumentu.
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:
Kliknite na Layer 1 na ploči Slojevi kako biste je učinili aktivnom.
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 :
Odaberite svijetlo plavu ili drugu boju ako želite.
Kliknite U redu da biste zatvorili program za odabir boja i upravo tako, naši se ponavljajući krugovi pojavljuju u novoj svijetloplavoj boji:
Dokument nakon dodavanja čvrstog sloja boje iznad uzorka krugova.
Č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:
Novi sloj za ispunu pojavljuje se iznad ostalih slojeva.
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 :
Idite na Layer> Create Clipping Mask.
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:
Razvedeni sloj znači da je pričvršćen za sloj neposredno ispod njega.
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:
Isti crno-bijeli uzorak, sada u boji.
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:
Dvaput kliknite na sličicu za sloj Colour Fill 1.
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 :
Odabir nove boje za pozadinu.
Kliknite U redu da biste zatvorili program za odabir boja i dokument se trenutno ažurirao novom bojom pozadine:
Boja pozadine je lako promijenjena.
Mijenjati boju krugova jednako je jednostavno. Jednostavno dvostruko kliknite na sličicu za sloj Colour Fill 2:
Dvaput kliknite na sličicu 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 :
Odabir nove boje za uzorak kruga.
Kliknite U redu da biste zatvorili program za odabir boja i dokument se trenutno ažurira, ovaj put s novom bojom za krugove:
I boje pozadine i uzoraka kruga promijenjene su.
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:
I boje pozadine i uzoraka kruga promijenjene su.
Kako su slojevi za ispunjenje nestali, uzorak će se vratiti u izvorno crno-bijelo:
Crni krugovi još jednom ispred bijele pozadine.
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:
Odaberite Sloj 1.
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 :
Kliknite ikonu New Fill ili Adjustment Layer.
S popisa koji se pojavljuje odaberite sloj za napunjenost gradijenta :
S popisa odaberite Gradijent.
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:
Odaberite opciju Koristi prethodni sloj za stvaranje klipne maske.
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:
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:
Klikom na sličicu gradijenta spektra da biste je odabrali.
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 klip-maske koju smo prije odabrali u dijaloškom okviru Novi sloj:
Gradijent spektra pretvara crne krugove u dugu boju.
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:
Kliknite na ikonu male strelice.
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 :
Odabir skupa gradijenta Harmonije u boji 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 :
Dodajte nove gradijente s trenutnim onima odabirom Dodati.
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:
Klikom na sličicu gradijenta Plavi, Žuti, Ružičasti.
Uzorak kruga obojen je mekšim bojama novog gradijenta:
Novi gradijent daje uzorku mekši, manje intenzivan izgled.
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:
Dvaput kliknite 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:
Kliknite ponovo na sličicu za pregled gradijenta.
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 :
Odabir skupa gradijenta 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 :
Klikom na minijaturnu sličicu gradijenta, zeleno, ljubičasto, plavo.
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:
Lako je mijenjati gradijente u bilo kojem trenutku pomoću slojeva gradijentnog punjenja.
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):
Sloj prelivanja s gradijentom kolorira uzorak, dok sloj pune boje u boji ispunjava pozadinu.
I ovdje vidimo združene napore sloja za nanošenje gradijenta na uzorku kruga i sloja za punjenje Jednobojne boje na pozadini:
Konačni rezultat.