Tanulja meg, hogyan hozhat létre szórófesték-szöveges effektusokat a Photoshop alkalmazásban, a levelek sprayre festett háttérrel! Lépésről lépésre a Photoshop CC és korábbi verziói.

Ebben az oktatóanyagban megmutatom, hogyan hozhat létre egy egyszerű, permetezéssel festett szöveghatást, ahol a betűk úgy néznek ki, mintha egy falra vagy egy felületre permetezték volna őket. Azt is megmutatom, hogyan keverjük össze a spay festéket a felülettel a valósághűbb megjelenés érdekében. Mivel a spray-festéket csupán réteghatás és a Photoshop keverési lehetőségeinek felhasználásával készítjük, a szöveg szerkeszthető marad, még ha kész is.

A Photoshop CC legújabb verzióját fogom használni, de a legújabb verziók működni fognak.

Íme egy példa arra, hogyan fog kinézni a permetezéssel festett szöveghatás. Természetesen bármilyen szöveget, hátteret és színt felhasználhat:

Permetezéssel festett szöveghatás.

Lássunk neki!

Hogyan készítsünk spray-festéssel festett szöveget a Photoshop programban

Először megtanuljuk, hogyan kell létrehozni a fő permetezőfesték-effektust, majd megmutatom, hogyan keverjük össze a betűket a háttérrel. Azt is megmutatom, hogyan kell másolni a hatást, hogy további szöveget adjon a tervezéshez, és hogyan lehet megváltoztatni a festék színét.

Ezenkívül az oktatóvideó videóit is követheti. Vagy töltse le ezt az útmutatót nyomtatható PDF formátumban!

1. lépés: Nyissa meg a háttérképét

Mivel a szöveget valamilyen háttérre szeretnénk permetezni, kezdjük a háttérkép megnyitásával. Ezt az Adobe Stock-ből letöltött képet fogom használni:

Az a felület, amelyre a szöveget permetezzük. Hitel: Adobe Stock.

A Rétegek panelen láthatjuk a képet a Háttérrétegen:

A Photoshop Rétegek panele a háttérréteget mutatja.

Kapcsolódó: Tanulja meg, hogyan kell rétegeket használni a Photoshopban

2. lépés: Adja hozzá a szöveget

A szöveg hozzáadásához válassza az Eszköztár Típus eszközét :

A Típus eszköz kiválasztása.

Betűtípus kiválasztása

Ezután válassza a Beállítások sorban a betűtípust. A "HWT Gothic Round" -ot fogom használni, amelyet letöltöttem az Adobe Typekit-ből. Ha nincs hozzáférése ehhez a betűtípushoz, az rendben van. Bármely betűkészlet működni fog:

Betűkészlet kiválasztása az Opciók sorban.

További típusbeállítások

Még mindig az Opciók sávban beállítom a típusméretet 72 pt-re, csak hogy a mostani legnagyobb előre beállított méretet kapjam. És beállítom a szöveg igazítását középpontba .

A színt a fehérre választom, ha rákattintasz a színmintára, és a Photoshop Color Picker fehérjét választom. Nem ezt a színt használjuk a spray-festékhez. Most csak annyit kell tennünk, hogy lehetővé tegyük a szöveg megtekintését, miközben hozzáadjuk:

A szöveg méretének, igazításának és színének beállítása.

A szöveg hozzáadása

Ezután kattintson a dokumentumra, és adja hozzá a szöveget. Beírom a "FESTÉS" szót:

A szöveg hozzáadása.

A szöveg elfogadása

Az elfogadáshoz kattintson a Beállítások sávban 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 és a helyére helyezéséhez lépjen a menüsor Szerkesztés menüjére, és válassza a Ingyenes transzformáció lehetőséget :

Lépjen a Szerkesztés> Ingyenes átalakítás elemre.

Ezután a szöveg átméretezéséhez kattintson és húzza a sarokfogantyúk bármelyikét. A Photoshop CC 2019-től kezdődően a szöveg képaránya automatikusan lezáródik a fogantyúk húzásakor. A Photoshop korábbi verzióiban húzva kell tartania a Shift billentyűt, hogy rögzítse a képarányt a helyén.

A szöveg átméretezéséhez nyomja meg és tartsa lenyomva az Alt (Win) / Option (Mac) gombot húzás közben. És ha át kell helyeznie a szöveget, kattintson a Ingyenes transzformáció mezőbe, és húzza a helyére.

Az elfogadáshoz és a Free Transformból való kilépéshez nyomja meg az Enter (Win) / Return (Mac) billentyűket a billentyűzeten:

A szöveg átméretezése a sarokfogantyú húzásával.

4. lépés: Csökkentse a Type réteg kitöltési értékét 0% -ra

A Rétegek panelen a kép fölött egy új típusú rétegen látjuk a szöveget:

A szöveg megjelenik a saját Type rétegén.

A szórófesték-hatás létrehozásához az első dolog, amit meg kell tennünk, az, hogy szöveget átláthatóvá tegyünk. Ehhez egészen 0% -ra csökkentse a Rétegek panel jobb felső sarkában lévő Kitöltési értéket. Győződjön meg róla, hogy csökkenti a Kitöltés értéket, nem pedig az Opacitás értéket:

A Type réteg kitöltésének 0% -ra csökkentése.

A szöveg teljesen eltűnik. Még mindig ott van, csak átlátszó:

A Kitöltés érték csökkentésével a szöveg láthatatlanná vált.

Mi a különbség az Opacity és a Fill között?

A Rétegek panelen mind az Opacitás, mind a Kitöltés értékek befolyásolják a réteg átlátszóságát. A különbség közöttük az, hogy az Opacitás ellenőrzi a réteg tartalmának és az általunk alkalmazott réteghatások átláthatóságát. A kitöltés viszont csak a réteg tartalmát érinti. Nincs hatással a réteghatásokra.

Ez azt jelenti, hogy a Kitöltés érték csökkentésével rétegeffektusokat alkalmazhatunk szövegre, és a hatásokat még akkor is láthatóak lehetünk, ha maga a szöveg rejtett. És ez engedi, hogy létrehozzuk a spray-festék hatást.

5. lépés: Adjon hozzá árnyékréteg-effektust a Típus-réteghez

A teljes sprayfesték-effektus egyrétegű effektus használatával hozható létre, és egyetlen, amire szükségünk van, a Drop Shadow. Ha a Típus réteg kiválasztva, kattintson a Rétegek stílus ikonjára (" fx " ikon) a Rétegek panel alján:

Kattintson a Rétegstílus ikonra.

Ezután válassza az Árnyék csepp lehetőséget :

Árnyékréteg-effektus kiválasztása.

6. lépés: Állítsa vissza az árnyékcsepp-beállításokat az alapértelmezett értékre

A Rétegstílus párbeszédpanelen kattintson az Alapértelmezés visszaállítása gombra az árnyék alapértelmezett beállításainak visszaállításához, csak azért, hogy mindkettőt ugyanazt látjuk:

Kattintson a Visszaállítás az alapértelmezett gombra.

7. lépés: Változtassa meg a csepp árnyék színét fehérre

Ezután változtassa meg az árnyék színét a színminta kattintással:

A színminta kattintása.

És a Színválasztóban válassza most a fehér lehetőséget, majd kattintson az OK gombra. Kicsit később különböző effektusokat választunk a hatáshoz:

A csepp árnyék színének fehérre állítása.

8. lépés: Változtassa meg az árnyék keverési módját képernyőre

A fehér megjelenítéséhez változtassa meg a csepp árnyék keverési módját Szorzásból (az alapértelmezett keverési mód) képernyőre :

A keverési mód képernyőre váltása.

És azonnal látni kezdjük, hogy a betűk mögött fehér jelenik meg:

A szöveg körül halvány fehér körvonal jelenik meg.

9. lépés: Növelje az árnyék átlátszóságát 100% -ra

A hatás világosabbá tételéhez egészen 100% -ra növelje az árnyék átlátszóságát :

Az átlátszatlanság 100% -ra történő emelése.

És most a hatás könnyebben látható. A csepp árnyék színének feketről fehérere változtatásával és a keverési mód Szorzásról képernyőre változtatásával lényegében izzásra váltottuk árnyékunkat:

Az eredmény az átlátszóság növelése után.

10. lépés: Állítsa be a távolságot és terjessze 0% -ra

Hagyja figyelmen kívül a Szög és a Globális fény opciókat, mivel itt nem számítanak. De csökkentse a távolságot 0px-ra, és ellenőrizze, hogy a szórás 0% -on van-e:

A távolság és a szórás beállítása 0-ra.

A távolság 0 px-re állításával a csepp árnyékát a szöveg mögé összpontosítjuk, halvány körvonalat vagy körvonalat alakítva a betűk körül:

Az eredmény, miután a távolságot 0x-ra csökkentették.

11. lépés: Növelje az árnyék méretét

Az árnyék (vagy ebben az esetben a ragyogás) szélesebb kiszélesítéséhez tovább növelje a Méret értéket:

Az árnyék méretének növelése.

Minél többet növeli, annál szélesebb a ragyogás:

Az eredmény a távolság 0 px-re történő csökkentése után.

12. lépés: Változtassa meg a kontúrt kúpra

Ezen a ponton a hatás eddig nem hasonlít spray-festékre. Világosságunknak inkább a betűk alakja körvonalaként kell megjelennie.

Ennek javításához továbbra is a Rétegstílus párbeszédpanelen lépjen a Minőség szakaszba, kattintson a Kontúr előnézeti miniatűr melletti kis nyílra:

Kattintson a nyílra, nem a bélyegképre.

Ezután válassza ki a Kúp kontúrját dupla kattintással a bélyegképére. Ez a felső sorban, balról a második:

A Kúp kontúr kiválasztása.

A kontúrok befolyásolják az árnyék átlátszóságát, megváltoztatva, hogy az átlátszatlan részről átlátszó területre váltson. És azonnal sokkal erősebb körvonalat látunk a betűk szélein:

A hatás a Kúpkontúrra váltás után.

13. lépés: Jelölje be a "Réteg kihúzza az árnyékot" jelölőnégyzetet.

De vegye figyelembe, hogy annak ellenére, hogy a szövegünk átlátszó, a ragyogás csak annak külső részén jelenik meg. A betűk belső fényét is látnunk kell.

Ennek javításához törölje a jelölést a Layer Knocks Out Drop Shadow jelölésével:

Jelölje be a "Réteg kihúzza az árnyékot" jelölőnégyzet jelölését.

És most a vázlat megjelenik a szöveg kívül és belül is:

A hatás a Kúpkontúrra váltás után.

14. lépés: Ha szükséges, módosítsa újra a Méret értékét

Ezen a ponton valószínűleg vissza kell térnie és újra kell állítania a Méret értéket a körvonal vastagságának megváltoztatásához. Ne menj túl magasra, ellenkező esetben a ragyogás túl messzire terjed. A pontos méret, amelyre szüksége van, a szöveg méretétől függ.

Az én esetemben a méretérték körülbelül 120 képpont lesz, de szükség lehet egy másik értékre:

A Méret érték növelése.

És itt van az eredmény:

A hatás a Méret érték újbóli beállítása után.

15. lépés: Adjon hozzá zajt

Végül adjon hozzá némi zajt a vázlathoz a Noise érték növelésével. Az enyémet 25-30% körülire állítom:

Zaj hozzáadása az effektushoz.

És ha nagyítom, kevés foltot látunk a körvonalakban, így inkább spray-festéknek tűnik.

A használt betűtípus méretétől függően előfordulhat, hogy halvány, kemény élek vannak azokon a területeken, ahol az effektus és a háttér találkoznak. Ebben a képernyőképben láthatja őket a "P" és "A" betűk között. Ezek a szélek eltűnnek, ha a szöveget összekeverjük a háttérrel, és ezt fogjuk csinálni a következők szerint:

A hatás zaj hozzáadása után.

Hogyan keverjük össze a permetezéssel festett szöveget a háttérrel

Ezen a ponton befejeztük az árnyékréteg-effektus használatát. Tehát tanuljuk meg, hogyan keverjük össze a hatást a háttérrel, úgy tűnik, hogy a szöveg valószínűleg spray-re van festett a háttérre, és nem csak az előtte ült. Amikor készen állunk, megmutatom, hogyan kell másolni a hatást további szöveg hozzáadásához, miközben a réteghatások és a keverési lehetőségek érintetlenek maradnak.

16. lépés: Nyissa meg a Photoshop keverési lehetőségeit

Még mindig a Rétegstílus párbeszédpanelen válassza a bal oldali Keverési beállítások kategóriát:

A keverési beállítások megnyitása.

17. lépés: Húzza jobbra a fekete „Alapvető réteg” csúszkát

A keverési opciók alján két csúszka található. A tetején egy "Ez a réteg", az alján pedig "Az alapréteg" található. Ezeket a csúszkákat felhasználhatjuk a szöveg és a háttérkép összekeverésére. És a készlet, amelyre szükségünk van, az alsó (alapvető réteg ):

Az "Alapvető réteg" csúszka a keverési beállításokban.

Figyelje meg a gradiens sáv alatti két csúszkát. A bal oldalon van egy fekete csúszka, a jobb oldalon pedig egy fehér csúszka. Összekeverjük a szöveget a háttérkép sötétebb részeivel. És ehhez szükségünk van a fekete csúszkára .

Kattintson a fekete csúszkara, és kezdje el jobbra húzni:

A fekete csúszkát jobbra húzza.

Húzás közben tartsa szemmel a szöveget, és látni fogja a háttérkép sötétebb részeit. És ahogy tovább húzod, egyre több a háttér jelenik meg:

A fekete csúszka húzásával a háttér sötétebb területei jelennek meg a szövegben.

18. lépés: Ossza fel a fekete csúszkát felére

A probléma az, hogy a szöveg és a háttér közötti átmenet nagyon kemény. Sima átmenetek létrehozásához nyomja meg és tartsa lenyomva az Alt (Win) / Option (Mac) gombot a billentyűzeten. Kattintson a fekete csúszka jobb oldalára, és húzza el balról. Ez a csúszkát két részre osztja:

Tartsa lenyomva az Alt (Win) / Opciót (Mac) és húzza szét a csúszkát.

19. lépés: Állítsa be a csúszkákat a sima átmenet létrehozásához

A csúszka bal fele most szabályozza a fényerőt, ahol a szöveg megjelenik a háttér előtt. A jobb oldalon állítja a fényerőt, ahol a szöveg teljesen láthatóvá válik, és a háttér már nem jelenik meg rajta. A két csúszka közötti terület átmeneti területré válik, ahol a szöveg és a háttér összekeverednek. Minél távolabb húzza a csúszkákat, annál fokozatosabban jelenik meg az átmenet.

Állítsa be a csúszka mindkét felét, amíg elégedett vagy a hatással. Itt nincs konkrét érték, amelyet használni szeretne, mivel az a háttérképétől függ.

Eseményemben a bal oldali felét 10-es fényerősségi szintre, a jobboldali 60-as fényerősségre állítom. Más szavakkal, a háttérkép minden olyan területét, amely 10-nél nagyobb vagy annál sötétebb fényerővel érinti, teljesen mutasd meg a szövegen. A 60 vagy ennél világosabb fényerősségű területeket a szöveg teljesen elrejti. És a világossági szintek (11–59) között vannak az átmenet:

Saját fényerősségi szintjeim a csúszka bal oldalán (10) és jobb oldalán (60).

És mivel a szöveg keveredik a képpel, sokkal realisztikusabb megjelenésű spray-festékhatást kapunk:

A szöveg hatása a háttérhez képest.

20. lépés: Bezárja a Rétegstílus párbeszédpanelt

Elkészültünk a főhatással, tehát folytassa és zárja be a Rétegstílus párbeszédpanelt az OK gombra kattintással:

A párbeszédpanel bezárásához kattintson az OK gombra.

És a Rétegek panelen látjuk, hogy a Drop Shadow-ot effektusként soroljuk be a Type réteg alatt. Az "fx" ikon mellett egy "Keverési beállítások" ikont is látunk, amely azt mondja nekünk, hogy a réteghez vannak néhány fejlett keverési beállítás is:

A Típus réteg most bemutatja az Árnyék és a keverési lehetőségeket.

Hogyan lehet lemásolni a spray-festéssel festett szöveges effektusokat

Ezen a ponton könnyű több spray-festéssel festett szöveget hozzáadni.

21. lépés: Másolja a Típus réteget

Csak annyit kell tennünk, hogy megismételjük a Type réteget. Egyszerűen húzza le a Rétegek panel alján található Új réteg hozzáadása ikonra:

Húzza a Típus réteget az Új réteg hozzáadása ikonra.

A Típus réteg egy példánya megjelenik az eredeti felett, kiegészítve árnyékcsepp-effektusunkkal és keverési lehetőségeinkkel:

A Rétegek panelen most megjelenik mindkét Típusréteg.

22. lépés: Válassza ki az Áthelyezés eszközt

A szöveg áthelyezéséhez válassza az Áthelyezés eszközt az Eszköztáron:

A Mozgatás eszköz kiválasztása.

23. lépés: Helyezze a szöveget a helyére

Ezután kattintson a szövegre, és helyezze a helyére. Húzza felfelé a szöveg másolatát:

Húzza a másolt szöveget a háttérkép tetejére.

Aztán a Rétegek panelen rákattint az eredeti Típus rétegre, hogy kiválassza:

Az eredeti Type réteg kiválasztása.

És lefelé húzom az eredeti szöveget:

Az eredeti szöveg húzása a háttérkép aljára.

Hogyan kell szerkeszteni a spray-festéssel festett szöveget

Mivel a szövegünk továbbra is szerkeszthető, könnyen szerkeszthető és megőrizhetjük a spray-festék hatását.

24. lépés: Válassza ki a Típus eszközt

Nem akarom, hogy mindkét szó ugyanaz legyen, ezért a felső szöveg szerkesztéséhez az Eszköztáron kiválasztom a Típus eszközt:

A Típus eszköz kiválasztása.

25. lépés: Válassza ki és szerkessze a szöveget

Ezután dupla kattintással rákattint a szót, hogy kiemelje azt:

A felső szó kiemelése dupla kattintással a Típus eszközzel.

És a "PAINT" szót "SPRAY" -re változtatom:

A szöveg szerkesztése.

Ahhoz, hogy elfogadjuk, rákattintunk a Beállítások sorban található pipára :

Kattintson a pipara.

26. lépés: A szerkesztett szöveg átméretezése a Free Transform segítségével

Átméretezem a felső szöveget, ha felmegyek a Szerkesztés menübe, és kiválasztom a Ingyenes transzformáció lehetőséget :

Lépjen a Szerkesztés> Ingyenes átalakítás elemre.

Aztán meghúzom a felső sarok fogantyúit, hogy átméretezzem a szót, hogy az azonos szélességű legyen, mint az alsó szó. Ahhoz, hogy elfogadjuk, megnyomom az Enter (Win) / Return (Mac) billentyűzetet:

A szöveg másolatának átméretezése.

Hogyan kell megváltoztatni a permetezőfesték színét?

És végül nézzük meg, hogyan lehet megváltoztatni a hatás színét.

27. lépés: Kattintson duplán az árnyékrétegréteg-effektusra

A szórófesték színének megváltoztatásához kattintson duplán a "Drop Shadow" szóra a Type réteg alatt. Ha egynél több Type réteggel rendelkezik, akkor győződjön meg arról, hogy duplán kattint a szerkeszteni kívánt rétegre.

Az én esetemben a „SPRAY” szóval kezdjem a tetején:

Kattintson duplán a "Drop Shadow" szavakra.

28. lépés: Kattintson a színes mintára

Ez újra megnyitja a Rétegstílus párbeszédpanelt. Kattintson a színes mintára :

Kattintson a Drop Shadow színes színmintájára.

29. lépés: Válasszon új színt a Színválasztóból

És akkor a Színválasztóban válasszon egy új színt. Megyek valami fényes, mint a sárga:

Új szín kiválasztása a spray-festékhez.

Kattintson az OK gombra a Színválasztó bezárásához, majd kattintson az OK gombra a Rétegstílus párbeszédpanel bezárásához. És most a felső szöveg sárga színű:

Az eredmény a felső szöveg színezése után.

Az alsó szöveg színének megváltoztatása

Ugyanezt fogom tenni az alsó szöveggel. Kattintson duplán a "Drop Shadow" szavakra a Rétegstílus párbeszédpanel újbóli megnyitásához:

Az árnyékréteg effektus újbóli megnyitása a "PAINT" szóhoz.

Aztán rákattint a színmintára:

Kattintson a Drop Shadow színes színmintájára.

És új színt választok a Színválasztóból. Az alsó szöveghez ismét valami fényes, például egy vöröses rózsaszínűvel megyek:

A festék második színének kiválasztása.

A Színválasztó bezárásához ismét kattintson az OK gombra, majd az Rétegstílus párbeszédpanel bezárásához az OK gombra.

És itt, miután mindkét szóhoz színt adtam, az a végső eredményem:

A kész spray-festéssel festett szöveghatás.

És ott van! Így lehet spray-festéssel festett szöveget létrehozni a Photoshop-ban! Nézze meg a Photo Effects és a Text Effects szakaszokat további oktatóanyagokért. És ne felejtsük el, hogy az összes oktatóanyag letölthető PDF formátumban!

Kategória:

A Photoshop alapjai