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

LÁTVÁNY

Nem csak virágokkal mutat jól.

ÉLETÉRZÉS

Kevés eszközzel is látványos az eredmény.

STÍLUS

Az egyszerűség és az elegancia sose megy ki a divatból.

Szeretnél legelsőként olvasni az új Photoshopos technikákról? Iratkozz fel a hírlevelünkre.