Ebben az oktatóanyagban megmutatom, hogyan helyezhet el képet egy szövegbe a Photoshop segítségével. De nem csak egy szó vagy egyetlen szövegsor kitöltése, hanem továbblépünk a dolgokba és megtanulunk egy egyszerű trükköt, amely lehetővé teszi a kép azonnali kettő vagy több típusú rétegbe helyezését!
Egy előző oktatóprogramban megtanultuk, hogyan lehet létrehozni egy alapképet szöveges effektusban, ahol a képet egyetlen szóval helyezzük el. A hatás létrehozásához csupán annyit kellett tennünk, hogy másolatot készítsünk a képről, vigyük a Típus réteg fölé, majd egy vágómaszk segítségével vágjuk le a képet a szövegre. De mi van, ha több szó van, mindegyik különálló rétegben, amelyeket ugyanazzal a képpel kell kitöltenie? Hogyan lehet egy képet két, három vagy több típusú rétegre elrendezni egyszerre? Ebben az oktatóprogramban megvizsgáljuk a felmerült problémát és az egyszerű megoldást!
Így néz ki a végső effektus, vagy annak legalább egy variációja, három szóval, mindegyik különálló rétegben, ugyanazzal a képpel tele. Az oktatóprogram végén megtanuljuk, hogyan lehet testreszabni a hatást a háttér színének megváltoztatásával, a réteghatások hozzáadásával és a háttér átlátszóságának beállításával:
A végső hatás.
Lássunk neki!
Hogyan lehet szöveget kitölteni egy képpel
A Photoshop CC-t fogom használni, de a legújabb verziók működni fognak.
1. lépés: Nyissa meg a képet
Nyissa meg a képet, amelyet a szövegbe szeretne helyezni. Ezt az Adobe Stock-ből letöltött képet fogom használni:
A kép, amelyet a szövegbe helyezünk. Fotók: Adobe Stock.
2. lépés: Adja hozzá a szöveget
Adja hozzá a szöveget a dokumentumhoz, és helyezze a kép elé, ahol szüksége van rá. Ha a Rétegek panelen nézzük, láthatjuk, hogy már hozzáadtam egy szöveget, és minden szó ("MEGFELELÉS", "A" és "TÉRKÉP") külön típusú rétegen van. Maga a kép az alattuk lévő háttérrétegen helyezkedik el. Bekapcsolom a szöveget az egyes Típus rétegek láthatósági ikonjára kattintva :
Mindhárom típusú réteg bekapcsolása.
És itt látjuk mind a három szót a kép előtt. Mostantól a fekete színt kell használni a típusként, okokból, amelyeket egy pillanat alatt meglátunk:
A szöveg hozzáadva és a kép elé helyezve.
3. lépés: Adjon hozzá egyszínű kitöltő réteget a háttérréteg fölé
Adjuk hozzá a háttér színét az effektushoz. Egyszínű töltőréteget fogunk használni. Ez megkönnyíti a háttér változtatását bármilyen tetsző színre, amint később meglátjuk. Kattintson a Rétegek panelen a Háttér rétegre annak kiválasztásához:
A háttérréteg kiválasztása.
Ezután kattintson a Rétegek panel alján található új kitöltési vagy beállítási réteg ikonra:
Kattintson az Új kitöltés vagy a Beállítási réteg ikonra.
Válassza a Színű lehetőséget a lista tetején:
Egyszínű töltőréteg hozzáadása.
A Színválasztóban válassza a fehér elemet, majd kattintson az OK gombra:
A fehér szín kiválasztása háttérként.
A dokumentumban a szöveg most egy fehér háttér előtt ül (ezért választottuk a fekete színű típust). Az oktatóprogram végén megtanuljuk, hogyan lehet megváltoztatni a háttér színét:
A dokumentum a fehér kitöltő réteg hozzáadása után.
A Rétegek panelen egyszínű töltőréteget ("Color Fill 1") látunk, amely a Típusrétegek és a Háttérréteg között ül, ezért a töltőréteg jelenleg blokkolja a képet a nézetből:
A Rétegek panelen a fehér kitöltő réteg látható.
4. lépés: Másolja a háttérréteget
Készítsünk egy másolatot a képről, és a szöveg fölé kell helyeznünk. Kattintson ismét a Háttér rétegre annak kiválasztásához:
A háttérréteg újratelepítése.
Készítsen másolatot a háttérrépről, húzza le a Rétegek panel alján található Új réteg ikonra:
Húzza a háttérréteget az Új réteg ikonra.
Amikor elengedi az egérgombot, a Photoshop elkészíti a réteg másolatát, elnevezi "Háttér másolat" -nak, és közvetlenül az eredeti fölé helyezi:
Az eredeti fölött megjelenik a "Háttér másolás" réteg.
5. lépés: Húzza a másolatot a Típus rétegek fölé
Kattintson a "Háttér másolás" rétegre, és húzza a Típus rétegek fölé. A kiemelt sáv a Típus réteg felett jelenik meg a tetején:
Húzza a "Háttér másolat" réteget a Típus rétegek fölé.
Engedje fel az egérgombot, hogy a réteget a helyére dobja:
A kép egy példánya most a szöveg fölött helyezkedik el.
A probléma: Egy kép elrendezése három típusú rétegbe
Eddig jó. De most problémába ütközünk. Van egy kép, amelyet nem csak egy szóba, hanem háromba kell helyezni, és minden szó különálló Type rétegen van. Hogyan töltjük meg a képet mindhárom szóval? Ha csak egyetlen Type rétegünk lenne, akkor csak annyit kell tennünk, hogy a képet a szövegbe helyezzük, és egy vágómaszkot hozzunk létre. De figyelje, mi történik, amikor létrehozom.
Vágómaszk létrehozása
A "Háttér másolás" réteg kiválasztása után a Rétegek panel jobb felső sarkában lévő menü ikonra kattintom:
Kattintson a Rétegek panel menü ikonjára.
Ezután a menüből választom a Vágómaszk létrehozása lehetőséget :
Vágómaszk létrehozása.
És itt látjuk a problémát. A Photoshop a képet közvetlenül alatta található Típusrétegre vágja, amely a képet a szövegbe helyezi. Mivel azonban a képet a három típusrétegnek csak egyikére vágják, a kép csak a három szó egyikében jelenik meg, ami nem az, amit szeretnénk:
A szöveg csak a felső részben jelenik meg.
Kapcsolódó: Tudjon meg mindent a maszkok vágásáról a Photoshopban
Miért nem működött?
Ha a Rétegek panelen a "Háttér másolás" rétegre nézzünk, akkor az előnézeti bélyeg mellett egy kis nyíl mutat, amely az alatta lévõ Típus rétegre mutat (ez a réteg az "alul" tartja). A Photoshop így mondja meg nekünk, hogy a "Háttér másolás" réteg le van vágva a Típus rétegre. De csak az egyik Type rétegre ragaszkodik, nem mindháromhoz. Szükségünk van arra, hogy a képet egyidejűleg mind a három Típusrétegre le tudjuk vágni:
A képet csak a közvetlenül alatta lévõ Type rétegre vágják le.
Vágómaszk elengedése
Mivel ez nem a kívánt eredmény, visszavonom a vágómaszkot, ha ismét rákattint a Rétegek panel jobb felső sarkában lévő menü ikonra, és a menüből a Vágómaszk felszabadítása menüpontra kattint :
A vágómaszk elengedése.
És most visszatérünk a kép megtekintéséhez:
A kép ismét látható a vágómaszk elengedése után.
6. lépés: Helyezze a Type rétegeket egy rétegcsoportba
A megoldás az, hogy minden Type rétegünket rétegcsoportba helyezzük. Ily módon a képet nem egyetlen típusú rétegre vághatjuk le, hanem az egész csoportra egyszerre! Kattintson a tetején lévő Típus rétegre annak kiválasztásához:
A felső típusú réteg kiválasztása.
Ezután a többi Típusréteg kiválasztásához nyomja meg és tartsa lenyomva a Shift billentyűt, majd kattintson az alsó Típusrétegre:
Tartsa lenyomva a Shift billentyűt, és kattintson az alsó Type rétegre az összes kijelöléséhez.
Kattintson a menü ikonra a jobb felső sarokban a Layers panel:
Kattintson a menüikonra.
A Rétegek menüből válassza az Új csoport lehetőséget :
Az "Új csoport a rétegekből" parancs kiválasztása.
Az Új csoport a rétegekből párbeszédpanelen adja meg a "Szöveg" csoportot, majd kattintson az OK gombra:
A rétegcsoport elnevezése.
A Rétegek panelen a Típusrétegek most egy "Szöveg" nevű rétegcsoportban jelennek meg. Kattintson a mappaikon bal oldalán található nyílra, hogy megfordítsa a csoportot, és megnézze a benne lévő rétegeket:
A Típus rétegek most egy rétegcsoportban vannak.
7. lépés: Válassza ki a "Háttér másolás" réteget
Most, hogy a Típus rétegek egy csoporton belül vannak, a képet a teljes csoportra vághatjuk. Kattintson a "Háttér másolás" rétegre annak kiválasztásához:
A "Háttér másolás" réteg kiválasztása.
8. lépés: Hozzon létre egy vágómaszkot
Kattintson a Rétegek panel menü ikonjára :
Kattintson a Rétegek panel menü ikonjára.
Ezután válassza a listából a Vágómaszk létrehozása lehetőséget :
Vágómaszk létrehozása.
Ezúttal a Photoshop a "Háttér másolat" réteget nem egyetlen Type rétegre, hanem maga a rétegcsoportra vágja:
A képet most levágták a rétegcsoportba.
És mivel a képet a csoportba vágtuk, a kép azonnal megjelenik mindhárom szóban:
A kép a rétegcsoportba vágása utáni hatás.
A hatás testreszabása: árnyék hozzáadása
Most, hogy létrehoztuk az alapvető "kép szövegben" hatást, nézzük meg néhány lehetőséget annak testreszabására. Az egyik, amit tehetünk, az árnyék hozzáadása a szöveghez. És mivel azt akarjuk, hogy a csepp árnyék egyszerre érintse meg az összes Type réteget, akkor magunk a rétegcsoportra is alkalmazzuk. Kattintson a rétegcsoportra annak kiválasztásához:
A rétegcsoport kiválasztása a Rétegek panelen.
Ezután kattintson a Rétegstílus ikonra („fx” ikon) a Rétegek panel alján:
Kattintson a Rétegstílusok ikonra.
Válasszon árnyékot a listából:
A "Drop Shadow" kiválasztása.
Az Árnyék csepp beállításai
Ezzel megnyílik a Rétegstílus párbeszédpanel, amely az árnyék eldobása beállításokra van állítva. Állítsa be az árnyék szögét, távolságát és méretét tetszés szerint. A Szög beállítja a fényforrás irányát. A távolság határozza meg, hogy az árnyék milyen távolságra terjedjen ki a betűktől, és a Méret tolja az árnyék széleit. Ezután állítsa be az árnyék fényerejét a tetején lévő Opacitás csúszkával.
Saját esetemben a szöget 75 ° -ra állítom, hogy megfeleljen a víz fénysugarainak szögének. Akkor a távolságot és a méretet egyaránt 30 képpontra, az átlátszóságot pedig 40% -ra állítom. Ha befejezte a párbeszédpanelt, kattintson az OK gombra:
Az árnyék csepp lehetőségei.
És itt van a hatásom az alkalmazott árnyék mellett. Figyelem: mivel a csepp árnyékot alkalmaztuk a rétegcsoportra, akkor a csoport összes Típus rétege befolyásolja:
Az eredmény egy árnyék hozzáadása után a rétegcsoporthoz.
A hatás testreszabása: A háttér színének megváltoztatása
A hatás testreszabásának másik módja a háttér színének megváltoztatása. Kattintson duplán a Színminta kitöltő réteg színmintájára :
Kattintson duplán a Rétegek panelen a kitöltő réteg színmintájára.
Ezután válasszon egy másik színt a Színválasztóban. A feketét választom:
A háttér színének megváltoztatása fehérről feketere.
És itt van, hogy néz ki a hatás egy fekete háttérrel:
A sötétebb háttér segít kiemelni a képet a szavakban.
Háttér szín kiválasztása a képről
A háttér színét közvetlenül a betűk belsejéből is kiválaszthatja. Ha a színválasztó még nyitva van, vigye az egérmutatót a kép fölé. A kurzor szemcseppgé vált. Kattintson egy színre a mintához, és állítsa be az új háttér színét. A búvármaszkból választunk egy sötét kék árnyalatot:
Mintavétel egy színből a képből.
És itt van, hogy néz ki ez a szín, mint az új háttér:
A kép háttérképének hatása.
A színt használom, amiben mintáztam, de egy sokkal sötétebb árnyalatot választom:
A minta színének kiválasztása és sötétebb változatának kiválasztása.
Kattintson az OK gombra, hogy bezárja a színválasztót, és itt van a sötétkék háttér hatása:
A sötétebb kék megkönnyíti a szöveg olvashatóságát.
A hatás testreszabása: átlátszó háttér hozzáadása
Végül nézzük meg még egy módszert a hatás testreszabására, azaz az, hogy átlátszóvá teszik a háttér színét. Ez lehetővé teszi az eredeti kép egy részének megjelenését. Ha a Szilárd színű kitöltő réteg kiválasztva, csökkentse az Opacitás értéket a Rétegek panel jobb felső részén. Minél jobban csökkenti az alapértelmezett 100% -ot, annál több képet fog látni a háttér színén. Az enyémet 85% -ra csökkentem:
A szilárd színű töltőréteg átlátszóságának csökkentése.
Ez lehetővé teszi, hogy a képnek csak egy része megjelenjen a kék háttérrel, és így létrejöjjön a végső effektus:
A végső "kép a szövegben" effektus.
És ott van! Így helyezhetünk el képet egy szövegbe, és hogyan tölthetünk be több típusú réteget ugyanazzal a képpel a Photoshop-ban! Ne felejtse el megnézni a Fotóeffektusok és a Szöveghatások szakaszokat további oktatóanyagokért!