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

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 villanyszerelés örömei panelben

    Gratulálok! Szép leírás! Azt szeretném kérdezni, hogy nálam 3×32 amper lessz, bővítés után. Laikusként kérdem, így három Fi-relé kell? És mekkorát, é...

  • A villanyszerelés örömei panelben

    @Utolsó hozzászóló: Szia, olyan nincs, hogy 3 fázis érkezik be 3 külön vezetéken. Vagy 1 fázis 1, vagy 3 fázis 3 vezetéken. (+ a nulla) Ha az óráná...

  • A Pico CMS

    pico-release-v2.1.0, nincs benne content-samle, a content üres, nincs benne php nincs sub mappa és fájl sem, mégis ott van a subindex a menunuben...

  • CSS transition

    Köszönöm a válaszod! Igen ezzel már, próbálkoztam, de amint sikrül térben elhelyezni a megfelelő helyre a köröket, megszűnik működni rajtuk az effek...

  • CSS transition

    z-index-et állíts be a menüre, és arra is ami most fölé kerül. Értelemszerűen a menün legyen a magasabb érték....

  • CSS transition

    Kedves Tamás! Remélem még aktív a blog és tudsz nekem segíteni. Nagyon tetszett a videód, ki is próbáltam. A videód alapján beépitettem ezeket az ...

  • A villanyszerelés örömei panelben

    Egy fázis jön be három vezetéken keresztül. Az óránál egy darab megszakító van csak. Ezért kérdeztem, hogy milyen fi relét javasoltok?...

  • A villanyszerelés örömei panelben

    Ez nem igaz, mert az óránál ott a 3 biztosító darabja 20 A...

  • A shape-outside CSS property

    Olyasmit találtam hogy a szöveg részt 2 részre osztjuk bal és jobb......

  • Responsive menü

    Itt a működő kód, innen másold ki: https://cyrex.hu/uploads/2014/08/responsive-menu/...

  • Responsive menü

    Szia. A kódok alapján, meg persze a videót végignézve megcsináltam a menüt. Sajnos nem úgy működik, ahogy kellene. A menü3 almenüi nem gördülnek le, ...

  • A shape-outside CSS property

    Szerintem azt sehogy....