Cómo reflejar una imagen o texto en Photoshop

No hay nada mejor que saber de la aceptación que ha tenido el mini-tuto para la creación de un wallpaper.

Estos días estuve muy ocupado; aún lo estoy, pero separé algunos minutos para hacer otro tutorial, tambien muy sencillo, donde aprenderemos a hacer el reflejo de una imagen, utilizando al mismo tiempo la herramienta Lazo magnético.

Este efecto es utilizado actualmente en muchas webs; lo podemos ver en logos, títulos y demás. Conseguirlo con Photoshop es muy sencillo, por lo que -vuelvo a recalcar- si eres un “tigre en diseño” te aburrirás.

El lema de siempre: “no enseño, aprendemos juntos” ;)

Manual Photoshop: reflejar imagen y texto

El tuto sirve tanto para imágenes, como para textos.

Manos a la obra:

Abrimos la imagen que queremos reflejar. Para el ejemplo tomé la que ven a continuación. Si deseas, la puedes descargar con un clic.

Manual Photoshop: reflejar imagen y texto

Lo que haré es seleccionar solamente la parte que deseo reflejar, en este caso, la bonita flor (la extraeremos). Si deseas reflejar toda la imagen, no tendrías que hacer esto.

Para la extracción utilizaremos la herramienta Lazo magnético (podemos activarla presionando la tecla L). Pintamos alrededor de la flor hasta completar el contorno, quedando algo parecido a esto.

Manual Photoshop: reflejar imagen y texto

Para evitar el efecto “sierra” en los bordes, iremos a Selección / Calar y en Radio de calado le ponemos 1. Luego Selección / Invertir selección y presionamos Suprimir (borramos el fondo). Por comodidad llamaré “flor” a esta capa.

Manual Photoshop: reflejar imagen y texto

Creamos una capa nueva y la llenamos de blanco.

Con la finalidad de que pueda caber el reflejo de la flor, la reduciremos. En caso contrario, podemos ampliar el tamaño del lienzo.

Manual Photoshop: reflejar imagen y texto

Clic derecho en la pestaña capas, escogemos la opción Duplicar capa. Esta nueva imagen será la reflexión.

Manual Photoshop: reflejar imagen y texto

Seleccionamos la nueva capa “flor copia” y escogemos Edición, Transformar, Voltear vertical. Cuadramos la imagen inmediatamente debajo de la flor “original”.

En la barra de herramientas, damos clic en el botón Editar en modo máscara rápida.

Manual Photoshop: reflejar imagen y texto

Luego escogemos Herramienta de degradado y en la capa “flor copia” recorremos con el cursor desde la mitad de la flor hacia abajo.

Manual Photoshop: reflejar imagen y texto

Luego en la Barra de herramientas volveremos a la edición normal dando clic en el botón Editar en modo estándar, con lo cual quedará seleccionada la parte inferior de la flor reflejo. Presionamos suprimir para borrar en forma de degradado la parte inferior de la flor.

Ponemos opacidad a la imagen un valor que va entre 25% a 50% (es referencial).

Manual Photoshop: reflejar imagen y texto

La imagen final quedaría algo parecido a esto:

Manual Photoshop: reflejar imagen

Trabajando con textos, se pueden obtener resultados muy bonitos como este:

Manual Photoshop: reflejar imagen y texto

Comparte este post con tus amigos:

Puede que también te interese ...


Tutorial: Texto brillante con Photoshop

Texto plastificado con Photoshop

Texto floreado en 3D con Photoshop

Cómo crear un bonito texto de caramelo con Photoshop

Cómo crear un texto de metal en 3D con Photoshop
.

Si eres nuevo por aquí, te recomiendo suscribirte al canal RSS de mi blog para leerlo a través de un lector de Feeds.

También puedes recibir los artículos en tu correo electrónico, ingresando tu e-mail en este sencillo formulario.

Webs que enlazan este post:

11 Comentarios

  1. Avatar

    Atomsk escribió,

    May 23, 2008 @ 4:53

    Una manera mas seria, agarrar la imagen, darle en
    Transformar / Voltear Vertical, despues de eso apretar V para la herramienta mover, y mover hacia abajo como el paso que mencionaste, y agarrar la herramienta de marco rectangular y ponerle un calado de 10 y pasarlo por donde esta la imagen volteada y apretar suprimer.

    Exelnte tuto men

  2. Avatar

    administradora escribió,

    May 23, 2008 @ 14:22

    perfec!!! aprendido.. gracias!!

  3. Avatar

    Masky_DG escribió,

    May 29, 2008 @ 16:31

    Muy buen tutorial. Muchísimas gracias por compartirlo

  4. Avatar

    Elvis escribió,

    August 25, 2008 @ 3:26

    regular tutorial pero hasta el momento entcuentro tutoriales simples como este que te reflejan tobo extremo a extremo, imaginen una botella de gaseosa posada en una mesa de vidrio como podemos simular eso con esta tecnica creoque seria muy tedioso pues el fondo de la botella es redonda por lo tanto quedaria horrible si alguien logra entenderme y puede dar osluciona este problema agradecesira me ayude en esto vale mi correo es
    hindufanss1@hotmail.com, claro pueden agregarme si quieren compartir conocimientos de photoshop cs3 eso es todo bye

  5. Avatar

    Maik escribió,

    September 18, 2008 @ 4:38

    Super el tutorial gracias… salu2

  6. Avatar

    Alexi escribió,

    December 31, 2008 @ 14:00

    Hola, necesito saber como se hace este mismo efecto pero con algun objeto en perspectiva ej. un envase de cereal (no de frente, en perspectiva) sobre una mesa.

    Si el envase estuviese de frente igual que el ejemplo de la rosa, es muy facil hacerlo, lo complicado es cuando el objeto esta de lado, la copia para el reflejo no es igual a la original por su perspectiva.

    Espero alguien sepa como hacerlo y me ayuden

    gracias,

    escribir a

    aleoyanedelv@hotmail.com

  7. Avatar

    Okeimo escribió,

    January 14, 2009 @ 11:51

    Muchas Gracias por el tuto tan bien explicado me andaba haciendo falta aprender esto,Otra vez Gracias.

  8. Avatar

    dazer escribió,

    May 10, 2009 @ 16:36

    Esto es sencillo pero gracias por el aporte
    ah po cierto Photoscape lo hace de inmediato
    solo con el filtro de reflejo!!
    Claro está la configuracion de que altura y que tanta denotacion se quiere en el reflego.!
    Y listo sin mucha demora!!

  9. Avatar

    MacMoon escribió,

    October 11, 2009 @ 21:09

    olas, bueno no entiendo eso de seleccion / calar … etc… a ver si algun tuto por ahi ?
    Gracias

  10. Avatar

    David Omar escribió,

    October 16, 2009 @ 12:04

    Muy bueno, pero eso es algo sencillo de realizar sin ser yo, un gran diseñador.

    Paso básico con muy buena especificación.

Comenta aquí


Nombre (Requerido)

e-mail (Requerido. No se publicará)

Website (opcional):

Comentarios recientes

Algunos amigos

Licencias y otras cosas:

Si lo deseas, puedes usar los artículos de este blog; pero por favor, no te olvides de enlazar la fuente.

Creative Commons License

Esta obra está bajo una licencia de Creative Commons.