7 days of PS Actions, graphics, templates & fonts - for free! Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Photo Manipulation

Cómo crear una divertida manipulación fotográfica de zorros y café en Photoshop

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Lo que más me gusta de las manipulaciones fotográficas es que te permiten crear escenas irreales de una manera realista. En este tutorial, te mostraré cómo crear una divertida manipulación fotográfica con zorros miniatura invadiendo una mesa de café. Aprenderás cómo preparar fotos para una manipulación, cómo colocarlas en un mismo archivo y cómo combinarlas en el nuevo entorno agregando sombras, luz, desenfoque y ajustando los colores.

Lo que necesitarás

Para completar este proyecto, necesitarás los siguientes recursos:

1. Cómo preparar los recursos para una manipulación fotográfica

Paso 1

Abre una de las fotos de zorro en Photoshop. Usa la Herramienta lazo (L) para seleccionar el contorno del cuerpo del zorro.

use the lasso tooluse the lasso tooluse the lasso tool

Paso 2

Ve a Selección > Perfeccionar borde. Marca la casilla Radio Inteligente y arrastra un poco el Radio. Luego usa la Herramienta Perfeccionar radio para "dibujar" el pelaje que no ha sido seleccionado. Cuando termines, haz clic en OK.

refine edge photoshoprefine edge photoshoprefine edge photoshop
how to select fur photoshophow to select fur photoshophow to select fur photoshop

Paso 3

Ve a Selección > Invertir y elimina la selección.

invert the selectioninvert the selectioninvert the selection

Paso 4

Mi zorro no tiene las patas completas, pero una de ellas se ve bien. Copia la pata que se aprecia bien y arrástrala a los otros lugares, cambiando su forma con la Herramienta Transformación Libre (Control-T).

add missing pawsadd missing pawsadd missing paws

Paso 5

Haz lo mismo con los otros zorros. Colócalos en un archivo, en capas separadas.

place assets in one fileplace assets in one fileplace assets in one file

Paso 6

Debido a que los zorros vienen de fotos distintas, todos tienen diferente iluminación. Arreglemos esto para que sean más similares. Selecciona la capa con nuestro primer zorro y agrega una capa de ajuste de Niveles.

levels adjustment layerlevels adjustment layerlevels adjustment layer

Paso 7

Recorta la capa (Control-Alt-G) y arrastra las marcadores para aplicar brillo al zorro.

adjust levelsadjust levelsadjust levels
adjust brightness with levelsadjust brightness with levelsadjust brightness with levels

Paso 8

La cabeza se aprecia demasiado brillante y desaturada. Agrega una capa de ajuste de Tono/Saturación.

hue saturation adjustment layerhue saturation adjustment layerhue saturation adjustment layer

... y arrastra el marcador de Saturación. ¡No olvides recortar la capa!

adjust saturation with hue saturationadjust saturation with hue saturationadjust saturation with hue saturation
saturate color saturate color saturate color

Paso 9

Agrega una Máscara de Capa y rellénala de negro usando la Herramienta Bote de Pintura (G). Luego usa un pincel difuso y pinta de blanco para revelar el ajuste únicamente en la cabeza.

Si lo que dije suena confuso, aprende más sobre Máscaras de capa aquí:

use layer mask to eraseuse layer mask to eraseuse layer mask to erase

Paso 10

Usa este método para hacer que todos los zorros tengan un brillo y color similar.

unify colors of the assetsunify colors of the assetsunify colors of the assets

2. Cómo poner un zorro miniatura en la mesa

Paso 1

Abre la foto con la mesa. Copia uno de los zorros y pégalo en el archivo. Usa la Herramienta Transformación Libre (Control-T) para redimensionar el zorro.

place one fox on tableplace one fox on tableplace one fox on table

Paso 2

La foto de la mesa tiene una diferente profundidad de campo en distintos lugares. Debido a ello, los elementos en la mesa tienen varios grados de desenfoque. Ve a Filtro > Desenfocar > Desenfoque gaussiano y agrega algo de desenfoque en el zorro, ajustándolo a su entorno.

add gaussian bluradd gaussian bluradd gaussian blur
blur the foxblur the foxblur the fox

Paso 3

Pero la profundidad de campo cambia de manera gradual, asi que una parte del cuerpo del zorro podría estar más desenfocada que la otra. Para arreglarla, ve al Modo Máscara Rápida (Q) y pinta sobre la parte desenfocada planeada con un pincel difuso negro. Luego sal del modo (Q), ve a Selección > Invertir y aplica Control-H para ocultar la selección.

use quick mask to selectuse quick mask to selectuse quick mask to select

Paso 4

Usa de nuevo el Desenfoque gaussiano, esta vez únicamente en el área seleccionada.

blur selectivelyblur selectivelyblur selectively
selective blur in photoshopselective blur in photoshopselective blur in photoshop

Paso 5

Un nuevo lugar requiere nuevas sombras. Agrega una capa de ajuste de Tono/Saturación al zorro. Hazla un poco más oscura y ligeramente más saturada (porque las sombras pueden ser calentadas por el reflejo de la mesa café).

add shadows with hue saturationadd shadows with hue saturationadd shadows with hue saturation
shadows on the foxshadows on the foxshadows on the fox

Paso 6

Usa la Máscara de capa para pintar las sombras.

use layer mask to paint shadowsuse layer mask to paint shadowsuse layer mask to paint shadows

Paso 7

También se necesitan algunas sombras debajo del zorro. Agrega una capa de ajuste de Tono/Saturación al fondo. Hazla más oscura.

add shadows to the backgroundadd shadows to the backgroundadd shadows to the background

Paso 8

Rellena su máscara de capa de negro y pinta una sutil sombra debajo del zorro.

paint shadows on the backgroundpaint shadows on the backgroundpaint shadows on the background

Paso 9

Hay una sombra brillante en la mesa visible donde no hay reflejo. Podemos usarla para hacer más realista nuestro zorro. Ve a Filtro > Licuar y usa la Herramienta Deformar hacia Adelante (W) para arrastrar un poco de esta sombra debajo de la pata del zorro.

add fake shadowsadd fake shadowsadd fake shadows

Paso 10

También puedes agregar una capa de ajuste de Tono/Saturación para añadir más profundidad, sombras más oscuras en las hendiduras.

add ambient occlusion shadowsadd ambient occlusion shadowsadd ambient occlusion shadows

3. Cómo añadir otros zorros a la escena

Paso 1

Agreguemos los otros zorros de la misma manera. Copia y pega el zorro acurrucado, y redimensiónalo en el periódico, con su cabeza descansando sobre el teléfono.

add second foxadd second foxadd second fox

Paso 2

Agrega el Desenfoque gaussiano para desenfocar el zorro. Es bastante profundo en el fondo, así que puedes agregar un marcado desenfoque aquí. Mejorará magníficamente el realismo de toda la escena.

change blur to add depth of fieldchange blur to add depth of fieldchange blur to add depth of field

Paso 3

Añade las sombras debajo del zorro pintando en las máscaras de las capas de ajuste que has creado anteriormente para el fondo.

add shadows udner the foxadd shadows udner the foxadd shadows udner the fox

Paso 4

Hay un título rojo en el periódico que se refleja en el teléfono. Podemos reflejarlo en el cuerpo del zorro también. Agrega una capa de ajuste de Tono/Saturación, recórtala, y marca la casilla Colorear. Luego haz rojizo el zorro.

add reddish tintadd reddish tintadd reddish tint
add reflected coloradd reflected coloradd reflected color

Paso 5

Pinta sobre la máscara de capa de este ajuste y mantén el reflejo únicamente en la parte inferior.

add selective reflected coloradd selective reflected coloradd selective reflected color

Paso 6

Ahora agreguemos un zorro dentro de la taza. Pégalo y redimensiónalo.

add third foxadd third foxadd third fox

Paso 7

Sus patas no están colocadas correctamente, así que ve a Filtro > Licuar y usa la Herramienta Deformar hacia Adelante (W) para arrastrar la pata izquierda hacia el borde de la taza. Presiona OK cuando termines.

reshape the fox with liquifyreshape the fox with liquifyreshape the fox with liquify

Paso 8

Usa la Máscara de capa para borrar la parte del zorro que sería cubierta por la taza.

erase the fox with layer maskerase the fox with layer maskerase the fox with layer mask

Paso 9

Usa el Desenfoque gaussiano para ajustar el desenfoque con respecto al entorno.

add gaussian bluradd gaussian bluradd gaussian blur

Paso 10

El borde más lejano de la taza se ve más desenfocado, así que podemos hacer la parte posterior del cuerpo también más desenfocada. Selecciónalo con al Modo Máscara Rápida (Q) como lo hiciste anteriormente.

use quick mask to select edgesuse quick mask to select edgesuse quick mask to select edges
use gaussian blur selectivelyuse gaussian blur selectivelyuse gaussian blur selectively

Paso 11

La taza es muy reflexiva, y el zorro es naranja brillante. Agrega una capa de Tono/Saturación sobre el fondo y hazlo naranja. Luego pinta sobre la máscara para limitar el ajuste al área que rodea al zorro.

add reflected light on the cupadd reflected light on the cupadd reflected light on the cup

Paso 12

Pinta una sombra fina debajo de las patas del zorro.

add shadows under the pawsadd shadows under the pawsadd shadows under the paws

Paso 13

Finalmente, el último zorro. Colócalo junto a la taza.

add fourth foxadd fourth foxadd fourth fox

Paso 14

Agrega algo de Desenfoque gaussiano al zorro.

blur the foxxblur the foxxblur the foxx

Paso 15

La profundidad de campo cambia rápidamente en esta área, así que una parte del zorro debe ser desenfocada por separado. Ve a Filtro > Desenfocar > Desenfocar iris y mantén la cabeza del zorro en el centro del círculo. Luego ajusta la forma del círculo para hacer el resto gradualmente más desenfocado.

add iris bluradd iris bluradd iris blur

Paso 16

Pinta las sombras en el cuerpo del zorro agregando una capa de ajuste de Tono/Saturación.

add shadows to fox bodyadd shadows to fox bodyadd shadows to fox body

Paso 17

Debido a que la tabla es coloreada cálidamente, debería reflejar algo de su luz cálida en las sombras. Agrega una capa de ajuste de Equilibrio de Color para colorear las sombras.

color balance adjustment layercolor balance adjustment layercolor balance adjustment layer
color balance reddish orangecolor balance reddish orangecolor balance reddish orange
warm shadows with adjustment layerwarm shadows with adjustment layerwarm shadows with adjustment layer

Paso 18

Pinta las sombras debajo del zorro.

paint shadows on the groundpaint shadows on the groundpaint shadows on the ground

Paso 19

Hay una taza reflexiva junto al zorro, y la falta de reflexión podría regalar nuestra manipulación. Copia y pega la cabeza del zorro bostezando, colocándola detrás del zorro en cuclillas. Usa la Herramienta Transformación Libre (Control-T) en Modo Deformación para ajustar su tamaño y forma con la cabeza del zorro que está en cuclillas.

add reflection on the cupadd reflection on the cupadd reflection on the cup

Paso 20

Disminuye la Opacidad de la cabeza.

lower opacity of the reflectionlower opacity of the reflectionlower opacity of the reflection

Paso 21

Desenfoca ligeramente la reflexión.

blur the reflectionblur the reflectionblur the reflection

Paso 22

Usa una Máscara de capa para hacer el reflejo más débil pues la cabeza está volteando para otro lado.

use layer mask to blenduse layer mask to blenduse layer mask to blend

Paso 23

Adicionalmente, puedes añadir algo de luz brillante cuando sea necesario con una capa de ajuste de Tono/Saturación. Por ejemplo, aquí la utilicé para añadir una sutil luz de perfilado.

add bright lightadd bright lightadd bright light
add rim light photoshopadd rim light photoshopadd rim light photoshop

4. Cómo finalizar la manipulación fotográfica

Paso 1

Una vez que todos los zorros están en su lugar, puedes mirar la escena completa y verificar si todo luce bien. Ahora es un buen momento para añadir algunas correcciones mínimas.

finish photo manipulationfinish photo manipulationfinish photo manipulation

Paso 2

Si estás feliz con todo, finalicemos la ilustración. Agrega una capa de ajuste de Filtro de fotografía y experimenta con los parámetros. El filtro de fotografía ayuda a unificar toda la escena dándole el mismo matiz a cada elemento.

photo filter adjustment layerphoto filter adjustment layerphoto filter adjustment layer
colling photo filtercolling photo filtercolling photo filter
how to use photo filtershow to use photo filtershow to use photo filters

Paso 3

Haz clic derecho en las capas y selecciona Acoplar imagen. Luego ve a Filtro > Ruido > Añadir ruido. Esto también ayuda a unificar la imagen.

add noiseadd noiseadd noise

Paso 4

Usa la Herramienta Recortar (C) para obtener un mejor marco de la escena.

crop the scenecrop the scenecrop the scene

Paso 5

Finalmente, ve a Imagen > Tamaño de la imagen y cambia el tamaño a algo más presentable online.

change the image sizechange the image sizechange the image size

¡Buen trabajo!

¡Qué hermosa escena! ¿Quieres aprender más sobre manipulación fotográfica? Consulta nuestros otros tutoriales. ¡Y no olvides visitar Envato Elements si necesitas cualquier recurso de fotografía para tu trabajo!

how to create a fun photo manipulationhow to create a fun photo manipulationhow to create a fun photo manipulation
Advertisement
Did you find this post useful?
One subscription.
Unlimited Downloads.
Get unlimited downloads