Hogyan készíts 3D hatású szöveget Photoshoppal?
(Tipografikus design virágos háttérrel)
Üzenj szemléletesen, alkoss dimenziókban
Eleven és látványos
Tipográfia Virág Térbeliség
Az elmúlt évek egyik grafikai design trendje ihlette meg a következő Photoshop tutoriált. Arról az irányzatról van szó, amikor a betűk vagy a feliratok egységet képeznek a fotóval, a szöveg szerves része a fénykép témájának, egyetlen közös fizikai térben léteznek. A motívumok egybeolvadása és együttélése látványos vizuális hatást kelt, a térbeliség erősen hangsúlyos. Ez a trend a virágos hátterekkel robbant be, így hát mi is egy szép tavaszi orgonacsokorral csiszoljuk Photoshop tudásunkat.
Milyen fotót válassz?
Keress olyan fotókat, ahol a virágcsokorban minél több kinyúló levélke, virágfej, ágas-bogas részlet van. Érdemes olyat választani, ahol a háttér egyszínű, mert könnyebb lesz kivágni a virágmotívumot. Az itt látható üde bokréta fotója az Unsplash-ről ingyenesen letölthető.
1.LÉPÉS
- Nyisd meg a választott fotót Photoshopban.
- Duplikáld a háttérréteget (Ctrl + J).
- Az első lépés az, hogy elkülönítjük a virágcsokrot a háttérből. Használd a Gyors kijelölés eszközt (Quick Selection Tool-t).
2.LÉPÉS
- Ha a kijelöléssel készen vagy, akkor egyszerűen nyomj egy Ctrl+C, majd Ctrl+V gombot, azaz másolod, majd beilleszted a kijelölt virágot egy új rétegre.
- Nevezd át az új réteget Virágcsokornak.
3.LÉPÉS
Háttér készítése
-
- A Virágcsokor réteg alatt hozz létre egy új réteget és töltsd ki fehérrel (Ctrl+Backspace).
- Adj a réteghez egy Színátmenet rétegstílust: kattints az fx ikonra a rétegpanel alján, majd válaszd a Színátmenet-átfedést…. (Gradient Overlay). Válaszd a következő beállításokat:
Keverési mód (Blend Mode): Normal Opacitás (Opacity): 60% Színátmenet színei: (Gradient): #964390 és #ffffff Fordítva (Reverse): kipipálva Rétegstílus (Style): Körkörös (Radial) Méretezés (Scale): 150%
- Miközben nyitva van a Rétegstílus (Layer Style) beállítási panel, a kurzorral állj a képre, tartsd lenyomva az egeret, és a Fogd és húzd (Click & Drag) módszerrel húzd egy kicsit jobbra a Színátmenet. Így eltoljuk a Sugaras színátmenetet középről.
- Nevezd át ezt a réteget Háttérnek.
4.LÉPÉS
Keret elkészítése
- Kattints a Téglalap eszközre (Rectangle Tool) és hozz létre egy keretet az alábbi méretekkel:
Szélessége (Width): 2700 px Magassága (Height): 1130 px Kitöltés (Fill): nincs Körvonal (Stroke): 32 px Körvonal színe: fehér
- Igazítsd a keretet úgy, hogy a csokorból minden oldalon kilógjanak a kereten kívülre a szárak.
- Amikor készen vagy, nevezd át a réteget Keretnek.
5.LÉPÉS
Szöveg elkészítése
- Készítsd el a szöveget. Én megszokásból minden egyes betűt külön rétegre írtam. Ennek akkor van jelentősége, ha a betűket nem sorrendben, hanem egymás alá, különböző távolságokban szeretnéd elhelyezni.
- A képen látható betűtípus: Arrial Narrow Bold, mérete: 670 px, színe: fehér. Természetesen válassz kedvedre való fontot.
- A betű rétegeket befoglaltam egy csoportba: jelöld ki az összes betűréteget és kattints az Új csoport létrehozása (Create a New Group) ikonra vagy nyomj egy CTRL + G billentyűkombinációt.
- A csoportot nevezd át, legyen a neve: Felirat.
6.LÉPÉS
A keret maszkolása
- Lépj vissza a Keret rétegre.
- Adj a réteghez egy rétegmaszkot: kattints a rétegpanel alján lévő Rétegmaszk hozzáadása (Add Layer Mask) ikonra.
- Válassz egy kemény ecsetet:
Keménység (Hardness): 100% Színe: fekete Mérete kb. 30 px (Az ecset méretét menet közben kisebb-nagyobb méretre fogod majd állítani, a részletektől függően.)
- A réteg átlátszóságát (Opacity) vedd vissza kb. 60%-ra.
7.LÉPÉS
- A Keret rétegmaszkon állj és kezdd el átfesteni a virágnak azokat a részeit, amelyet szeretnél a keret előtt látni.
- Ha az ecset színét fehérre változtatod, akkor „visszacsinálod” a keretet.
- A végén állítsd vissza a réteg átlátszóságát 100%-ra.
8.LÉPÉS
Betűk maszkolása
- Lépj a Felirat csoport rétegre és megismételjük az előző két lépést, azaz:
- Adj a csoporthoz egy rétegmaszkot: kattints a rétegpanel alján lévő Rétegmaszk hozzáadása (Add Layer Mask) ikonra.
- Válassz egy kemény ecsetet:
Keménység (Hardness): 100% Színe: fekete Mérete kb. 30 px (Az ecset méretét menet közben kisebb-nagyobb méretre fogod majd állítani, a részletektől függően.)
- A réteg átlátszóságát (Opacity) vedd vissza kb. 60%-ra.
- A rétegmaszkon állj és kezdd el átfesteni a virágnak azokat a részeit, amelyet szeretnél a betűk előtt látni.
- Ha az ecset színét fehérre változtatod, akkor „visszacsinálod” a betűket.
- A végén tedd vissza a réteg átlátszóságát 100%-ra.
9.LÉPÉS
Árnyékolás
- Hozz létre egy új réteget a Keret fölött. Nevezd át, legyen a neve: „Árnyék a kereten”
- Kattints egy jobb klikket a rétegen és válaszd a Vágómaszk létrehozása lehetőséget (Create Clipping Mask).
- Újra festeni fogunk, de most egy puha ecsettel:
Keménység (Hardness): 0% Szín: #271b2b (ez egy egészen sötét lila, a fotóról választottam) Az ecset átlátszóságát vedd vissza kb. 25%-ra
- Állj oda, ahol a kereten kívülre lógnak a virág részei és fess árnyékot a kilógó részek mögé.
- Amikor készen vagy, maradj a rétegen és a menüsorról válaszd a Szűrő/Életlenítés/Gauss-életlenítés (Filter>Blur>Gaussian blur) parancsot. Kb. 15-25 px-es életlenítést használj.
10.LÉPÉS
- Hozz létre egy új réteget a Felirat réteg fölött. Nevezd át, legyen a neve: „Árnyék a betűkön”. Ez előző lépéseket itt is megcsináljuk.
- Kattints egy jobb klikket a rétegen állva és válaszd a Vágómaszk létrehozása parancsot (Create Clipping Mask).
- A festéshez használd ugyanazokat a beállításokat:
Keménység (Hardness): 0% Színe: #271b2b (sötét lila) Az ecset átlátszóságát vedd vissza kb. 25%-ra
- Állj oda, ahol a betűkön kívülre lógnak a virág részei és fess árnyékot minden kilógó rész mögé.
- Már csak egy apró finomítás van hátra. Maradj a rétegen és a menüsorról válaszd a Szűrő/Életlenítés/Gauss-életlenítés (Filter>Blur>Gaussian blur) parancsot. Kb. 15-25 px-es életlenítést használj.
11.LÉPÉS
- A Felirat rétegen állva adj a réteghez egy rétegstílust: kattints az fx ikonra a rétegpanel alján, majd válaszd a Vetett árnyékot…. (Drop Shadow). Válaszd a következő beállításokat:
Keverési mód (Blend Mode): Többszörözés (Multiply) Opacitás (Opacity): 40% Szín (Color): #5a1b50 (A fotóról vettem egy lila színt). Szög (Angle): 30 Távolság (Distance): 13 px Terülés (Spread): 20 % Méret (Size): 35 px
12.LÉPÉS
- Lépj vissza a Virágcsokor rétegre, adj a réteghez egy rétegstílust: kattints az fx ikonra a rétegpanel alján, majd válaszd a Vetett árnyékot…. (Drop Shadow). Válaszd a következő beállításokat
Keverési mód (Blend Mode): Többszörözés (Multiply) Opacitás (Opacity): 15% Szín (Color): #5a1b50 Szög (Angle): 30 Távolság (Distance): 275 px Terülés (Spread): 20 % Méret (Size): 35 px
13.LÉPÉS
Utolsó lépésként annyi a teendőnk, hogy az előbbi rétegstílust megismételjük a Keret rétegen:
- A Virágcsokor rétegen állva kattints egy jobb klikket, és válaszd a Rétegstílus másolása lehetőséget (Copy Layer Style).
- Lépj át a Keret rétegre, kattints egy jobb klikket, és válaszd a Rétegstílus beillesztése lehetőséget (Paste Layer Style).
Íme a végeredmény.
Próbáld ki több fotóval is
Szeretnél legelsőként olvasni az új Photoshopos technikákról? Iratkozz fel a hírlevelünkre.