icono_twiter
José María Masip Díaz

Técnico en artes gráficas, experto en preimpresión y webmaster.

Ver todos los tutoriales del autor

Fecha de publicación del tutorial: 2010-11-22

Tutorial visitado 9.860 veces Descargar en PDF
Cómo retocar una foto en Photoshop

Cómo crear un efecto reflejo con Adobe Photoshop

En este tutorial vamos a ver de una forma fácil y sencilla, cómo crear un efecto reflejo con el programa Adobe Photoshop. Para realizarlo usaremos varias técnicas y herramientas como la pluma para hacer una silueta o la máscara de capa y el degrade.

Tendremos que seguir los siguientes pasos:

  1. Cambiar tamaño del lienzo
  2. Duplicar una capa
  3. Crear silueta con la herramienta Pluma
  4. Duplicar capa, voltear y transformar
  5. Añadir máscara a la capa y aplicar degrade
  6. Añadir capa y fondo blanco
  7. Antes y Después

1. Cambiar tamaño del lienzo

Vamos a Menú -> Imagen -> Tamaño de lienzo... Ampliamos Altura con Ancla según imagen.

Tamaño de lienzo

2. Duplicar una capa

Para duplicar una capa existen 3 opciones:

  • Menú -> Capa -> Duplicar capa...
  • Clicar con el botón derecho sobre la capa -> Duplicar capa.
  • Arrastrar la capa hacia el icono de "nueva capa".

Duplicar capa

NOTA: Es importante ponerle nombre a las capas que vamos creando, para tener organizado el panel capas. Una vez duplicado desactivamos el ojo de la capa Fondo y salvamos la imagen como Photoshop .psd (Imagen por capas).

3. Crear silueta con la herramienta Pluma

Lo primero que vamos a hacer para crear la silueta de la imagen es coger la Herramienta Pluma. Apretando la tecla Caps Lock nos cambia el dibujo del puntero de pluma a cruz para poder hacer la silueta más precisa.

Herramienta Pluma

NOTA: En opciones de pluma ponemos "Goma elástica". De esta manera vemos por donde va el trazado de silueta que estamos haciendo.

Goma elástica

Esta técnica de silueta requiere de un poco de práctica. Según vas dando punto a tu silueta se va creando el trazo.

NOTA: Clicar encima de la herramienta Pluma sin soltar y veréis los diferentes tipos de punto que podéis crear.

Herramienta Pluma

"Prueba e intenta seguir el contorno de la imagen lo mejor posible. "

Si te pones encima te sale un icono de añadir un punto, y donde hay un punto ya te sale eliminar punto. Prueba también a arrastrar el punto mientras pulsas sin soltar el ratón, veras que salen las curvas de Bézier.

Una vez cerrada la silueta quedaría así:

Trazado acabado

En el panel de Trazados -> Grabar trazado... en el submenú del panel.

Hacer selección

En el mismo submenú Hacer selección -> OK

Luego Menú -> Selección -> Invertir

Nos vamos al panel Capas y seleccionamos la capa duplicada y Menú -> Edición -> Borrar o Alt+Tecla Retroceso Boton retroceso y quedaría como la imagen donde el fondo cuadriculado seria fondo transparente.

Después duplicamos esta capa

Duplicar capa

NOTA: Es importante salvar la imagen de vez en cuando por seguridad.

4. Duplicar capa, voltear y transformar

Después Menú -> Edición -> Transformar -> Voltear vertical

Voltear vertical

Ahora desplazamos esa capa hacia abajo y Menú -> Edición -> Transformar -> Escala y distorsionamos la capa hasta que quede como la imagen siguiente.

Efecto espejo

5. Añadir máscara a la capa y aplicar degrade

Después en el panel Capas en los iconos que hay abajo seleccionamos Añadir máscara vectorial.

Ahora en esa máscara vectorial creamos un degrade lineal de blanco a negro y vamos probando hasta que quede como esta imagen aproximadamente.

Degrade en máscara

6. Añadir capa y fondo blanco

Crear una capa nueva y rellenar de blanco Edición -> Rellenar -> Color de fondo... Blanco

Así ya vemos más o menos el efecto.

Capa con fondo blanco

Ahora solo quedaría crear otra capa y aplicarle un fondo marrón con algún filtro para simular por ejemplo una mesa y luego otras capas para simular una pared, un cuadro o lo que se os ocurra.

Salvamos la imagen como .psd para futuras correcciones.

Acoplamos las capas y Guardar como... .tif, .jpg, etc...

7. Antes y Después

Aquí vemos la comparación de la imagen, antes y después de aplicar el efecto:

Antes y Después

Espero que os haya gustado el efecto y lo pongáis en práctica.

Esto aquí no acaba. Pronto volveremos con más efectos.

chmadi@gmail.com

A continuación puedes evaluarlo:

Regístrate para evaluarlo

Por favor, vota +1 o compártelo si te pareció interesante

Share |
Anímate y coméntanos lo que pienses sobre este TUTORIAL:

Fecha publicación: 2010-12-01-14:28:49

Autor: jcarmonaloeches

Interesante.. mi hermano es diseñador gráfico y utiliza técnicas similares. Un ejemplo de la web que está creando como proyecto de fin de master podéis verla en http://www.icliks.es/. La verdad es que un buen diseño hace mucho en las web, algo que no ha sido prioritario (desde mi punto de vista) hasta la fecha....

Saludos!