Tutorial de Photoshop: Cómo crear una sombra paralela realista

Recibe gratis consejos de fotografía de productos para ecommerce &

Con paciencia y delicadeza, puedes añadir sombras de aspecto natural a tus fotos de productos en Photoshop. El proceso requiere tiempo, habilidad y una comprensión de cómo funcionan las sombras.

Lo que cubriremos:

• ¿Cómo se crea una sombra en Photoshop?
• Tutorial: Cómo crear una sombra realista en Photoshop
• Variaciones de las sombras
• Cuándo usar las sombras en el ecommerce
• La diferencia entre una sombra de caída y una sombra proyectada

¿Cómo se crea una sombra en Photoshop?

Los objetos tienen dos tipos de sombras: las sombras proyectadas y las sombras de forma. Qué es una sombra proyectada?», te estarás preguntando. Las sombras proyectadas son sombras alrededor de un objeto que aparecen en el suelo o en otros objetos alrededor del objeto. Las sombras de forma son sombras que aparecen dentro del propio objeto.

Ambos tipos de sombras están determinados por la dirección, la distancia y el número de fuentes de luz. Puede utilizar las sombras de forma en su objeto para darle pistas sobre cómo aparecerá una sombra proyectada realista.

Antes de empezar a dibujar o crear su sombra en Photoshop, es importante entender cómo funcionan las sombras. Las sombras proyectadas se vuelven más ligeras y borrosas a medida que se alejan del objeto.

En este tutorial, aprenderá a crear una sombra realista en Photoshop utilizando una combinación del estilo de capa de la sombra proyectada, herramientas de transformación, la herramienta de degradado, desenfoques, máscaras de capa y canales alfa.

Tutorial: Cómo crear una sombra realista en Photoshop

1. Aísla tu objeto del fondo
2. Crea un nuevo fondo detrás de tu objeto aislado
3. Determina el color de tu sombra proyectada
4. Crea una sombra paralela
5. Crea una capa de tu sombra caída
6. Distorsiona la sombra caída
7. Crea un canal alfa
8. Crea un degradado dentro de tu canal alfa
9. Desenfoca la selección
10. Crea una máscara de capa
11. Considera la fuente de luz y limpia las sombras

Paso 1: Aísla tu objeto del fondo

Abre la foto que deseas modificar. Una vez que estés en el nuevo archivo, abre tu paleta de capas yendo a Ventana > Capas. Recorta el objeto de tu foto y colócalo en una nueva capa. Dale a tu nueva capa un nombre que indique que se ha eliminado el fondo (como «aislado») para evitar confusiones con otras capas mientras creas tus sombras.

Puedes consultar nuestro tutorial sobre cómo utilizar la Varita Mágica para aislar un objeto de su fondo.

Haz clic en el icono del ojo junto a tu capa de fondo para que el fondo sea invisible. De esta manera, sólo podrá ver su objeto contra un fondo transparente.

Paso 2: Crear un nuevo fondo detrás de su objeto aislado

En su paleta de capas, seleccione su capa de fondo oculto. Ve a Capa > Nueva Capa, o escribe SHIFT+CONTROL+N (SHIFT+COMMAND+N en un Mac) para crear una nueva capa. Esta capa servirá como su nuevo fondo.

Rellene la nueva capa con un color yendo a Editar > Relleno. Al elegir Color en el menú desplegable, tienes la opción de elegir un color personalizado.

En el ejemplo anterior, el fondo se creó superponiendo varios degradados sobre el color de relleno.

Paso 3: Determine el color de su sombra proyectada

Las sombras tienen color, y puede observar las sombras de forma de su objeto para determinar cuál debe ser el color de su sombra proyectada.

Busque una sombra de forma dentro de su objeto, y utilice su herramienta Cuentagotas para seleccionar esa sombra.

El color seleccionado aparecerá como su color de primer plano en la parte inferior de su paleta de Herramientas. Haga doble clic en el nuevo color de primer plano para que aparezca el cuadro de diálogo de ajuste del Selector de color.

Ajuste el color seleccionado para que sea un poco más oscuro y menos saturado moviendo la selección hacia abajo y a la izquierda del campo de color. Haz clic en Aceptar.

Paso 4: Crear una sombra paralela

Con su capa de objeto aislado seleccionada, haga clic en el botón fx en la parte inferior de su paleta de capas y seleccione Sombra paralela.

El cuadro de diálogo Sombra paralela aparecerá. Cree una sombra paralela estableciendo el color de su sombra con el color del primer plano. Los niveles de opacidad, distancia, dispersión y tamaño no son tan importantes en este momento, ya que ajustará todo eso más adelante, pero puede utilizar los valores de la captura de pantalla siguiente como punto de partida.

Una vez que esté satisfecho con la configuración de la sombra paralela, haga clic en Aceptar.

Paso 5: Crea una capa a partir de tu sombra paralela

Ve a Capa > Estilo de capa > Crear capa para separar tu sombra paralela de su capa. Esto le permitirá modificar la sombra independientemente del objeto. Es posible que aparezca un cuadro de diálogo de advertencia cuando vaya a crear la capa; si es así, simplemente haga clic en Aceptar.

Paso 6: Distorsionar la sombra paralela

En su paleta Capas, seleccione la capa de sombra paralela recién creada.

Ve a Editar > Transforma > Distorsiona para llevar tu sombra paralela hasta el suelo.

Los conocimientos artísticos son útiles aquí; considera dónde están las sombras de forma en tu objeto para determinar en qué dirección debe caer la sombra proyectada de forma natural, y piensa en el punto de fuga de tu imagen para determinar hasta dónde debes distorsionar la sombra.

Si es necesario, puede seleccionar ciertas secciones de la sombra y transformarlas de forma independiente para asegurarse de que la sombra se conecta a todas las partes del objeto que tocan el suelo.

Ahorra tiempo y deja que demos vida a tus productos con sombras, a partir de sólo 0,25 $/imagen.

Para ello, establece el Modo de fusión de tu capa de sombra en Normal y el relleno en 100%.

Dibuja una selección alrededor del área de tu sombra que necesites modificar utilizando la Herramienta Marco Rectangular, y luego ve a Editar > Transformar > Distorsionar para editar esa parte de la sombra.

Una vez que esté satisfecho con sus cambios, aplique la transformación y utilice las herramientas Pincel y Borrador para «arreglar» cualquier borde de sus sombras. A continuación, cambie el Modo de fusión de capas de su capa de sombra caída de nuevo a Multiplicar, y reduzca el Relleno de esa capa de nuevo al 75%.

Paso 7: Crear un canal alfa

Esta sombra está empezando a parecer realista, pero recuerde que en la vida real, las sombras se vuelven más borrosas y claras cuanto más se alejan del objeto. El uso de un canal alfa es una forma sencilla de controlar las áreas de la sombra que deben difuminarse y aclararse.

Para crear un canal alfa, ve a Ventana > Canales para abrir tu Paleta de Canales. Haz clic en el menú Paleta para seleccionar Nuevo canal.

Se abrirá un cuadro de diálogo Nuevo canal. Puede mantener el nombre por defecto, Alfa 1. En Indicadores de color, asegúrese de elegir el botón de opción Área seleccionada.

Paso 8: Crear un degradado dentro de su canal alfa

En su paleta Canales, seleccione su nuevo canal Alfa 1 tal y como seleccionaría una capa. Asegúrese de que la visibilidad (icono del ojo a la izquierda del nombre del canal) está activada para todos los canales.

Seleccione la herramienta Gradiente de la paleta Herramientas. En la parte inferior de la paleta Herramientas, asegúrese de que el primer plano está configurado en negro y el fondo en blanco.

En la paleta Opciones, en la parte superior de la ventana de su aplicación, asegúrese de que el degradado está configurado en negro a blanco y que el tipo de degradado es lineal.

Una vez que la configuración del degradado sea correcta, coloque el cursor en el punto más alejado de la sombra (o más allá) y dibuje el degradado hacia la parte de la sombra que está más cerca del objeto.

La selección será visible como un gradiente rojo sobre su imagen.

Paso 9: Desenfocar la selección

Una vez que hayas creado tu degradado en tu canal alfa, verás un degradado rojo encima de tu imagen, indicando cómo la máscara dentro del canal interactúa con tu imagen. Puede alternar el icono del ojo junto a Alfa 1 para hacer invisible el gradiente rojo para que no distraiga.

Haga clic en el canal superior en su paleta de Canales (ya sea RGB o CMYK, dependiendo del modo de color de su imagen) para seleccionar sus canales de color y deseleccionar su canal alfa.

Vaya a su paleta de Capas para asegurarse de que todavía tiene su capa de sombra seleccionada.

Vaya a Filtro > Desenfoque > Desenfoque de lente. Aparecerá un cuadro de diálogo que te dará importantes controles sobre el desenfoque.

Asegúrate de que la casilla junto a Vista previa está marcada. En Mapa de profundidad, seleccione Alfa 1 en el menú desplegable Fuente.

Mantenga la Distancia focal del desenfoque en 0, y marque la casilla junto a Invertir.

Desplace el Radio a un número alto (en este ejemplo, se establece en 67). Deje todos los demás valores en sus valores predeterminados. Haga clic en Aceptar.

Paso 10: Crear una máscara de capa

Vaya a Seleccionar > Cargar selección. Elija Alfa 1 en las opciones desplegables del canal y asegúrese de que el botón de radio junto a Nueva selección esté marcado.

Haga clic en Aceptar.

Ahora verá una selección que se aproxima a las áreas más oscuras del degradado que creó en su canal alfa.

Seleccione el inverso yendo a Seleccionar > Seleccionar inverso, o escribiendo SHIFT+CONTROL+I (SHIFT+COMMAND+I en un Mac).

En su paleta de Capas, haga clic en el icono de Máscara de capa en la parte inferior de la paleta.

Cuando la máscara se aplique, la sombra parecerá «desvanecerse» mientras se aleja. Observe que la miniatura de la máscara de capa coincide con la miniatura junto a Alfa 1.

Paso 11: Considerar la fuente de luz y limpiar las sombras

Por último, asegúrese de que no hay porciones de su sombra que estén apareciendo en el lado equivocado de su objeto. Así, en el ejemplo de este tutorial, no debería haber instancias de la sombra que aparezcan delante del objeto ya que la fuente de luz empuja la sombra proyectada detrás del objeto. Utilizando la herramienta Borrador, elimine con cuidado las sombras que no correspondan.

También tenga en cuenta que las sombras de las patas delanteras en la imagen de la silla deben golpear las patas traseras de la silla. La forma más fácil de recrear estas sombras es crear una nueva capa por encima de su objeto y, a continuación, utilizando su color de sombra, utilizar la herramienta Pincel para pintar en las sombras proyectadas en la parte superior de su objeto. Establezca el modo de fusión de la capa en Multiplicar y ajuste la opacidad hasta que coincida con las sombras circundantes.

Usando variaciones de sombras

Si va a colocar su objeto en otra foto, puede que necesite crear sombras proyectadas adicionales para que coincidan con las otras sombras del nuevo fondo. Una vez que haya finalizado su primera sombra proyectada, puede añadir sombras adicionales en diferentes direcciones repitiendo los pasos anteriores para simular fuentes de luz adicionales.

También puede ajustar fácilmente su sombra para que aparezca en una pared detrás de su objeto.

Después de distorsionar tu sombra paralela (Paso 6), selecciona el área de la sombra que cae sobre la pared con la Herramienta Marco Rectangular y ve a Editar > Transformar > Distorsionar para tirar de la sombra hacia la pared.

Cuando crees tu canal alfa, ajusta tus colores para que el color de primer plano sea un gris oscuro (en lugar de negro), y comienza el gradiente en la base de la pared para que tu desenfoque y desvanecimiento sean uniformes contra la superficie de la pared.

Cuándo utilizar una sombra paralela en ecommerce

Colocar los productos en diferentes escenarios puede ayudar a los compradores a conectar con el producto a nivel emocional. Sin embargo, si estás usando Photoshop para fusionar el producto en ese escenario, necesitarás dar a ese producto una sombra paralela realista para que la foto parezca creíble.

Incluso si simplemente estás mostrando un producto contra un fondo blanco, añadir una sombra realista ayuda a que tu producto resalte contra el fondo y crea una foto más realista y de aspecto profesional.

Los muebles, en particular, se prestan a la técnica de la sombra paralela, añadiendo dimensión y profundidad a tus fotos de producto sin los aspectos técnicos de la iluminación durante la toma.

Aquí tienes un ejemplo de The Mood Store, donde puedes ver sombras paralelas añadidas a varias imágenes:

También verás esto con frecuencia en moda, ropa y accesorios. Kubashi, por ejemplo, añade una sombra paralela a las fotos de producto de las gorras de béisbol para añadir dimensión a una imagen que de otro modo sería plana.

La diferencia entre una sombra paralela y una sombra proyectada

Crear una sombra realista es un proceso mucho más complicado y gratificante que simplemente aplicar una sombra paralela a un objeto. Las sombras paralelas por sí mismas tienen aproximadamente el mismo tamaño y dimensión que el objeto. Rara vez en la vida real te encontrarás con una sombra que tenga el mismo aspecto que una sombra paralela no modificada. Ajustar su sombra en una sombra proyectada tridimensional utilizando el método descrito anteriormente es esencial para hacer que su sombra parezca realista.

Déjenos dar vida a sus productos con sombras naturales, a partir de sólo 0,25$/imagen.

Etiquetas:

• Cómo hacerlo,
• Edición de imágenes,
• Photoshop

Becky Kilimnik

Bio: Con más de 18 años de experiencia como diseñadora gráfica, a Becky le apasiona ayudar a la gente a mejorar sus contenidos dominando el software de manipulación de imágenes. Becky ha trabajado con una variedad de editoriales educativas en los Estados Unidos y el Reino Unido y ha enseñado diseño en seis universidades.