1. Design & Illustration
  2. Graphic Design
  3. Photo Manipulation

Photoshop para niños: ¡Apílame!

Me encantan los chistes visuales clásicos. No tengo problema en admitirlo. Hay cierto encanto en el humor de Charlie Chaplin y de Los pequeños bribones. Así que cuando mis hijos y yo empezamos a pensar en formas de intentar recuperar ese sabor clásico del humor, dimos con el Tótem Trinchera. Es un viejo "gag" que se ha utilizado antes, pero también es muy divertido y sirve para reírse.
Scroll to top
This post is part of a series called Adobe Photoshop for Kids!.
Photoshop for Kids: Jedi Me!

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

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

Me encantan los chistes visuales clásicos. No tengo problema en admitirlo. Hay cierto encanto en el humor de Charlie Chaplin y de Los pequeños bribones. Así que cuando mis hijos y yo empezamos a pensar en formas de intentar recuperar ese sabor clásico del humor, dimos con el Tótem Trinchera. Es un viejo "gag" que se ha utilizado antes, pero también es muy divertido y sirve para reírse.

La idea es transmitir una escena en la que los niños tengan que hacerse pasar por adultos, y la solución que se les ocurre es subirse a los hombros de los demás para alcanzar la altura de un adulto, y envolverlo todo en un gran y llamativo abrigo (¡con un elegante sombrero de fieltro, por supuesto!) en un intento de ocultar la treta.

¡El juego comenzó! Acompáñanos en nuestra versión del clásico gag: ¡lo llamamos Apílame!

1. ¡Toma algunas fotos!

La mejor parte de este proyecto es conseguir las fotos que se van a utilizar. Es la parte en la que los niños pueden ser más activos y todo el proceso puede ser muy divertido.

Queríamos crear una situación en la que el chiste tuviera sentido, pero no queríamos dar a entender que los niños estaban intentando algo ilegal. Así que no queríamos que compraran artículos que estuvieran controlados por la edad, ni que se colaran en un establecimiento solo para adultos. La idea que se nos ocurrió fue utilizar una tienda de caramelos en la que la tienda no cobrara las compras a menos que estuviera presente un adulto.

Paso 1

Hay una tienda de golosinas cerca de mi casa que tiene una decoración maravillosamente brillante y colorida.

Cuando se trabaja en un proyecto de este tipo, siempre es mejor ser sincero con el personal y pedir permiso primero. En nuestro caso, el dependiente fue bastante amable y nos permitió hacer unas cuantas fotos. También nos aseguramos de hacer una compra, de modo que no estábamos allí solo para tomar las imágenes, sino también para contribuir a su negocio.

The candy shop settingThe candy shop settingThe candy shop setting

Paso 2

Después de comer los dulces y volver a casa, llegó el momento de preparar las otras fotos. El dependiente de la tienda de caramelos declinó la posibilidad de participar en las fotos, así que tuvimos que crear nuestro propio dependiente. Esto se logró fácilmente con un delantal de colores similar a los que llevan los empleados reales.

The shop keeper stand inThe shop keeper stand inThe shop keeper stand in

Paso 3

La seguridad es lo más importante, sobre todo cuando se trabaja con niños. En realidad, la mayoría de los niños no tienen la fuerza, el equilibrio y la coordinación necesarios para construir un tótem humano real. Afortunadamente, podemos utilizar unas cuantas medidas prácticas para mantener la seguridad, y luego utilizar Photoshop para que todo funcione.

Encontramos un método estupendo en el uso de un simple taburete para que un niño se arrodille, mientras otro simplemente se coloca delante.

Use a stool to make the totem stack safeUse a stool to make the totem stack safeUse a stool to make the totem stack safe

Paso 4

Los accesorios son los que hacen que la escena sea divertida para los niños. La llamativa gabardina es imprescindible, pero las botas de gran tamaño y el sombrero de fieltro son excelentes accesorios que ayudan a lograr el efecto general. Asegúrate de que el niño de la parte inferior pueda seguir asomándose, ya que ese es el aspecto fundamental para el humor de la pieza.

Put the coat on to form the Totem Pole TrenchPut the coat on to form the Totem Pole TrenchPut the coat on to form the Totem Pole Trench

Paso 5

Diviértete con esto y anima a los niños a sugerir poses e ideas. Haz varias fotos y disfruta del proceso creativo. ¡Nosotros nos reímos de la locura general de la idea!

Take several shots to have plenty of assets to choose fromTake several shots to have plenty of assets to choose fromTake several shots to have plenty of assets to choose from

Si no puedes hacer tus propias fotos para este proyecto, no dudes en tomar prestadas las nuestras descargando el archivo adjunto de este tutorial, StackUpSourcePhotos.zip.

Una vez tomadas todas las fotos y guardadas las luces, es hora de que entre la verdadera fuerza creativa de este proyecto: ¡los niños! Asegúrate de estar disponible para ayudarles con cualquier pregunta o problema que puedan tener mientras trabajan con Photoshop.

2. ¡Hola niños!

Esperamos que se hayan divertido con este proyecto tanto como nosotros. Mis hijas estaban muy emocionadas al ver el resultado final. ¡Supongo que tú también lo estás! Así que empecemos.

Paso 1

Primero elige tu foto favorita del apilamiento. Tiene que ser una en la que los ojos parezcan estar mirando al dependiente de la tienda, ¡y también debe ser divertida!

Starting photo for the stack upStarting photo for the stack upStarting photo for the stack up

Paso 2

¿Cuántos niños ayudaron en el apilamiento? Nosotros tuvimos tres, y son trillizos, ¡así que pensamos que eso lo haría aún más divertido!

Si tuvieras más de dos niños trabajando en el proyecto, podrías añadir otra cabeza asomada en el abrigo.

Abre otra imagen y utiliza la herramienta Lazo (L) para dibujar un contorno alrededor de la cabeza y la abertura del abrigo. Luego ve a Edición > Copiar (Control-C).

Selecting another head to add into the main sceneSelecting another head to add into the main sceneSelecting another head to add into the main scene

Paso 3

Vuelve a hacer clic en la pestaña de la primera imagen y ve a Edición > Pegar (Control-V) y la selección que hiciste en la otra imagen se pegará en una nueva capa. Utiliza la herramienta Mover (V) para mover esa capa y que parezca que encaja debajo de la cabeza del otro niño.

Paste the copied layers into the first image as a layerPaste the copied layers into the first image as a layerPaste the copied layers into the first image as a layer

Paso 4

El contorno alrededor de su cabeza hace que parezca que la han pegado allí. ¡Tenemos que arreglar eso!

Podemos hacerlo con algo llamado Máscara de capa. Ve a Capa > Máscara de capa > Revelar todo. Verás un pequeño cuadro blanco al lado de la capa. Esta es la máscara. A continuación, coge la herramienta Pincel (B) y abre la ventana Pinceles preestablecidos con Ventana > Pinceles preestablecidos. Haz clic en el pincel Circular difuso.

Add a layer mask and select a Soft Round brushAdd a layer mask and select a Soft Round brushAdd a layer mask and select a Soft Round brush

Paso 5

Asegúrate de que el color del pincel es negro. Si no lo es, pulsa la tecla D para establecer los colores por defecto. A continuación, utiliza este pincel para colorear sobre los bordes de la capa, ¡y verás cómo esos bordes desaparecen! Es como pintar con tinta que hace desaparecer las cosas.

Use a Layer Mask to hide the area below her headUse a Layer Mask to hide the area below her headUse a Layer Mask to hide the area below her head

Paso 6

La segunda imagen nos pareció mucho mejor para el brazo. ¿Quizás tú también lo pienses? Vuelve a esa imagen haciendo clic en la pestaña correspondiente. Vuelve a utilizar la herramienta Lazo (L) para dibujar un contorno alrededor de su brazo. Luego ve a Edición > Copiar (Control-C) para copiarlo.

Make a selection of the hand from the second imageMake a selection of the hand from the second imageMake a selection of the hand from the second image

Paso 7

Vuelve a hacer clic en la pestaña de la primera imagen y ve a Edición > Pegar (Control-V). Utiliza la herramienta Mover (V) para colocar la mano en su sitio.

Paste the new hand layer into the main projectPaste the new hand layer into the main projectPaste the new hand layer into the main project

Paso 8

Ahora tenemos que fusionar esa capa, al igual que hicimos con la anterior. Ve a Capa > Máscara de capa > Revelar todo para añadir la máscara de capa. A continuación, utiliza la misma herramienta Pincel (B) para pintar los bordes ¡y que se fusionen bien!

Add in the alternate hand positionAdd in the alternate hand positionAdd in the alternate hand position

Paso 9

Ahora que tenemos nuestra pila completa, va a ser más fácil poner todo en la escena de la tienda de dulces, si está todo en una sola capa. Así que usaremos un pequeño truco para combinarlas todas juntas. Mantén pulsada la tecla Alt y ve a Capa > Combinar visible. Esto creará una capa combinada por encima del resto.

Create a merged layer Create a merged layer Create a merged layer

Paso 10

Ahora tenemos que deshacernos del fondo. Coge la herramienta Selección rápida (W) y pinta alrededor del borde interior de la persona ficticia. La herramienta creará una selección encontrando los bordes.

Ten cuidado de no seleccionar las patas del taburete. Si la herramienta agarra áreas que no quieres, mantén presionada la tecla Alt para usar el modo Sustraer de la selección y "deselecciona" las áreas que no quieres.

Select the entire figureSelect the entire figureSelect the entire figure

Paso 11

Pulsa el botón de Perfeccionar borde para obtener un cuadro de control que te ayude a mejorar el borde de la selección. Estos ajustes a veces pueden ser un poco confusos, pero queremos hacer un borde que sea nítido y que no tenga nada del fondo. Estos son los ajustes que hemos utilizado, pero los tuyos pueden ser un poco diferentes.

  • Radio inteligente: marcado
  • Suavizado: 3 px
  • Calar: 1 px
  • Desplazamiento de borde: -20%

A continuación, establece la Salida a Máscara de capa y pulsa OK.

Use the Refine Edge ToolUse the Refine Edge ToolUse the Refine Edge Tool

Paso 12

Mantén presionada la tecla Alt y haz clic en el globo ocular junto a la capa combinada. Esto hace que todas las demás capas sean invisibles. Ahora puedes ver claramente cómo la máscara funciona para eliminar el fondo. Utiliza la herramienta Pincel (B) de nuevo para hacer cambios en la máscara. ¡Comprobamos que las patas del taburete aún pueden verse bajo la bota! ¡Pero el pincel se encargó de eso muy rápidamente!

¡Recuerda que al pintar sobre una máscara, el blanco muestra y el negro oculta! Piensa en ello como en una linterna: cuanto más brillante sea, más podrás ver.

Touch up the mask by handTouch up the mask by handTouch up the mask by hand

¡Y ya está!

¡Buen trabajo, niños! Han construido el tótem humano. Ahora quédense para ayudar a colocar toda la escena.

Final Stack Up AssemblyFinal Stack Up AssemblyFinal Stack Up Assembly

3. Ensamblaje de los elementos

Si crees que los niños han hecho un gran trabajo colocando el apilamiento, consulta si quieren proseguir con la extracción de la dependienta de su fondo también. ¡Pero si tus hijos son como los míos, no les interesará mucho esta parte, simplemente porque no es tan entretenida como las fotos de todos ellos apilados!

Paso 1

Deja el archivo del apilamiento abierto mientras abres la foto de la dependienta. También hay que extraerla del fondo.

Skeptical shopkeeper shotSkeptical shopkeeper shotSkeptical shopkeeper shot

Paso 2

Extráela del fondo utilizando el mismo proceso de la herramienta Selección rápida, Perfeccionar borde, y retoca la máscara a mano. No te preocupes por el problema de seleccionar sus calcetines contra el fondo blanco, ¡porque sus pies van a estar ocultos de todos modos!

extracted shopkeeperextracted shopkeeperextracted shopkeeper

Paso 3 

Ahora abre la foto de la tienda de caramelos y arrastra y suelta las dos figuras en la escena. Si estás usando pestañas de documento, arrastra la capa que deseas copiar a la pestaña del archivo de la escena, y cuando Photoshop cambie a ese archivo, suelta la capa en el lienzo.

Bring all the elements togetherBring all the elements togetherBring all the elements together

Paso 4

La empleada de la tienda debe estar detrás del mostrador para reforzar la idea de que es una empleada de la tienda. La mejor manera de hacerlo es con una máscara de capa, pero su capa tiene una máscara. Una solución inteligente para esto es colocarla en un grupo de capas y utilizar una máscara separada en el grupo. Con la capa de la empleada de la tienda activa, ve a Capa > Agrupar capas (Control-G).

Create a group for the shopkeeperCreate a group for the shopkeeperCreate a group for the shopkeeper

Paso 5

Cambia la visibilidad de la capa de la dependienta para que se vea claramente el mostrador. Utiliza la herramienta Lazo poligonal (L) para trazar cuidadosamente el contorno del mostrador.

Create a selection around the counter and registerCreate a selection around the counter and registerCreate a selection around the counter and register

Paso 6

Cambia la visibilidad de la dependienta para que vuelva a ser visible. A continuación, asegúrate de que el grupo de capas es la capa activa y ve a Capa > Máscara de capa > Revelar selección.

Una excelente ventaja de tener la máscara en el grupo de capas es que la capa de la vendedora puede moverse libremente detrás del mostrador sin tener que preocuparse de cambiar la máscara.

Use the selection to create a mask on the layer groupUse the selection to create a mask on the layer groupUse the selection to create a mask on the layer group

4. Trabajo de composición

Las partes principales están en su lugar, así que ahora es el momento de hacer algo de magia de composición para que todo esto se perciba como una escena cohesiva.

Paso 1

El color de la vendedora no coincide con el resto de la tienda. Añade una capa de ajuste de Filtro fotográfico justo encima de la capa de la dependienta. Utiliza el ajuste preestablecido Filtro cálido (85). Recorta la capa de ajuste a la capa de la vendedora con Capa > Crear máscara de recorte (Alt-Control-G).

add a photo filter to the shopkeeperadd a photo filter to the shopkeeperadd a photo filter to the shopkeeper

Paso 2

Añade el mismo filtro fotográfico a la capa del apilamiento para asegurar la consistencia del color. Recorta esta capa de ajuste a la capa del apilamiento.

Add a Photo Filter to the Stack Up layerAdd a Photo Filter to the Stack Up layerAdd a Photo Filter to the Stack Up layer

Paso 3

Añade una capa de ajuste de Curvas y recórtala también a la capa del apilamiento. Añade un punto en el centro de la curva y súbelo ligeramente para aclarar los tonos medios de la capa oscura.

Use Curves to brighten up the mid tones of the coatUse Curves to brighten up the mid tones of the coatUse Curves to brighten up the mid tones of the coat

Paso 4

Añade una nueva capa debajo de la capa del apilamiento y establece el modo de fusión en Multiplicar. Utiliza la herramienta Pincel (B) con el pincel circular difuso y la pintura gris oscura. Ajusta la Opacidad del pincel al 30% y crea una sombra bajo los pies y en el mostrador.

Add a shadow under the stack up figureAdd a shadow under the stack up figureAdd a shadow under the stack up figure

Paso 5

Selecciona la capa del apilamiento y ambas capas de ajuste con la tecla Mayús. Mantén pulsada la tecla Alt y ve a Capa > Combinar capas (Control-E). Esto hace una copia combinada de las capas de apilamiento que se utilizará para crear un reflejo en el suelo. Mueve la capa por debajo de la capa de apilamiento original, pero por encima de la sombra.

Create a merged layer to use for a reflectionCreate a merged layer to use for a reflectionCreate a merged layer to use for a reflection

Paso 6

Voltea el reflejo con Edición > Transformación > Voltear verticalmente. A continuación, utiliza Edición > Transformar > Escalar para escalar el reflejo verticalmente para que no se vea estirado. Ajusta el modo de fusión a Luz suave.

Paso 7

Ajusta la Opacidad de la capa al 40% y ve a Filtro > Desenfocar > Desenfoque gaussiano. Utiliza un Radio de 3 píxeles. Esto evita que el reflejo se vea demasiado nítido en el suelo de baldosas.

Add a Gaussian Blur to the reflectionAdd a Gaussian Blur to the reflectionAdd a Gaussian Blur to the reflection

Paso 8

Para que la broma tenga sentido, es necesario que haya una razón obvia para que los niños intenten tal cosa. La mayoría de las tiendas de caramelos no tienen problemas para vender a los niños, pero añadiremos una señal de prohibición a esta para que el chiste tenga sentido.

Utiliza la herramienta de Texto horizontal (T) para añadir unas cuantas líneas de texto. Elegimos la frase "TODAS LAS COMPRAS DE CARAMELOS DEBEN SER REALIZADAS POR ADULTOS" en texto grande y en negrita.

Add text that explains the situationAdd text that explains the situationAdd text that explains the situation

Paso 9

Selecciona todas las capas de texto y ve a Capa > Objeto inteligente > Convertir en objeto inteligente. Establece el modo de fusión en Multiplicar y utiliza Edición > Transformar > Distorsionar para tirar de las esquinas del texto para que coincidan con la perspectiva del frente del mostrador.

Distort the text to match the perspective of the front of the counterDistort the text to match the perspective of the front of the counterDistort the text to match the perspective of the front of the counter

Así es como debería verse la imagen en este punto.

5. Efectos finales

La escena podría estar terminada en su estado actual. Pero pensamos que le vendrían bien unos cuantos efectos adicionales para hacerla más dramática y atractiva. Los siguientes pasos son completamente opcionales y ayudarán a dar a la toma un aspecto final más pulido.

Paso 1

Añade una nueva capa para los efectos de sobreexposición y subexposición. Ve a Edición > Rellenar y elige 50% de gris para el contenido. A continuación, cambia el modo de fusión de la capa a Superponer para que el gris sea completamente invisible.

Add a gray filled layer for dodge and burnAdd a gray filled layer for dodge and burnAdd a gray filled layer for dodge and burn

Paso 2

Usa la herramienta Subexponer (O) con el Rango establecido en Tonos medios y la Exposición al 9%. Con una punta circular difusa, trabaja las áreas de sombra de la escena. El efecto se acumula gradualmente, así que ten paciencia. Cambia a la herramienta Sobreexponer (O) para iluminar las zonas de luz de la imagen.

build up the shadows and highlights with the dodge and burn toolsbuild up the shadows and highlights with the dodge and burn toolsbuild up the shadows and highlights with the dodge and burn tools

Paso 3

Mantén pulsada la tecla Alt y ve a Capa > Combinar visible para crear una copia combinada de la escena. Convierte la capa combinada en un objeto inteligente con Capa > Objeto inteligente > Convertir en objeto inteligente.

Add a merged layer as a smart objectAdd a merged layer as a smart objectAdd a merged layer as a smart object

Paso 4

Ve a Filtro > Otro > Paso alto y utiliza un Radio de 4,0 píxeles.

Use the High Pass filterUse the High Pass filterUse the High Pass filter

Paso 5

Ve a Filtro > Galería de filtros y utiliza el filtro Pinceladas del conjunto Artístico. Ajusta el Tamaño del pincel a 1 y el Enfoque a 4.

Use the Paint Daubs filterUse the Paint Daubs filterUse the Paint Daubs filter

Paso 6

Cambia el modo de fusión de la capa a Superponer. Los filtros combinados con el modo Superponer crean un efecto de enfoque bien definido.

Añade una máscara de capa con Capa > Máscara de capa > Ocultar todo para ocultar el efecto. A continuación, utiliza la herramienta Degradado (G) con la forma Radial y el ajuste preestablecido de Primer Plano a Transparente con pintura blanca. Añade dos degradados grandes sobre las dos figuras de la escena para centrar el efecto de nitidez en ellas.

Use gradients on the mask to focus the sharpening effectUse gradients on the mask to focus the sharpening effectUse gradients on the mask to focus the sharpening effect

Paso 7

Crea otra capa combinada manteniendo pulsada la tecla Alt mientras vas a Capa > Combinar visible. Convierte esa capa en un Objeto inteligente con Capa > Objeto inteligente > Convertir en objeto inteligente.

Create another merged layer as a Smart ObjectCreate another merged layer as a Smart ObjectCreate another merged layer as a Smart Object

Paso 8

Ve a Filtro > Interpretar > Efectos de iluminación. Utiliza una luz puntual cerca del centro superior de la escena con la siguiente configuración:

  • Intensidad: 45
  • Exposición: -11
  • Resplandor: -41
  • Metálico: -88
  • Ambiente: -41
Add Lighting EffectsAdd Lighting EffectsAdd Lighting Effects

Paso 9

Ve a Imagen > Ajustes > Sombras/iluminación. Marca la casilla Mostrar más opciones para acceder al conjunto de controles extra. La intención aquí es ajustar las Sombras y las Luces, pero sobre todo ajustar el deslizador de Tonos Medios, ya que aumentará el contraste en los tonos medios y dará a la imagen un aspecto más pictórico. Aquí están los ajustes que utilizamos:

  • Sombra > Cantidad: 43%
  • Sombra > Tono: 16%
  • Sombra > Radio: 97 px
  • Iluminaciones > Cantidad: 4%
  • Iluminaciones > Tono: 50%
  • Iluminaciones > Radio: 30 px
  • Ajustes > Medios tonos: -32
Use a ShadowsHighlights adjustmentUse a ShadowsHighlights adjustmentUse a ShadowsHighlights adjustment

Paso 10

Ve a Filtro > Filtro de Camera Raw y en la pestaña Básico realiza los siguientes ajustes:

  • Contraste : -15
  • Iluminaciones: -6
  • Sombras: 34
  • Blancos: 19
  • Negros: 32
  • Claridad: 26
  • Intensidad: 18
Camera Raw Filter Basic SettingsCamera Raw Filter Basic SettingsCamera Raw Filter Basic Settings

Cambia a la pestaña Efectos en el filtro de Camera Raw y realiza estos ajustes:

  • Dehaze (Borrar neblina): 30
  • Viñeta posterior al recorte > Cantidad: -16
Effects settings for the Camera Raw FilterEffects settings for the Camera Raw FilterEffects settings for the Camera Raw Filter

Aunque la imagen no está actualmente distorsionada, forzar algo de distorsión del lente contribuye a la apariencia de fantasía. Cambia a la pestaña Distorsión de lente del filtro de Camera Raw y realiza estos ajustes:

  • Transformar > Distorsión: -10
  • Transformar > Vertical: -5
  • Transformar > Escala: 102
  • Viñeta de la lente > Cantidad: -100
Lens Distortion settings in Camera RawLens Distortion settings in Camera RawLens Distortion settings in Camera Raw

Paso 11

Para el efecto final, vamos a añadir un sutil desenfoque de lente a las áreas exteriores de la imagen, forzando aún más la atención al centro. Ve a Filtro > Galería de desenfoque > Desenfoque de Iris. Ajusta el aro de desenfoque para cubrir la mayor parte del lienzo y el Desenfoque a 10 px.

Add an Iris Blur to the final imageAdd an Iris Blur to the final imageAdd an Iris Blur to the final image

¡Ya está!

¡Enhorabuena, y disfruta de la divertida escena Apílame!

Si quieres más tutoriales de Photoshop junto con algunos proyectos de manipulación fotográfica, pinceles personalizados e incluso más diversión, echa un vistazo a mi perfil aquí en Envato Tuts+ para ver mis otros tutoriales, consejos rápidos y cursos.

Final Stack Me Up SceneFinal Stack Me Up SceneFinal Stack Me Up Scene