Az előző oktatóprogramban megtanultuk az egyszerű ismétlődő minták létrehozásának és használatának alapjait a Photoshopban. Egyetlen csempét terveztünk az Elliptikus Marquee eszköz és az Ofszet szűrő segítségével. Ezután mintázatként mentettük a csempét. Végül kiválasztottuk a mintát, és egy réteg kitöltésére használtuk, a minta zökkenőmentesen annyiszor ismételte meg, ahányszor szükséges az egész terület lefedéséhez. Ez az oktatóanyag ott folytatódik, ahonnan abbahagytuk, ezért érdemes kitölteni az előző részt, ahol létrehoztuk és hozzáadtuk a "Körök" mintát, ha még nem tette meg.
Az eddig létrehozott ismétlődő mintázat fő problémája az, hogy nem túl érdekes, és nagy oka az, hogy ez nem más, mint egy fekete minta egy fehér háttér előtt. Ebben az oktatóanyagban megtanuljuk, hogyan kell kicsit fűszerezni a dolgokat színek és színátmenetek hozzáadásával! Mint korábban, itt is a Photoshop CS5-et fogom használni, de a Photoshop minden újabb verziója működni fog.
Íme a mi formatervezésünk, ahogy eddig látszik:
Fekete körök, fehér háttér előtt. Nem nagyon érdekes.
Szilárd színek hozzáadása
Kezdjük azzal, hogy a fehér háttér színét cseréljük ki. Használhatjuk a Photoshop Fill parancsát a háttérréteg színnel való kitöltéséhez, de adjunk nagyobb rugalmasságot a kitöltő réteg használatával (kicsit később meglátjuk, hogy mire gondolok rugalmasabban). Először kattintson a Rétegek panelen található Háttér rétegre annak kiválasztásához:
Kattintson a Háttér rétegre, hogy aktívvá váljon.
Ha a Háttér réteg kiválasztva, kattintson a Rétegek panel alján található Új kitöltés vagy Beállítás réteg ikonra:
Kattintson az Új kitöltés vagy a Korrekciós réteg ikonra.
A megjelenő kitöltési és beállítási rétegek listájának tetején válassza a Szilárd szín lehetőséget:
A lista tetején válassza a Szilárd szín lehetőséget.
Amint a Színű lehetőséget választja a listából, a Photoshop megnyílik a Színválasztó, így kiválaszthatjuk a használni kívánt színt. Ez a szín lesz a formatervezés új háttérszíne. Megyek egy közepes kék. Természetesen bármilyen színt választhat, de ha ugyanazokat a színeket akarja használni, mint az általam használt, keresse meg az R, G és B opciókat (amelyek a pirosra, a zöldre és a kékre vonatkoznak) a Színválasztó, és írja be a 98 értéket az R érték, 175 a G és a 200 a B értékhez:
Válasszon egy színt a színválasztóból, amelyet használni kíván a háttér színéhez.
Ha elkészült, kattintson az OK gombra, hogy bezárja a Színkiválasztót, és ha a dokumentumablakban megnézzük a rajzolatot, látjuk, hogy a fehér hátteret egyszerűen kicseréljük az új színre:
A fehér háttér helyébe kék.
Ha a Rétegek panelen nézzük, láthatjuk, mi történt. A Photoshop egy egyszínű kitöltő réteget, amelyet a Color Fill 1-nek nevez, a fehérre kitöltött háttérréteg és az 1. réteg fekete körmintája közé helyezte. A háttérréteget a kitöltési réteg hozzáadása előtt választottuk azért, mert a Photoshop új rétegeket adott hozzá közvetlenül a jelenleg kiválasztott réteg felett, és szükségünk volt arra, hogy a kitöltő réteg a háttérréteg fölött, de a körmintázat alatt jelenjen meg. A körök feketék maradnak a dokumentumban, mert a kitöltési réteg feletti rétegen vannak, ami azt jelenti, hogy őket nem érinti:
Az egyszínű kitöltőréteg most blokkolja a fehér háttérréteget a dokumentumban.
Használhatunk egy másik kitöltő réteget is, hogy más színt adjunk maga a körmintához. Ezúttal a Photoshop-hoz kell hozzáadnunk a kitöltési réteget a körmintázat fölé, tehát kattintson az 1. rétegre annak kiválasztásához:
Kattintson az 1. rétegre a Rétegek panelen, hogy aktívvá váljon.
Ezután ismét kattintson a Rétegek panel alján található új kitöltési vagy beállítási réteg ikonra, és válassza a lista tetején a Színű pontot, ahogy korábban tettük. A Photoshop újra megnyitja a Színválasztót, így kiválaszthatjuk a használni kívánt színt. Ezúttal nagyon világoskékként választom, ha az R értékhez 216- ot, G-vel 231- et és B-vel 239- et írunk be :
Válasszon halványkék vagy más színt, ha úgy akarja.
Kattintson az OK gombra, hogy bezárja a színválasztót, és éppen így ismétlődő körök most az új világoskék színben jelennek meg:
A dokumentum, miután hozzáadott egyszínű kitöltő réteget a körminta fölé.
Várj egy percet, mi történt? Hová ment a körünk? Hol van a háttér szín, amelyet éppen hozzáadtunk? Miért van most minden világoskék? Ha a Rétegek panelen nézzük, akkor látjuk a problémát, és az a probléma, hogy a Photoshop pontosan azt tette, amit kértünk. Hozzáadott egy egyszínű kitöltő réteget, a Color Fill 2 nevű, a világoskék színű anyaggal, amelyet a Színválasztóban választottunk ki, az 1. réteg körmintája fölött:
Az új töltőréteg megjelenik a többi réteg felett.
Sajnos, mivel a kitöltő réteg a Rétegek panelen lévő többi réteg felett ül, minden más blokkolja a dokumentum nézetét, ezért csak kék színűek. Szükségünk van arra, hogy megmondjuk a Photoshopnak, hogy azt akarjuk, hogy az új kitöltő rétegünk csak az 1. réteg körének mintázatát érintse meg, és ezt elvégezzük úgynevezett vágómaszk segítségével .
Győződjön meg arról, hogy a Színtöltő 2 réteg aktív a Rétegek panelen (az aktív rétegek kék színűek vannak kiemelve. Kattintson rá, hogy kiválassza, ha valamilyen okból nem aktív). Menj a Réteg menübe a képernyő tetején, a menüsorban, és válassza a Vágómaszk létrehozása lehetőséget :
Lépjen a Réteg> Vágómaszk létrehozása elemre.
A 2. színű réteg jobbra behúzva jelenik meg a Rétegek panelen, és azt mondja nekünk, hogy ez most "meg van ragasztva" az alatta lévő réteg tartalmához, vagyis ez csak az 1. réteg körmintáját érinti:
A behúzott réteg azt jelenti, hogy a közvetlenül alatta levő rétegre ragasztják.
És a dokumentumablakban látjuk az eredményeket, amire számítottunk, amikor hozzáadtuk a kitöltési réteget. A fekete körök a sötétebb kék háttérhez képest világoskéknek tűnnek:
Ugyanaz a fekete-fehér mintázat, most már színes.
Rövid kódok, műveletek és szűrők beépülő modul: Hiba a rövid kódban (hirdetések-alapok-középső)
Változó színek
Korábban megemlítettem, hogy a kitöltő rétegek nagyobb rugalmasságot biztosítanak, mint ha a rétegeket Photoshop Fill parancsával kellett kitöltenünk, ennek oka az, hogy bármikor megváltoztathatjuk a kitöltő réteg színét. A kitöltő réteg színének megváltoztatásához egyszerűen kattintson duplán a Rétegek panelen lévő indexképére . Változtassuk meg háttérünk színét. Kattintson duplán a Háttér réteg felett ülő Szín kitöltése 1 réteg miniatűrére:
Kattintson duplán közvetlenül a miniatűrre a Color Fill 1 réteghez.
Ez újra megnyitja a Színválasztót, lehetővé téve számunkra, hogy másik színt válasszunk. Ezúttal a cseresznye színét választom, ha R értékre 204- et, G-re 32 és B-re 130-at írunk :
Új háttér szín kiválasztása.
Kattintson az OK gombra, hogy bezárja a színválasztót, és a dokumentum azonnal frissül az új háttér színünkkel:
A háttér színe könnyen megváltozott.
A körök színének megváltoztatása ugyanolyan egyszerű. Egyszerűen kattintson duplán a miniatűrre a Color Fill 2 réteghez:
Kattintson duplán a Color Fill 2 bélyegképére.
Ez újra megnyitja a Színválasztót, így új színt választhatunk. Világosabb rózsaszínűt választom, ha R értékre 218- at, G-re 144 és B-re 161 értéket adok meg:
Új szín kiválasztása a körmintához.
Kattintson az OK gombra, hogy bezárja a színválasztót, és ismét a dokumentum azonnal frissül, ezúttal a körök új színével:
Megváltozott a háttér és a kör mintázata.
Színátmenetek hozzáadása az ismétlődő mintákhoz
Színátmeneteket is hozzáadhatunk mintázatunkhoz, és a lépések nagyon hasonlóak. Valójában az egyetlen valódi különbség az, hogy a Szilárd színű töltőréteg hozzáadása helyett a Színátmeneti töltőréteget is hozzáadjuk! A két egyszínű kitöltési réteget törli, ha rákattintana mindegyikre, és húzza le a Rétegek panel alján lévő kukába .
Megváltozott a háttér és a kör mintázata.
A kitöltő rétegek eltűnésével a minta visszatér eredeti fekete-fehér színéhez:
Fekete körök, fehér háttér előtt ismét.
Színezzük a köröket színátmenettel. Először kattintson az 1. rétegre annak kiválasztásához, így az a színátmeneti kitöltési réteg, amelyet éppen hozzá akarunk adni, fölé kerül:
Válassza az 1. réteget.
Emlékszel, mi történt, amikor a Színes kitöltő réteget hozzáadtuk a kör mintához? Az egész dokumentum megtelt a választott színnel, amíg a problémát egy vágómaszk segítségével kijavítottuk. Szükségünk lesz egy vágómaszkra a Színátmeneti kitöltő réteghez is, de ezúttal tegyünk egy parancsikont. Ha az 1. réteg van kiválasztva, tartsa lenyomva az Alt (Win) / Opció (Mac) billentyűt, majd kattintson az Új kitöltés vagy a Beállítási réteg ikonra:
Kattintson az Új kitöltés vagy a Korrekciós réteg ikonra.
Válasszon egy Színátmeneti kitöltési réteget a megjelenő listából:
Válassza a Gradient elemet a listából.
Ha lenyomva tartja az Alt (Win) / Opciót (Mac), miközben az Új kitöltés vagy a Beállítási réteg ikonra kattint, a Photoshop megnyitja az Új réteg párbeszédpanelt, ahol beállíthatunk néhány lehetőséget a Színátmeneti kitöltő réteghez, mielőtt hozzáadnánk. Az érdekli az a lehetőség, amely szerint az Előző réteg használata a vágómaszk létrehozásához használható . Kattintson a jelölőnégyzet belsejére, hogy kiválassza. Ha ezt az opciót választja, a Színátmeneti kitöltő réteg automatikusan levágódik az alatta lévõ 1. rétegbe, megmentve minket attól, hogy késõbb maguknak kell ezt megtenni:
Válassza az Előző réteg használata vágómaszk létrehozásához lehetőséget.
Az Új réteg párbeszédpanel bezárásához kattintson az OK gombra. Megnyílik a Színátmenet kitöltése párbeszédpanel, ahol kiválaszthatjuk a használni kívánt gradienst. Kattintson a színátmenet előnézeti miniatűrére :
Kattintson a gradiens előnézeti miniatűrére.
Ezzel megnyílik a Photoshop Gradient Editor . A párbeszédpanel tetején, a Presets részben található miniatűrök sorozata, amelyen bemutatjuk azokat a kész színátmeneteket, amelyek közül választhatunk. Egyszerűen kattintson a miniatűrre a gradiens kiválasztásához. Minden alkalommal, amikor rákattint egy miniatűrre, előnézetet lát majd arról, hogy a színátmenet hogyan fog kinézni a dokumentumablakban. Például, ha valami igazán fényes és színest szeretne, akkor kipróbálhatja a Spektrum gradienst a bélyegképére kattintva:
Kattintson a Spectrum gradiens miniatűrjére annak kiválasztásához.
A dokumentum ablakban láthatjuk, hogyan fog kinézni a Spectrum gradiens. Vegye figyelembe, hogy a gradiens csak a köröket érinti, mivel az Előző réteg használata a vágómaszk létrehozásához lehetőséget választottuk, amelyet egy pillanattal ezelőtt az Új réteg párbeszédpanelen választottunk:
A Spectrum gradiens a fekete köröket színes szivárványré változtatja.
Alapértelmezés szerint a Photoshop nem ad sok gradienst, amelyek közül választhatunk, de vannak más gradienskészletek is. Megtalálásához kattintson a kis nyíl ikonra a gradiens miniatűrök felett:
Kattintson a kis nyíl ikonra.
A nyílra kattintva megnyílik egy menü, amely tartalmazza a betölthető további gradienskészletek listáját. Nyilvánvaló, hogy itt nem megyünk keresztül mindegyikükön, mivel egyszerűen kipróbálhatod őket, de példaként válassza ki a Color Harmonies 2 készletet a listából:
A Color Harmonies 2 gradienskészlet kiválasztása.
Miután kiválasztotta a színátmenetek halmazát, a Photoshop megkérdezi, hogy szeretné-e kicserélni az aktuális színátmeneteket az új halmazra, vagy csak fel kívánja őket csatolni - ez megtartja az aktuális színátmeneteket, és hozzáadja hozzájuk az újakat. Válassza a Függelék lehetőséget :
Adja hozzá az új színátmeneteket a jelenlegihez a hozzáadás választásával.
Az új színátmenetek az eredeti színátmenetek után jelennek meg a Színátmenet szerkesztő Presets területén. Csakúgy, mint az eredeti dokumentumoknál, az új színátmenetek kiválasztására és előnézetének megtekintésére az indexképre kattintva is választhat. A kék, sárga, rózsaszín színátmenetre kattintva választom ki:
A kék, sárga, rózsaszín színátmenet miniatűrére kattintva.
A körmintát most az új színátmenet lágyabb színei színezik:
Az új színátmenet lágyabb, kevésbé intenzív megjelenést kölcsönöz a mintának.
Miután megtalálta az ismétlődő mintának megfelelő színátmenetet, kattintson az OK gombra, hogy bezárja a Színátmenet szerkesztőt, majd kattintson az OK gombra, hogy bezárja a Színátmenet kitöltése párbeszédpanelt.
A színátmenet megváltoztatása
Csakúgy, mint a Solid Color kitöltő réteggel, bármikor visszatérhetünk és megváltoztathatjuk a színátmenetünket. Ha a Rétegek panelen nézzük, akkor láthatjuk a Színátmeneti kitöltő rétegünket, amelyet a Photoshop a Gradient Fill 1 elnevezéssel ülve ül az 1. réteg körmintáinak fölött. Ha másik színátmenetre szeretne váltani, kattintson duplán közvetlenül a Színátmeneti kitöltő réteg miniatűrjére :
Kattintson duplán a Színátmenet kitöltő réteg bélyegképére.
Ez újra megnyitja a Színátmenet kitöltése párbeszédpanelt. A színátmenet megváltoztatásához kattintson a gradiens előnézeti miniatűrjére, mint korábban:
Kattintson ismét a színátmenet előnézeti miniatűrére.
Ezzel újra megnyílik a Színátmenet szerkesztő, ahol választhat a többi jelenleg rendelkezésre álló színátmenet közül, vagy más gradienskészletbe is betölti. A kis nyíl ikonra kattintva megnyitom a menüt, amely felsorolja a többi gradienskészletet, és ezúttal a Pastell- készletet választom a listából:
A Pasztell gradienskészlet kiválasztása.
Ezeket az új színátmeneteket hozzáfűzem a többihez úgy, hogy a Függelék lehetőséget választom, amikor a Photoshop felkéri, és az új színátmeneti miniatűrök megjelennek a Színátmenet szerkesztő Presets területén. Ezúttal kiválasztom a zöld, lila, kék színátmenetet:
A zöld, lila, kék színátmenet miniatűrére kattintva kiválaszthatja.
Az új színátmenet kiválasztása után az OK gombra kattintva bezárom a Színátmenet szerkesztőt, majd az OK gombra kattintva bezárom a Színátmenet kitöltése párbeszédpanelt. A körök mostantól az új színátmenet színeire változtak:
A színátmenetes kitöltő rétegekkel bármikor könnyedén válthat a színátmenetekről.
Természetesen nem kell fehér háttérrel ragaszkodnunk. Itt az oktatóanyag első részében leírt lépéseket használtam egyszínű kitöltő réteg hozzáadásához a háttérréteg fölé. A háttérképem új színeként egy közepes lila színt választottam a Color Picker közül (R: 85, G: 80, B: 129):
A Színátmeneti kitöltő réteg színezi a mintát, míg a Szilárd színű kitöltő réteg most kitölti a hátteret.
És itt láthatjuk a Színátmenet kitöltő réteg együttes erőfeszítéseit a körmintán és a Szilárd színű kitöltő réteg együttes erőfeszítéseit a háttérben:
A végeredmény.