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.

2 hozzászólás

  1. 2019. március 5. kedd - 12:56

    Koszi:)

  2. 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
  • A Bootstrap 4 grid használata

    Azt használsz ami tetszik. A CSS reset cuccok többsége lassan 10 éves, ma már nem nagyon van rájuk szükség. Bootstrap akkor kell, ha az adott projekth...

  • A Bootstrap 4 grid használata

    Szia! Nem rég kezdtem tanulni, kis segítséggel õssze tudok rakni egy oldalt Html+css a többivel még most ismerkednek. Nem nagyon vagyok vele tisztába ...

  • A villanyszerelés örömei panelben

    Nem, én B-t raktam mindenhova és most már ötödik éve nincs vele gondom....

  • A villanyszerelés örömei panelben

    Szia Jövő héten kezdek bele, egy ugyan ilyen projectbe. Még mindig tartod azt az állítást, hogy jó a C karakterisztikájú kismegszakító? És mé...

  • ActionScript 3 eseménykezelés

    Sima CSS animációt....

  • ActionScript 3 eseménykezelés

    Helló! Kiváló a "Banner mutációk" -ról szóló videód. A legnagyobb erénye számomra, hogy a hatékony munkavégzést is bemutattad. Amiért a flash témakor...

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

    Koszi:)...

  • Bootstrap carousel

    Nem találkoztam még ilyennel, ezt a két linket találtam hozzá: https://stackoverflow.com/questions/16244306/single-picture-displaying-upside-down-in-b...

  • Adobe XD VS. Lunacy

    Igen....

  • Adobe XD VS. Lunacy

    Hali. Az adobe XD akkor is ingyenes, hogyha üzleti felhasználásra használom? Tehát eladom a munkám, amit vele csinálok?...

  • A Bootstrap 4 grid használata

    Hali. Ez attól függ, hogy mit írsz bele a szerződésbe. Általában amúgy 50% előleget szoktak kérni, én is ennyit kérek az ügyfeleimtől, és a szerződésb...

  • Bootstrap carousel

    Szia, Nem tudod miért fordít meg bizonyos képeket csak úgy a bootstrap ? Belinkelem a képet és gondol egyet és fejjel lefele illeszti be....