V prejšnji vadnici smo se naučili osnov ustvarjanja in uporabe preprostih ponavljajočih se vzorcev v Photoshopu. Z orodjem Elliptical Marquee in filtrom Offset smo zasnovali eno ploščico. Nato smo ploščico shranili kot vzorec. Na koncu smo izbrali vzorec in ga uporabili za polnjenje sloja, pri čemer se vzorec neopazno ponavlja tolikokrat, kot je potrebno, da pokrijemo celotno območje. Ta vadnica se nadaljuje tam, kjer smo odšli, zato boste morda želeli dokončati prejšnji razdelek, kjer smo ustvarili, in dodali naš vzorec »Krogi«, če tega še niste storili.
Glavna težava s ponavljajočim se vzorcem, ki smo ga doslej ustvarili, je, da ni zelo zanimiv, velik razlog pa je, da ni nič drugega kot črni vzorec pred belim ozadjem. V tej vadnici bomo izvedeli, kako stvari nekoliko popestriti z dodajanjem barv in gradientov! Kot že prej bom tudi tukaj uporabljal Photoshop CS5, vendar bo vsa zadnja različica Photoshopa delovala.
Tukaj je naš dizajn, kot se zdi doslej:
Črni krogi na belem ozadju. Ni grozno zanimivo.
Dodajanje enobarvnih barv
Začnimo z zamenjavo belega ozadja z barvo. Uporabite lahko ukaz Photoshop's Fill za napolnitev plasti ozadja z barvo, vendar si privoščimo več prožnosti tako, da uporabimo tako imenovano plast polnjenja (videli bomo, kaj mislim, če bom kasneje nekoliko bolj prilagodljiv). Najprej kliknite na plast ozadja na plošči Sloji, da jo izberete:
Kliknite na plast ozadja, da jo aktivirate.
Ko je izbrana plast ozadja, kliknite ikono New Fill ali Adjustment Layer na dnu plošče Sloji:
Kliknite ikono New Fill ali Adjustment Layer.
Na vrhu seznama polnilnih in nastavitvenih plasti, ki se prikaže, izberite Solid Color :
Na vrhu seznama izberite enobarvno barvo.
Takoj, ko na seznamu izberete enobarvno barvo, bo Photoshop odprl program za izbiro barv, da bomo lahko izbrali barvo, ki jo želimo uporabiti. To je barva, ki bo postala nova barva ozadja za oblikovanje. Izbral bom srednje modro. Seveda lahko izberete katero koli barvo, ki vam je všeč, če pa želite uporabljati iste barve, ki jih uporabljam, poiščite možnosti R, G in B (ki pomenijo rdečo, zeleno in modro) blizu spodnjega središča Izbira barve in vnesite 98 za vrednost R, 175 za G in 200 za B :
Izberite barvo iz izbire barve, ki jo boste uporabili kot barvo ozadja za oblikovanje.
Ko končate, da zaprete barvni izbirnik, kliknite V redu in če pogledamo oblikovanje v oknu dokumenta, vidimo, da smo belo ozadje zlahka zamenjali z novo barvo:
Belo ozadje je bilo zamenjano z modrim.
Če pogledamo v ploščo Sloji, lahko vidimo, kaj se je zgodilo. Photoshop je med sloj ozadja, napolnjenim z belo barvo in črnim vzorcem črte na sloju 1. dodal trden barvni sloj za polnjenje, ki ga je poimenoval Color Fill 1, in zato, ker Photoshop dodaja nove plasti neposredno nad trenutno izbrano plastjo in potrebovali smo, da se plast za polnjenje pojavi nad plastjo Ozadje, vendar pod vzorcem kroga. Krogi ostanejo v našem dokumentu črni, ker so na sloju nad polnilnim slojem, kar pomeni, da na njih ne vpliva:
Plast polnjenja z barvno barvo zdaj blokira plast belega ozadja v pogledu v dokumentu.
Lahko uporabimo drugo plast za polnjenje, da dodamo drugačno barvo samemu vzorcu kroga. Tokrat potrebujemo Photoshop, da dodamo plast polnjenja nad vzorec kroga, zato kliknite sloj 1, da ga izberete:
Kliknite na Layer 1 na plošči Sloji, da jo aktivirate.
Nato še enkrat kliknite ikono New Fill ali Adjustment Layer na dnu plošče Sloji in na vrhu seznama izberite enobarvno barvo, tako kot smo prej. Photoshop bo znova odprl Barvni nabiralnik, da bomo lahko izbrali barvo, ki jo želimo uporabiti. Tokrat bom izbral zelo svetlo modro z vnosom 216 za vrednost R, 231 za G in 239 za B :
Izberite svetlo modro ali drugo barvo, če vam je ljubše.
Kliknite V redu, da zaprete barvni nabiralnik, in tako se zdaj naši ponavljajoči se krogi pojavijo v novi svetlo modri barvi:
Dokument po dodajanju trdne barve zapolnite plast nad vzorcem krogov.
Počakaj malo, kaj se je zgodilo? Kam so šli naši krogi? Kje je barva ozadja, ki smo jo pravkar dodali? Zakaj je zdaj vse svetlo modro? Če pogledamo v ploščo Sloji, vidimo težavo, težava pa je v tem, da je Photoshop naredil točno tisto, za kar smo ga prosili. Dodal je trden barvni sloj z imenom Color Fill 2, napolnjen s svetlo modro barvo, ki smo jo izbrali v Barvni nabiralki, nad vzorcem krogov na 1. plasti:
Nova polnilna plast se pojavi nad drugimi sloji.
Na žalost, ker polnilni sloj stoji nad vsemi drugimi sloji na plošči Sloji, vse drugo blokira pogled iz dokumenta, zato je vse, kar vidimo, svetlo modre barve. Potrebujemo način, da Photoshopu sporočamo, da želimo, da naš novi sloj zapolnjevanja vpliva samo na vzorec krogov na sloju 1 pod njim, in to lahko storimo s pomočjo tako imenovane izrezne maske .
Prepričajte se, da je sloj Color Fill 2 aktiven na plošči Sloji (aktivni sloji so označeni z modro barvo. Kliknite nanj, če ga želite izbrati, če iz nekega razloga ni aktiven). Odprite meni Layer v menijski vrstici na vrhu zaslona in izberite Ustvari izrezno masko :
Pojdite na Layer> Create Clipping Mask.
Plast Colour Fill 2 se bo na plošči Sloji vdrsala na desni strani in nam pove, da je zdaj "prirezana" na vsebino plasti pod njo, kar pomeni, da zdaj vpliva samo na vzorec kroga na 1. plasti:
Vdrt sloj pomeni, da je pripet na plast neposredno pod njim.
In v oknu dokumenta vidimo rezultate, ki smo jih pričakovali, ko smo dodali plast polnjenja. Črni krogi so zdaj videti svetlo modri na temnejšem modrem ozadju:
Isti črno-beli vzorec, zdaj v barvi.
Kratke kode, dejanja in vtičniki za filtre: Napaka v kratkem kodu (oglasi-osnove-sredina)
Spreminjanje barv
Prej sem omenil, da nam polnilni sloji omogočajo večjo prožnost, kot če bi plast napolnili z ukazom Photoshop's Fill, razlog pa je v tem, da lahko barvo napolnilne plasti spremenimo kadarkoli želimo! Če želite spremeniti barvo polnilnega sloja, preprosto dvokliknite neposredno na njegovo sličico na plošči Sloji. Spremenimo barvo našega ozadja. Dvokliknite na sličico za sloj Color Fill 1, ki je nad plastjo Ozadje:
Dvokliknite neposredno na sličico za sloj Color Fill 1.
To ponovno odpre barvni nabiralnik in nam omogoča, da izberemo drugo barvo. Tokrat bom izbral češnjevo barvo, tako da vnesem 204 za mojo vrednost R, 32 za G in 130 za B :
Izbira nove barve za ozadje.
Kliknite V redu, da zaprete barvni nabiralnik, in dokument se takoj posodobi z našo novo barvo ozadja:
Barva ozadja je enostavno spremenjena.
Spreminjanje barve krogov je prav tako enostavno. Preprosto dvokliknite neposredno na sličico za sloj Color Fill 2:
Dvokliknite na sličico Color Fill 2.
To spet odpira barvni nabiralnik, tako da lahko izberemo novo barvo. Izbral bom svetlejšo roza, tako da vnesem 218 za mojo vrednost R, 144 za G in 161 za B :
Izbira nove barve za vzorec kroga.
Kliknite V redu, da zaprete barvni nabiralnik in dokument se takoj posodobi, tokrat z novo barvo za kroge:
Barve ozadja in kroga vzorca so spremenjene.
Dodajanje gradientov ponavljajočim se vzorcem
Našim vzorcem lahko dodamo tudi gradiente in koraki so zelo podobni. Dejansko je edina resnična razlika ta, da namesto sloja polnila Solid Color dodamo sloj Gradient fill. Izbrisal bom dva sloja polnjenja z enobarvno barvo, ki sem ju dodal, tako da ga povlečem navzdol na koš za smeti na dnu plošče Sloji:
Barve ozadja in kroga vzorca so spremenjene.
Ko se plasti zapolnitve odpravijo, se vzorec vrne v prvotno črno-belo barvo:
Črni krogi še enkrat pred belim ozadjem.
Kroge obarvamo z naklonom. Najprej kliknite sloj 1, da ga izberete, tako da bo nad njim postavljen sloj polnjenja Gradient:
Izberite Layer 1.
Se spomnite, kaj se je zgodilo, ko smo nad vzorec kroga dodali plast polnjenja Solid Color? Celoten dokument se je napolnil z barvo, ki smo jo izbrali, dokler težave nismo odpravili z odrezno masko. Za naš polnilni sloj Gradient bomo potrebovali tudi odrezno masko, tokrat pa vzemimo bližnjico. Z izbranim slojem 1 držite tipko Alt (Win) / Option (Mac) in kliknite ikono New Fill ali Adjustment Layer :
Kliknite ikono New Fill ali Adjustment Layer.
Na seznamu, ki se prikaže, izberite sloj za preliv z gradivom :
S seznama izberite Gradient.
Če pritisnete tipko Alt (Win) / Option (Mac), medtem ko kliknete ikono New Fill ali Adjustment Layer, Photoshopu pokaže, da odprete pogovorno okno New Layer, kjer lahko nastavimo nekaj možnosti za naš sloj polnjenja Gradient, preden ga dodamo. Možnost, ki nas zanima, je tista, ki pravi Uporaba prejšnjega sloja za ustvarjanje izrezne maske . Kliknite v potrditveno polje, da ga izberete. Če izberete to možnost, se plast polnjenja Gradient samodejno prilepi na sloj 1 pod njo, kar nas bo prihranilo, da to ne bomo morali storiti pozneje:
Izberite možnost Uporabi prejšnji sloj za ustvarjanje izrezne maske.
Kliknite OK, da zaprete pogovorno okno New Layer. Odprlo se bo pogovorno okno Gradient Fill, kjer lahko izberemo gradient, ki ga želimo uporabiti. Kliknite na sličico predogleda gradienta:
Kliknite na sličico predogleda gradienta.
To odpre Photoshopov urejevalnik gradient . Na vrhu pogovornega okna, v razdelku Prednastavitve, je niz sličic, ki prikazujejo predogled že pripravljenih gradientov, med katerimi lahko izbiramo. Preprosto kliknite na sličico, da izberete naklon. Vsakič, ko kliknete sličico, boste v oknu dokumenta videli predogled, kako bo videti gradient. Na primer, če želite nekaj resnično svetlega in barvitega, lahko preizkusite gradient spektra s klikom na njegovo sličico:
S klikom na sličico gradienta spektra, da jo izberete.
V oknu dokumenta lahko vidimo, kako bo izgledal gradient Spectrum. Upoštevajte, da gradient vpliva na kroge samo same kroge zahvaljujoč možnosti Uporaba prejšnjega sloja za ustvarjanje izrezne maske, ki smo ga pred časom izbrali v pogovornem oknu Nov sloj:
Gradient Spectrum črne kroge spremeni v mavrico barve.
Photoshop nam privzeto ne daje veliko gradientov med katerimi lahko izbiramo, vendar so na voljo drugi sklopi gradientov. Če jih želite najti, kliknite ikono majhne puščice nad sličicami gradienta:
Kliknite ikono majhne puščice.
S klikom na puščico se odpre meni, ki vsebuje seznam dodatnih nizov gradientov, ki jih lahko naložimo. Očitno ne bomo šli skozi vsakega od njih tukaj, saj lahko z njimi enostavno eksperimentirate, ampak kot primer, bom s seznama izberite niz Barvne harmonije 2 :
Izbira nabora gradiva Color Harmonies 2.
Ko izberete nabor gradientov, vas bo Photoshop vprašal, ali želite trenutne gradiente zamenjati z novim ali če jih želite le dodati, kar bo obdržalo trenutne gradiente in jim dodalo nove. Izberite Dodaj :
Dodajte nove gradiente s trenutnimi, tako da izberete Dodaj.
Novi gradienti se prikažejo po prvotnih gradientih v območju Prednastavitve urejevalnika gradientov. Tako kot pri izvirnikih lahko izberete in predogled katerega koli od novih gradientov s klikom na njihovo sličico. Kliknite na modri, rumeni in roza gradient, da ga izberem:
S klikom na sličico gradienta modrega, rumenega in rožnatega gradienta.
Vzorec kroga je zdaj obarvan z mehkejšimi barvami novega gradienta:
Novi gradient daje vzorcu mehkejši, manj intenziven videz.
Ko najdete gradient, ki vam je všeč za ponavljajoč se vzorec, kliknite V redu, da zaprete urejevalnik gradienta, nato pa kliknite V redu, da zaprete pogovorno okno Gradient fill.
Spreminjanje gradienta
Tako kot smo videli s polnilnim slojem Solid Color, se lahko kadar koli vrnemo in spremenimo svoj gradient. Če pogledamo v ploščo Sloji, opazimo naš sloj Gradient fill, ki ga je Photoshop poimenoval Gradient Fill 1, ki sedi nad vzorcem krogov na plasti 1. Upoštevajte, da je vdolben na desni strani in nam pove, da je pod njim vtisnjen sloj 1. Če želite spremeniti drug gradient, preprosto dvokliknite neposredno na sličico sloja polnila Gradient:
Dvokliknite na sličico sloja polnila Gradient.
To znova odpre pogovorno okno Gradient Fill. Če želite spremeniti gradient, na sličici predogleda gradienta kliknite kot doslej:
Znova kliknite na sličico predogleda gradienta.
To bo znova odprlo urejevalnik gradientov, kjer lahko izbirate med katerim koli drugim gradientom, ki je trenutno na voljo, ali pa se naložite v drug nabor gradientov. Kliknil bom na ikono majhne puščice, da odprete meni s seznamom ostalih nizov gradientov in tokrat bom na seznamu izbral set Pastels :
Izbira sklopa gradienta Pastels.
Te nove gradiente bom dodal z drugimi, tako da bom izbral Dodaj, ko me vpraša Photoshop, in nove sličice gradienta se prikažejo v območju Prednastavitve urejevalnika gradientov. Tokrat bom izbral zeleni, vijolični, modri gradient:
S klikom na sličico naklona zelenega, vijoličnega in modrega gradiva izberite gumb.
Z izbranim novim gradientom kliknem V redu, da se izklopi iz urejevalnika gradientov, nato pa v pogovornem oknu Gradient Fill kliknem V redu. Krogi so se zdaj spremenili v nove barve gradienta:
S sloji polnjenja Gradient lahko kadar koli preklopite gradiente.
Seveda se nam ni treba držati bele podlage. Tukaj sem uporabil korake, ki smo jih obravnavali v prvem delu vadnice, da nad plastjo Ozadje dodam plast polnjenja Solid Color. Kot novo barvo za ozadje sem izbral srednje vijolično barvo iz barvnega nabiralnika (R: 85, G: 80, B: 129):
Plast polnjenja z gradidientom barva vzorec, medtem ko polnilna plast Solid Color zdaj zapolnjuje ozadje.
In tukaj vidimo združena prizadevanja sloja polnila Gradient na vzorcu krožnice in sloja polnjenja Solid Color na ozadju:
Končni rezultat.