Mérei Tamás webdesigner

Tutorial: 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.

Mérei Tamás Webdesigner

Szerző

Mérei Tamás vagyok, webdesigner. Reszponzív weboldalak készítésével foglalkozom, grafikai tervezéstől a HTML + CSS kódolásig.

Ismerj meg! Nézd meg eddigi munkáimat! Lépj velem kapcsolatba!

1 hozzászólás

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

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

Hozzászólás

Legújabb hozzászólások