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

Szerző: Mérei Tamás   |   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
  • 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....

  • A villanyszerelés örömei panelben

    Panelban ugyan az a három fázis jön be három MCU-n és nem 3fázis... Keresztmetszet növelés miatt csinálták anno......

  • A shape-outside CSS property

    Szia Jó lett a videó. De mi van akkor ha a képet a szöveg közepére szeretném tenni, és azt akarom hogy így fusson körbe a szöveg....

  • Bootstrap űrlapok

    Jó lett :) Már kezdtem aggódni hogy eltűntél vagy valami hogy ilyen sokáig nem volt videó. 2 naponta néztem az oldaladat hogy hátha.... :)...

  • A villanyszerelés örömei panelben

    Ha három fázisod van, akkor három fázisú Fi relét kell venni....

  • A villanyszerelés örömei panelben

    Szia, ha panellakásba három vezetéken jön be az egy fázis, akkor három fi relét kellene berakni?...

  • A villanyszerelés örömei panelben

    "3 vezeték jön be, fázis-nulla-föld, tehát már az óránál szétválasztották a PEN vezetéket PE-re és N-re vagy más módon, de külön vezetéken jön az N és...

  • Dia szkennelés házilag

    Ezt a fajtát nem tudom, hogy lehet még kapni. Normál diavetítőt lehet kapni nagyobb játékboltokban például....

  • Bootstrap carousel

    Ennél a réginél nem tudom, hogy volt e már ilyen opció, de az újnál már van olyan, hogy touch="true"...

  • Adobe XD VS. Lunacy

    Sketch-et nem használok, mert nincs mac-em. Axure-t használok, arról találsz anyagot az oldalon....