V predchádzajúcom návode sme sa vo Photoshope naučili základy vytvárania a používania jednoduchých opakujúcich sa vzorov. Navrhli sme jedinú dlaždicu s použitím eliptického nástroja pre výber a ofsetového filtra. Potom sme dlaždicu uložili ako vzor. Nakoniec sme vybrali vzor a použili ho na vyplnenie vrstvy, pričom vzor sa hladko opakoval toľkokrát, koľko bolo potrebné na pokrytie celej oblasti. Tento tutoriál pokračuje od miesta, kde sme prestali, takže možno budete chcieť dokončiť predchádzajúcu časť, v ktorej sme vytvorili a pridali náš vzor Kruhy, ak ste tak ešte neurobili.
Hlavným problémom s opakujúcim sa vzorom, ktorý sme doteraz vytvorili, je to, že to nie je príliš zaujímavé a veľkým dôvodom je to, že to nie je nič viac ako čierny vzor pred bielym pozadím. V tomto návode sa naučíme, ako veci trochu okoreniť pridaním farieb a gradientov! Ako predtým, budem používať Photoshop CS5 tu, ale akákoľvek nedávna verzia Photoshopu bude fungovať.
Tu je náš dizajn, ako sa zdá zatiaľ:
Čierne kruhy na bielom pozadí. Nie je to veľmi zaujímavé.
Pridávanie plných farieb
Začnime tým, že biele pozadie nahradíme farbou. Mohli by sme použiť príkaz Výplň Photoshopu na vyplnenie vrstvy pozadia farbou, ale dajme si väčšiu flexibilitu použitím toho, čo sa nazýva výplňová vrstva (uvidíme, čo tým myslím tým, že bude o niečo flexibilnejšia o niečo neskôr). Najprv kliknite na vrstvu pozadí na paneli Vrstvy a vyberte ju:
Kliknutím na vrstvu Pozadie sa aktivuje.
Po vybratí vrstvy na pozadí kliknite na ikonu Nová výplň alebo úprava vrstvy v dolnej časti panelu Vrstvy:
Kliknite na ikonu Nová výplň alebo vrstva úprav.
V hornej časti zoznamu vrstiev výplne a úprav, ktoré sa objavia, vyberte jednu farbu :
V hornej časti zoznamu vyberte možnosť Jednofarebné.
Akonáhle vyberiete zo zoznamu Solid Color, Photoshop otvorí výber farieb, aby sme mohli zvoliť farbu, ktorú chceme použiť. To je farba, ktorá sa stane novou farbou pozadia pre dizajn. Vyberiem si stredne modrú. Samozrejme si môžete vybrať akúkoľvek farbu, ktorá sa vám páči, ale ak chcete použiť rovnaké farby, aké používam, pozrite sa na možnosti R, G a B (ktoré znamenajú červenú, zelenú a modrú) v blízkosti dolného stredu Color Picker a zadajte 98 pre hodnotu R, 175 pre G a 200 pre B :
Vyberte farbu z nástroja na výber farieb, ktorý chcete použiť ako farbu pozadia pre dizajn.
Keď skončíte s výberom farieb, kliknite na tlačidlo OK. Keď sa pozrieme na dizajn v okne dokumentu, vidíme, že biele pozadie sme ľahko nahradili novou farbou:
Biele pozadie bolo nahradené modrým.
Ak sa pozrieme na panel Vrstvy, uvidíme, čo sa stalo. Photoshop pridal vrstvu s plnou farebnou výplňou, ktorá sa nazýva Farebná výplň 1, medzi vrstvu pozadia vyplnenú na bielu plochu a vzor čierneho kruhu vo vrstve 1. Dôvod, prečo sme vybrali vrstvu pozadia pred pridaním vrstvy výplne, pretože aplikácia Photoshop pridáva nové vrstvy priamo nad aktuálne vybratou vrstvou a potrebovali sme, aby sa výplňová vrstva objavila nad vrstvou pozadia, ale pod kruhovým vzorom. Kruhy zostávajú v našom dokumente čierne, pretože sa nachádzajú vo vrstve nad vrstvou výplne, čo znamená, že nie sú ovplyvnené:
Jednofarebná výplňová vrstva teraz blokuje bielu vrstvu pozadia v zobrazení v dokumente.
Môžeme použiť ďalšiu vrstvu výplne na pridanie inej farby k samotnému vzoru kruhu. Tentoraz potrebujeme Photoshop, aby sme pridali vrstvu výplne nad kruhový vzor, takže kliknutím na vrstvu 1 ju vyberte:
Kliknutím na vrstvu 1 na paneli Vrstvy ju aktivujete.
Potom znova kliknite na ikonu Nová výplň alebo úprava vrstvy v dolnej časti panela Vrstvy a v hornej časti zoznamu vyberte možnosť Jednofarebné, rovnako ako predtým. Photoshop znova otvorí výber farieb, aby sme si mohli zvoliť farbu, ktorú chceme použiť. Tentoraz vyberiem veľmi svetlomodré zadaním 216 pre hodnotu R, 231 pre G a 239 pre B :
Vyberte si svetlomodrú alebo inú farbu, ak si prajete.
Kliknutím na tlačidlo OK zatvorte výber farieb a rovnako sa naše opakujúce sa kruhy teraz objavia v novej svetlo modrej farbe:
Dokument po pridaní vrstvy pevnej farby nad vzor kruhov.
Počkajte minútu, čo sa stalo? Kam smerovali naše kruhy? Kde je farba pozadia, ktorú sme práve pridali? Prečo je teraz všetko svetlo modré? Ak sa pozrieme na panel Vrstvy, vidíme problém a problém spočíva v tom, že program Photoshop urobil presne to, čo sme od neho požadovali. Nad kruhové vzory na vrstve 1 bola pridaná pevná výplňová vrstva s názvom Farebná výplň 2 vyplnená svetlomodrou farbou, ktorú sme vybrali v nástroji Color Picker.
Nová výplňová vrstva sa objaví nad ostatnými vrstvami.
Bohužiaľ, keďže výplňová vrstva sedí nad všetkými ostatnými vrstvami v paneli Vrstvy, blokuje všetko ostatné v dokumente, a preto všetko, čo vidíme, je svetlo modré. Potrebujeme spôsob, ako Photoshopu povedať, že chceme, aby naša nová výplňová vrstva ovplyvňovala iba kruhy na vrstve 1 pod ňou, a môžeme to urobiť pomocou tzv. Orezovej masky .
Uistite sa, že vrstva Color Fill 2 je na paneli Vrstvy aktívna (aktívne vrstvy sú zvýraznené modrou farbou. Kliknutím na ňu vyberte, ak z nejakého dôvodu nie je aktívna). Prejdite hore do ponuky Vrstva na paneli s ponukou pozdĺž hornej časti obrazovky a vyberte položku Vytvoriť orezovú masku :
Prejdite na Vrstva> Vytvoriť orezovú masku.
Vrstva Color Fill 2 sa objaví odsadená vpravo na paneli Vrstvy a oznámi nám, že je teraz „pripnutá“ k obsahu vrstvy pod ňou, čo znamená, že teraz ovplyvňuje iba kruhový vzor na vrstve 1:
Odsadená vrstva znamená, že je pripnutá k vrstve priamo pod ňou.
A v okne dokumentu vidíme výsledky, ktoré sme očakávali, keď sme pridali vrstvu výplne. Čierne kruhy sa teraz javia ako svetlo modrej na tmavomodrej pozadí:
Rovnaký čiernobiely vzor, teraz farebný.
Doplnok Krátke kódy, akcie a filtre: Chyba v skrátenom kóde (ads-basics-middle)
Zmena farieb
Už som spomínal, že výplňové vrstvy nám dávajú väčšiu flexibilitu, než keby sme vyplňovali vrstvu príkazom Fill pre aplikáciu Photoshop. Dôvod je ten, že môžeme kedykoľvek zmeniť farbu výplňovej vrstvy! Ak chcete zmeniť farbu výplňovej vrstvy, jednoducho dvakrát kliknite na jej miniatúru v paneli Vrstvy. Zmeňte farbu nášho pozadia. Dvakrát kliknite na miniatúru vrstvy Color Fill 1, ktorá je umiestnená nad vrstvou pozadí:
Dvakrát kliknite priamo na miniatúru vrstvy Color Fill 1.
Týmto sa znova otvorí výber farieb, čo nám umožňuje zvoliť inú farbu. Tentoraz vyberiem čerešňovú farbu zadaním 204 pre svoju hodnotu R, 32 pre G a 130 pre B :
Výber novej farby pozadia.
Kliknutím na tlačidlo OK zatvoríte dialógové okno Výber farieb a dokument sa okamžite aktualizuje pomocou našej novej farby pozadia:
Farba pozadia sa ľahko zmenila.
Zmena farby kruhov je rovnako jednoduchá. Jednoducho dvakrát kliknite na miniatúru vrstvy Color Fill 2:
Dvakrát kliknite na miniatúru Color Fill 2.
Tým sa znova otvorí nástroj Color Picker, aby sme mohli zvoliť novú farbu. Vyberte svetlejšie ružové zadaním 218 pre svoju hodnotu R, 144 pre G a 161 pre B :
Výber novej farby pre kruhový vzor.
Kliknutím na tlačidlo OK zatvoríte dialógové okno Výber farieb. Dokument sa znova okamžite aktualizuje, tentoraz s novou farbou kruhov:
Boli zmenené farby pozadia aj kruhu.
Pridanie prechodov k opakujúcim sa vzorkám
K našim vzorom vzorov môžeme pridať aj prechody a kroky sú veľmi podobné. V skutočnosti je jediný skutočný rozdiel v tom, že namiesto pridávania výplne v jednej farbe pridávame vrstvu výplne s prechodom ! Vymažem dve vrstvy výplne v jednej farbe, ktoré som pridal, kliknutím na každú z nich a potiahnutím nadol do koša v dolnej časti panelu Vrstvy:
Boli zmenené farby pozadia aj kruhu.
Po vyplnení vrstiev výplne sa vzor vráti späť na pôvodnú čiernu a bielu:
Čierne kruhy pred bielym pozadím ešte raz.
Vyfarbime kruhy prechodom. Najprv kliknite na vrstvu 1 a vyberte ju, aby sa nad ňou umiestnila vrstva výplne s prechodom, ktorú sa chystáme pridať:
Vyberte vrstvu 1.
Pamätáte si, čo sa stalo, keď sme pridali vrstvu výplne Jednofarebné nad kruhový vzor? Celý dokument sa naplnil farbou, ktorú sme vybrali, kým sa problém nevyrieši pomocou orezovej masky. Budeme potrebovať orezovú masku aj pre našu vrstvu výplne prechodov, ale tentoraz si urobme odkaz. Ak je vybratá vrstva 1, podržte kláves Alt (Win) / Option (Mac) a kliknite na ikonu Nová vrstva výplne alebo úpravy :
Kliknite na ikonu Nová výplň alebo vrstva úprav.
Zo zobrazeného zoznamu vyberte vrstvu výplne s prechodom :
Zo zoznamu vyberte Gradient.
Ak podržíte stlačenú klávesu Alt (Win) / Option (Mac) a kliknete na ikonu Nová vrstva výplne alebo úprava, Photoshop otvorí dialógové okno Nová vrstva, v ktorom môžeme nastaviť niektoré možnosti pre našu vrstvu výplne prechodov pred jej pridaním. Možnosti, ktoré nás zaujímajú, sú tie, ktoré hovoria: Použiť predchádzajúcu vrstvu na vytvorenie orezovej masky . Začiarknutím políčka ho začiarknete. Ak je vybratá táto možnosť, vrstva výplne s prechodom sa automaticky oreže na vrstvu 1 pod ňou, čo nám ušetrí to, aby sme to museli urobiť neskôr:
Vyberte možnosť Použiť predchádzajúcu vrstvu na vytvorenie orezovej masky.
Kliknutím na tlačidlo OK zatvorte dialógové okno Nová vrstva. Otvorí sa dialógové okno Gradient Fill, v ktorom si môžeme zvoliť gradient, ktorý chceme použiť. Kliknite na miniatúru ukážky prechodov:
Kliknite na miniatúru ukážky prechodu.
Tým sa otvorí editor prechodov vo Photoshope. V hornej časti dialógového okna v časti Predvoľby je sada miniatúr zobrazujúcich ukážky hotových prechodov, z ktorých si môžeme vybrať. Jednoducho kliknite na miniatúru a vyberte prechod. Zakaždým, keď kliknete na miniatúru, v okne dokumentu sa zobrazí ukážka toho, ako bude prechod vyzerať. Napríklad, ak chcete niečo skutočne jasné a farebné, môžete skúsiť prechod spektra kliknutím na jeho miniatúru:
Kliknutím na miniatúru gradientu spektra ju vyberte.
V okne dokumentu vidíme, ako bude vyzerať gradient spektra. Všimnite si, že prechodom ovplyvňujú iba samotné kruhy, vďaka možnosti Použiť predchádzajúcu vrstvu na vytvorenie orezovej masky, ktorú sme vybrali pred chvíľou v dialógovom okne Nová vrstva:
Spektrálny gradient zmení čierne kruhy na dúhovú farbu.
V predvolenom nastavení nám Photoshop nedáva veľa gradientov na výber, ale sú k dispozícii aj ďalšie sady gradientov. Ak ich chcete nájsť, kliknite na malú ikonu šípky nad miniatúrami prechodov:
Kliknite na malú ikonu šípky.
Kliknutím na šípku sa otvorí ponuka obsahujúca zoznam ďalších súprav gradientov, ktoré môžeme načítať. Je zrejmé, že tu nebudeme prechádzať každou z nich, pretože s nimi môžete ľahko experimentovať sami, ale ako príklad uvediem: zo zoznamu vyberte sadu farieb Harmonies 2 :
Výber sady farieb Harmonies 2.
Keď vyberiete množinu prechodov, Photoshop sa opýta, či chcete nahradiť súčasné prechody novou sadou, alebo ak ich chcete len pridať, čo zachová súčasné prechody a pridá k nim nové. Vyberte Pripojiť :
Pridajte nové prechody k aktuálnym prechodom výberom Pripojiť.
Nové prechody sa objavia po pôvodných prechodoch v oblasti Predvoľby editora prechodov. Rovnako ako v prípade originálov, môžete zvoliť a zobraziť ukážku ktoréhokoľvek z nových prechodov kliknutím na ich miniatúru. Kliknem na modrý, žltý, ružový prechod a vyberte ho:
Kliknutím na miniatúru modrého, žltého a ružového gradientu.
Kruhový vzor je teraz zafarbený jemnejšími farbami nového gradientu:
Nový gradient dáva vzoru jemnejší, menej intenzívny vzhľad.
Keď nájdete opakovanie, ktoré sa vám páči pre opakujúci sa vzor, kliknutím na tlačidlo OK zatvorte program Editor prechodov a kliknutím na tlačidlo OK zatvorte dialógové okno Výplň prechodov.
Zmena gradientu
Rovnako ako sme videli s vrstvou výplne Jednofarebné, môžeme sa kedykoľvek vrátiť a zmeniť náš gradient. Ak sa pozrieme na panel Vrstvy, uvidíme našu vrstvu výplne prechodov, ktorú Photoshop s názvom Výplň prechodov 1 sedí nad vzormi kruhov vo vrstve 1. Všimnite si, že je odsadená doprava, čo nám hovorí, že je pripnutá k vrstve 1 pod ňou. Ak chcete zmeniť iný prechod, jednoducho dvakrát kliknite na miniatúru vrstvy výplne prechodov:
Dvakrát kliknite na miniatúru vrstvy výplne s prechodom.
Týmto sa znova otvorí dialógové okno Vyplniť prechod. Ak chcete zmeniť prechod, kliknite ako predtým na miniatúru ukážky prechodov:
Znova kliknite na miniatúru ukážky prechodu.
Tým sa znova otvorí Editor prechodov, kde si môžete vybrať niektorý z ďalších dostupných prechodov alebo načítať inú sadu prechodov. Kliknutím na malú ikonu šípky otvorím ponuku so zoznamom ďalších sád gradientov a tentoraz vyberiem zo zoznamu pastely :
Výber sady prechodov Pastels.
Tieto nové prechody pridám k ostatným výberom Pridať, keď sa ma Photoshop opýta, a nové miniatúry prechodov sa zobrazia v oblasti Predvoľby editora prechodov. Tentokrát vyberiem zelený, fialový, modrý gradient:
Kliknutím na miniatúru zeleného, fialového a modrého gradientu ju vyberte.
Keď je vybratý môj nový prechod, kliknutím na tlačidlo OK zatvorím program Editor prechodov a kliknutím na tlačidlo OK zatvorím dialógové okno Výplň prechodov. Kruhy sa teraz zmenili na farby nového gradientu:
Pomocou vrstiev výplne prechodov je ľahké kedykoľvek prepínať prechody.
Samozrejme, nemusíme sa držať na bielom pozadí. Tu som použil kroky, ktoré sme pokryli v prvej časti tutoriálu, aby som pridal vrstvu výplne Jednofarebné nad vrstvu Pozadie. Ako novú farbu pre moje pozadie som si vybral stredne fialovú farbu z farebného výberu (R: 85, G: 80, B: 129):
Vrstva výplne s prechodom zafarbí vzor, zatiaľ čo vrstva výplne v jednej farbe teraz vyplní pozadie.
A tu vidíme kombinované úsilie vrstvy výplne s prechodom na kruhovom vzore a vrstvu výplne Jednofarebné na pozadí:
Konečný výsledok.