Egyszerű tükröződés készítése Photoshopban

Szerző:   |   2010-04-08

A forrás PSD fájl innen tölthető le ZIP-ben.

1. lépés

Hozzunk létre egy új dokumentumot 600×300-as méretben fehér háttérrel.

2. lépés

Válasszuk a Filter -> Render -> Clouds opciót.

3. lépés

Filter -> Blur -> Motion Blur az alábbi beállításokkal.

Hasonlót kell kapnunk.

4. lépés

Hozzunk létre egy új réteget és nevezzük el top-nak. Rajzoljunk rá egy 600x150px méretű téglalapot.

5. lépés

Alkalmazzunk a következő Gradient Overlay-t a top rétegen.

Két rétegünk van, az egyik a háttér, és felette a top. A top réteg Opacity-jét állítsuk 65%-ra.

6. lépés

Írjunk szöveget és helyezzük el a képen látható módon.

Alkalmazzuk a következő Outer Glow-t és Gradient Overlay-t a szövegen.

A Gradient Overlay beállításai.

7. lépés

Duplikáljuk a szöveget tartalmazó réteget (Ctrl+J). Válasszuk az Edit -> Transform -> Flip Vertical opciót a tükrözéshez. Az Outer Glow-t kapcsoljuk ki!

8. lépés

Igazítsuk a réteget, és nevezzük át shadow-ra. Adjunk hozzá maszkot.

250-es Brush-al 0%-os hardness-el fekete színnel fessünk a maszkon, hogy elhalványítsuk a tükröződés széleit.

Ha valahol túl sokat töröltünk, váltsunk fehér színre és vissza tudjuk "rajzolni" a hiányzó részeket.

9. lépés

Raszterizáljuk a réteget. Jobb gomb a rétegen és Rasterize Type.

A pont feliratot jelöljük ki, vágjuk ki és illesszük be, ekkor egy új rétegre kerül (Ctrl+X majd Ctrl+V).

Nevezzük el a réteget pontnak.

Alkalmazzuk rajta az alábbi Gradient Overlay-t.

10. lépés

Hozzunk létre egy új réteget, nevezzük el line-nak. Rajzoljunk kis brush-al egy fekete vonalat az alábbi módon.

Alkalmazzunk rajta Filter -> Blur -> Gaussian Blur-t az alábbi beállításokkal.

Majd vegyük le a line réteg Opacity értékét 50%-ra.

11. lépés

Hozzunk létre egy új réteget glow néven a top réteg fölé. Fessünk lágy fehér ecsettel a szöveg körül.

Válasszuk a Filter -> Blur -> Motion Blur opciót a glow rétegen.

A glow réteg Opacity értékét állítsuk 40%-ra.

Ezzel készen is vagyunk.

1 hozzászólás

  1. 2012. június 16. szombat - 19:02

    szuper !!!!!!!!!!!!!!!!!!!!

Hozzászólás

Keresés a blogon
Kategóriák
Legújabb hozzászólások
  • Bootstrap carousel

    Gondolom azóta biztos megoldottad, de azért belinkelem ide a legújabb verzióját a carousel-nek: https://getbootstrap.com/docs/4.1/components/carousel/...

  • HTML5 + CSS3 menü

    Az itt sajnos nem fog megjelenni, mert eszképeli amikor elposztolod a kommentet :(...

  • Responsive menü

    Ez a menü bot egyszerű, nem figyel ablak átméretezést és hasonlókat. Ha nincs benne tapasztalatod és nem akarsz vele szórakozni, akkor legegyszerűbb e...

  • Scrollbar színezgetés CSS-sel

    Érdekes felvetés, sosem foglalkoztam ezzel. Most ahogy megnéztem pár weboldalt teljesen véletlenszerűnek tűnik, hogy mikor tűnik el az address bar és ...

  • Bootstrap carousel

    Ha a legújabb Bootstrap-et használod és xs méretben el akarod tüntetni, akkor ez kell: .d-none .d-sm-block...

  • A flexbox model

    Lesz. Folyamatban van....

  • Scrollbar színezgetés CSS-sel

    Meglesni, megtanulni, továbbadni. Ez a helyes sorrend :)...

  • A villanyszerelés örömei panelben

    A legjobb, hogy múltkor akartam venni egy B10-est kismegszakítót. Megkérdezték a boltban, hogy mekkora a főmegszakítóm. Mondom 16-os. Erre rám akarták...

  • A villanyszerelés örömei panelben

    Örülök, hogy nem C16 Amperes az összes kismegszakító, sajnos ez manapság " divat " ! A világításra bőven elég a B6 Amperes kismegszakító, főleg azért ...

  • Scrollbar színezgetés CSS-sel

    Hali. Már régebb óta követlek, és rengeteget tanultam a videóidból, a szakmai tudásom alapjait, és még az alapokon túli tudásom jelentős részét is től...

  • HTML + CSS űrlap

    Hali, programozáshoz nem értek, de most a kliensoldali templétezés a divat. Vue JS, Angular, stb....

  • HTML + CSS űrlap

    Szia Tamás! Nagyon sokat segítettek a videóid. Köszönöm! Nem tudtam eldönteni melyik blogba írjak, ezt választottam. Azt szeretném kérdez...