Ebben az oktatóanyagban megmutatom, hogyan hozhat létre átfedő betűs szöveges effektusokat a Photoshop alkalmazásban, olyan színekkel, amelyek összekeverednek, ahol a betűk átfedésben vannak! Mint látni fogjuk, ez nem csak egy szórakoztató és színes hatás, hanem nagyon egyszerű létrehozni. Csak hozzáadunk egy szöveget, konvertáljuk a betűket alakzatokba, megváltoztatjuk az egyes betűk színét, majd egymáshoz közelebb mozgatjuk a betűket, hogy átfedésük legyen. A színek keveréséhez az átfedő területeken a Photoshop egyik rétegkeverési módját használjuk. Lássuk, hogyan működik!
Így fog kinézni a végső "átfedő betűk" szöveghatás, amikor kész:
A végső hatás.
Lássunk neki!
Átfedő szöveg létrehozása a Photoshopban
A Photoshop CC-t használom, de minden lépés teljesen kompatibilis a Photoshop CS6-tal.
1. lépés: Hozzon létre egy új dokumentumot
Kezdje egy új Photoshop dokumentum létrehozásával. Menjen fel a menüsorban a menüsorba, és válassza az Új lehetőséget :
Lépjen a Fájl> Új elemre.
Az Új dokumentum párbeszédpanelen állítsa a szélességet 1600 pixelre, a magasságot 800 pixelre, a felbontást 72 pixel / inch-re, és a háttértartalmat fehérre . Kattintson a Létrehozás vagy az OK gombra (attól függően, hogy a Photoshop melyik verzióját használja) a párbeszédpanel bezárásához és az új dokumentum létrehozásához:
Az új dokumentum opcióinak beállítása.
2. lépés: Adja hozzá a szöveget
Válassza a Típus eszközt az Eszköztáron:
A Típus eszköz kiválasztása.
Válassza ki a betűtípust az Opciók sorban. A vastagabb betűtípusok általában a legjobban működnek ehhez a hatáshoz. Az Avenir Next Bold-ot fogom használni. Írja be a típus méretét 72 pt-re . Mi átméretezzük a szöveg méretét, miután hozzáadtuk, de ez megadja a legnagyobb előre beállított méretet, amely kezdődik:
A betűtípus és a méret kiválasztása.
Győződjön meg arról, hogy a típus színe feketére van állítva, hogy láthassuk a szöveget a fehér háttér előtt. Ha nem fekete értékre van állítva, nyomja meg a billentyűzet D betűjét a visszaállításhoz. Miután átalakítottuk szövegünket alakzatokká, minden betűhez különböző színeket választunk:
Az Opciók sávban a színminta megjeleníti az aktuális típusú színt.
Kattintson a dokumentum belsejére, és adja hozzá a szöveget. Beírom a "SZÍNES" szót:
A kezdeti szöveg hozzáadása a dokumentumhoz.
A szöveg elfogadásához kattintson a Beállítások sorban található pipára :
Kattintson a pipara.
3. lépés: méretezze át és helyezze át a szöveget a Free Transform segítségével
A szöveg átméretezéséhez lépjen a Szerkesztés menübe, és válassza a Ingyenes transzformáció lehetőséget :
Lépjen a Szerkesztés> Ingyenes átalakítás elemre.
A Photoshop elhelyezi a Ingyenes transzformáció mezőt, és kezeli a szöveget. Átméretezéséhez tartsa lenyomva a Shift billentyűt, amikor rákattint és húzza a sarokfogantyúk egyikét . Ha lenyomva tartja a Shift billentyűt, miközben húzza, rögzíti a betűk eredeti alakját, hogy ne torzítsák őket. Győződjön meg arról, hogy ha kész, először engedje el az egérgombot, majd engedje el a Shift billentyűt, különben váratlan eredményeket kap.
A szöveg áthelyezéséhez a dokumentum közepére kattintson és húzza a Szabad átalakítás mezőbe. Ha elégedett a szöveg méretével és helyzetével, nyomja meg az Enter (Win) / Return (Mac) billentyűzetet a Free Transformból való kilépéshez:
Húzza a sarokfogantyút, miközben lenyomva tartja a Shift billentyűt a szöveg átméretezéséhez.
4. lépés: Konvertálja a szöveget alakzatokba
A Rétegek panelen a szöveg egy új típusú rétegen jelenik meg a háttérréteg felett:
A Rétegek panelen az új Type réteg látható.
Leveleket alakokra kell alakítanunk. Ha a Típus réteg kiválasztva, lépjen a menüsor Típus menüjére, és válassza a Konvertálás alakjába lehetőséget :
Lépjen a Type> Convert to Shape elemre.
A Rétegek panelen a Type réteg most egy Shape réteg, ami azt jelenti, hogy a szövegünk már nem szerkeszthető:
A Type réteg most Shape réteg.
És a dokumentumban a betűk körüli útvonalak láthatók, tudatva velünk, hogy a szöveg valójában forma:
A szöveget alakvá alakították.
Kapcsolódó: Hogyan rajzoljunk alakzatokat a Photoshop programban
5. lépés: Helyezze az egyes betűket a saját rétegére
A betűk átfedéséhez és a színek összekeveréséhez minden egyes betűt külön rétegre kell helyezni. Fogja meg az Útválasztó eszközt (a fekete nyíl eszközt) az Eszköztárról:
Az Útválasztó eszköz kiválasztása.
Ezután a Photoshop CC-ben menjen fel az Opciók sávra, és váltson a Kiválasztás opcióra Minden rétegre . Ez megkönnyíti az egyes betűk kiválasztását. A Photoshop CS6 alkalmazásban ez a lehetőség nem érhető el, de a betűket ugyanúgy választhatja meg:
A "Kiválasztás" átváltása "Minden rétegre" (csak a Photoshop CC esetén).
A dokumentumablakban kattintson a bárhol a fehér háttér bármelyik elemére a betűk kijelölésének megszüntetéséhez. Ezután kattintson a bal oldali első betűre a kiválasztásához. Csak egy betű körül jelenik meg egy útvonal vázlata:
A szó első betűjének kiválasztása.
Ha ezt az egy betűt a saját rétegére szeretné helyezni, lépjen a Réteg menübe, válassza az Új lehetőséget, majd válassza az Alakréteg vágáson keresztül lehetőséget (feltétlenül válassza a Vágás és nem a Másolás lehetőséget). Vagy gyorsabb módszer (és ahogyan ezt a hatást ajánlom) a Shift + Ctrl + J (Win) / Shift + Command + J (Mac) billentyűk megnyomása a billentyűzeten:
Ugrás a Réteg> Új> Alakréteg vágással.
Nem úgy néz ki, mintha bármi történt volna, de a Rétegek panelen láthatjuk, hogy az első betű a saját alakja rétegbe került az eredeti felett:
Az első betű a saját rétegére került.
Folytassa a betűk mozgatását a saját rétegeikre
A fennmaradó betűk áthelyezéséhez külön rétegekbe kattintson a levél kiválasztására az Útválasztó eszköz segítségével (a Photoshop CS6-ban duplán kattintania kell). Ezután nyomja meg a Shift + Ctrl + J (Win) / Shift + Command + J (Mac) gombokat, hogy levágja az eredeti alakréteg betűjét a saját rétegére. Folytassa a betűk mozgatását egyenként balról jobbra, mindegyik külön rétegen van. Amikor eléri a jobb oldali végső levelet, akkor hagyhatja el, mert ez lesz az egyetlen levél az eredeti alakrétegen:
A Rétegek panel, amely a szó minden betűjét a saját rétegén mutatja.
6. lépés: Változtassa meg a betűk keverési módját Szorzásra
Egy pillanat alatt megváltoztatjuk az egyes betűk színét, és egymáshoz közelebb húzzuk a betűket, hogy átfedésük legyen. Mivel azt szeretnénk, ha az átfedő területeken a színek összekeverednének, meg kell változtatnunk az egyes alakrétegek keverési módját. A Photoshop lehetővé teszi, hogy gyorsan megváltoztassuk a többrétegű keverési módot egyszerre.
Kattintson a Rétegek panelen a felső rétegre annak kiválasztásához. Ezután a többi alakréteg kiválasztásához is tartsa lenyomva a Shift billentyűt, majd kattintson az eredeti alakrétegre közvetlenül a háttérréteg felett:
Az összes betű kiválasztása egyszerre.
Változtassa meg a Rétegek panel bal felső sarkában lévő keverési módot Normálról Szorzásra . Amint elkezdjük átfedni a betűket, meglátjuk a Szorzás keverési mód hatását:
A Shape rétegek keverési módjának megváltoztatása Szorzásra.
7. lépés: Helyezze a Shape rétegeket egy rétegcsoportba
Amíg a Shape rétegeket kiválasztottuk, tegyük őket rétegcsoportba. Kattintson a Rétegek panel jobb felső sarkában található menüikonra :
A Rétegek panel menü megnyitása.
Ezután válassza a Új csoport lehetőséget a Rétegek közül :
Az új csoport kiválasztása a Rétegek menüből.
Az Új csoport a rétegekből párbeszédpanelen adja meg a csoport "Betűk" nevét, majd kattintson az OK gombra:
A rétegcsoport elnevezése.
A Rétegek panelen a Shape rétegek most egy "Betűk" nevű csoportban jelennek meg. Kattintson a mappaikon bal oldalán lévő háromszögre, hogy megcsavarja a nyitott csoportot:
A csoporton belüli Shape rétegek megtekintése.
8. lépés: Módosítsa az egyes betűk színét
Változtassuk meg az egyes betűk színét. A bal oldalon lévő első betűvel kezdjük. Kattintson duplán a Rétegek panelen lévő felső alakú réteg bélyegképére :
Kattintson duplán az Alakréteg felső miniatűrjére.
Ezzel megnyílik a Photoshop Színválasztó . Én választom a világoskék. Ahhoz, hogy ugyanazt a színt használjam, amelyet R használ, állítsa az R értéket 30-ra, G- értéket 117-re és B- értéket 197-re :
Világoskék kiválasztása a szó első betűjéhez.
Kattintson az OK gombra a Színválasztó bezárásához, és az első betű új színnel jelenik meg:
Az első betű most világoskék.
A második betű színének megváltoztatásához kattintson duplán a Rétegek panelen lévő indexképére:
Kattintson duplán a második alakú réteg miniatűrjére.
Válasszon másik színt a Színválasztóban. A zöld színt úgy választom, hogy R értékét 25-re, G értékét 161-re és B értékét 53-ra állítják:
Világos zöld kiválasztása a második betűhöz.
Kattintson az OK gombra, és a második betű zöld színben jelenik meg (vagy a választott színt):
Két szín lefelé, hat menni.
A fennmaradó betűk színének megváltoztatása
Folytassa a szó minden betűjének színének megváltoztatását, kattintson duplán a Rétegek panelen lévő miniatűrre, és új színt válasszon a Színválasztóból. A harmadik betű (" L ") esetében a sárga ( R = 255, G = 190, B = 0 ), a negyedik betű (" O ") pedig a bíborvörös ( R = 158), G = 33, B = 150 ). Az "R " esetén narancssárga ( R = 244, G = 99, B = 36 ), az " F " esetén pedig egy élénk rózsaszínet választunk ( R = 243, G = 43, B = 104 ).
A második utolsó betűt (" U ") ugyanolyan kékre cserélem, mint az első betűre ( R = 30, G = 117, B = 197 ). És végül ugyanazt a sárgát használom az utolsó betűre (" L "), mint a harmadik betűre ( R = 255, G = 190, B = 0 ):
Mindegyik betű most különböző színű.
9. lépés: Adjon hozzá egy színátmenetet a rétegcsoporthoz
A szöveg határozottan színesebbnek tűnik, de a színeket tovább javíthatjuk, ha maga a rétegcsoportot alkalmazunk egy színátmenettel. Kattintson a Rétegek panel tetején található "Betűk" rétegcsoportra a kiválasztáshoz:
A "Betűk" rétegcsoport kiválasztása.
Ezután kattintson a Rétegstílus ikonra (az "fx" ikonra) a Rétegek panel alján:
Kattintson a Rétegstílusok ikonra.
Válassza a Gradient Overlay elemet a listából:
A színátmenet-átfedés kiválasztása.
Ez megnyitja a Photoshop Rétegstílusa párbeszédpanelt, amely a Színátmeneti overlay beállításokra van állítva. Kattintson a gradiensminta melletti háromszögre a Színátválasztó megnyitásához. Ezután válassza ki a Fekete, Fehér színátmenetet dupla kattintással a miniatűrre (balról a harmadik, felső sor):
A fekete, fehér színátmenet kiválasztása.
Állítsa a Blend módot Overlay-re, az Opacitást 100% -ra, a Stílusot Lineárisra és a szöget 90 ° -ra, majd kattintson az OK gombra:
A Színátmenet overlay lehetőségek.
Ha a fekete-fehér színátmenetet közvetlenül a rétegcsoportra alkalmazza, és a keverési módot Overlay-re állítja, az egyes betűk sík színét gradiensré változtatja, a tetején világosabb a színárnyalat, alul pedig a sötétebb:
A színátmenet-átfedés hozzáadása a csoporthoz gyors módja annak, hogy a sima színeket színátmenetekké alakítsa.
Kapcsolódó: Hogyan rajzoljunk színátmeneteket a Photoshopban
10. lépés: Válassza ki az Áthelyezés eszközt, és állítsa az Rétegek automatikus kiválasztása elemre
Ezen a ponton csak annyit kell tennie, hogy közelebb húzza a betűket egymáshoz, hogy átfedésük legyen. Az eszköztáron válassza az Áthelyezés eszközt :
A Mozgatás eszköz kiválasztása.
Ezután az Opciók sorban ellenőrizze, hogy az Auto-Select be van-e kapcsolva (be van-e jelölve), és hogy a Réteg, nem pedig a Csoport értékre van-e állítva. Ez lehetővé teszi, hogy mindegyik betűt kiválasztjuk, csak rákattintva:
Az Auto-Select bekapcsolása és a Réteg beállítása.
11. lépés: Húzza össze a betűket, hogy átfedésük legyen
Kattintson egy levélre a Mozgatás eszközzel a kiválasztásához. Az adott levél alakú rétege kiemelkedik a Rétegek panelen. Ezután húzza a betût a mellette lévõ betûre, amíg a betûk egy része át nem fedik egymást. Tartsa lenyomva a Shift billentyűt húzás közben, hogy megkönnyítse az egyenes húzást. Itt kattintottam a második betűre (a zöld „O”), és kissé áthúztam az első betűbe („C”). Vegye figyelembe, hogy azokon a területeken, ahol a két betű átfedésben van, az egyes betűk színei összekeverednek:
Kattintson egy betűre a kiválasztáshoz, majd húzza rá a mellette lévő levél egy részére.
Kattintson a harmadik betűre ("L"), hogy kiválassza, majd húzza balra, miközben lenyomva tartja a Shift billentyűt, amíg az egyik része átfedésben van az "O" betűvel. Ne felejtsen el egyszer kattintani a betű kiválasztásához, engedje el az egérgombot, majd másodszor kattintva húzza át, mert különben egyszerre két betűt választ és mozgat. Más szavakkal, mielőtt mozgatná, győződjön meg arról, hogy a mozgatni kívánt betű Shape rétege ki van emelve a Rétegek panelen:
Az átfedő szöveghatás kialakul.
Ha véletlenül két betűt választott ki és mozgatott egyszerre, nyomja meg a Ctrl + Z (Win) / Command + Z (Mac) billentyűket az utolsó lépés visszavonásához. Kattintson a fehér háttér bármely pontjára a betűk kijelölésének megszüntetéséhez, majd kattintson a betűre, amelyet ki kell választania.
A fennmaradó betűk mozgatása
Addig húzza tovább a fennmaradó betűket, amíg mind átfedik egymást. Ne felejtse el egyszer kattintani egy levélre a kiválasztáshoz, engedje el az egérgombot, majd másodszor kattintva mozgassa azt. A billentyűket a bal és a jobb nyílbillentyűkkel balra és jobbra is beillesztheti. Íme az eredmény, miután átfedte a fennmaradó betűket. Az egyetlen probléma az, hogy miután a betűket egymáshoz közelebb helyezte, a szó túl kicsinek tűnik a dokumentumban. Az oktatóanyag befejezéséhez megtanuljuk, hogyan kell átméretezni a következőt:
A hatás az egyes betűk áthelyezése után az átfedés.
12. lépés: méretezze át a szöveget
Mivel minden betűnk külön rétegeken helyezkedik el, a hatás átméretezéséhez a rétegeket csoportként kell átméreteznünk. Kattintson ismét a Rétegek panel tetején található "Betűk" rétegcsoportra annak kiválasztásához:
A rétegcsoport kiválasztása.
Nyomja meg a Ctrl + T (Win) / Command + T (Mac) billentyűzetet a Photoshop Free Transform parancs gyors kiválasztásához. Ezután, csakúgy, mint korábban, tartsa lenyomva a Shift billentyűt, és húzza a sarokfogantyúk bármelyikét a szöveg átméretezéséhez. Mozgassa a szöveget az áthelyezéshez, ha rákattint és húzza a Szabad átalakítás mezőbe:
A hatás átméretezése a Free Transform segítségével.
Nyomja meg az Enter (Win) / Return (Mac) gombot a billentyűzeten, hogy kilépjen a Free Transformból, és kész! Itt, a levélköz távolságának néhány kisebb módosítása után, a végső "színes, egymást átfedő betűk" szöveges effektusom van:
A végső hatás.
És ott van! Így lehet létrehozni egy átfedő betűs szöveghatást, és hogyan keverheti össze az átfedő színeket a Photoshop-ban! Ne felejtse el megnézni a Szöveghatások szakaszokat további oktatóanyagokért!