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!

Kategória: