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

Cómo Crear una Fotomanipulación de una Calavera de Azúcar con Flores Con Adobe Photoshop

Scroll to top

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

En éste tutorial te mostraré cómo crear una calavera abstracta inspirada en el Día de los Muertos, una celebración mexicana que rinde homenaje a los seres queridos que han fallecido. Una calavera de azúcar es uno de los símbolos más poplares de ésta celebración con coloridas decoraciones y maquillaje.

Usando Adobe Photoshop, tomaremos algunos elementos populares utilizados para una calavera de azúcar, como flores y elementos florales, una araña y una telaraña, y las combinaremos con pintura y acuarelas para lograr un resultado abstracto y colorido.

Recursos del Tutorial

Los siguientes recursos fueron usados durante la producción de éste tutorial:

1. Cómo Agregar un Fondo con Textura

Paso 1

Crea un nuevo documento de 1400 x 1200 px en Photoshop con los siguientes parámetros:

new filenew filenew file

Paso 2

Abre la imagen de la textura. Arrastra ésta imagen al lienzo blanco usando la Herramienta Mover (V) y disminuye la Opacidad a 50%.

add textureadd textureadd texture

Paso 3

Ve a Capa > Nueva Capa de Ajuste > Equilibrio de Color y cambia los valores de Medios Tonos:

texture color balancetexture color balancetexture color balance

Paso 4

Usa una capa de ajuste de Curvas para hacer el lienzo mucho más brillante:

texture curvestexture curvestexture curves

2. Cómo Añadir la Calavera

Paso 1

Aisla la calavera del fondo y agrégala a la mitad del lienzo.

add skulladd skulladd skull

Paso 2

Crea una nueva capa y establécla como Máscara de Recorte. Usa un pincel circular difuso con el color #eeddc3 y la Opacidad y Flujo en 34-36% para suavizar la superficie de la calavera, haciéndola ver más fina.

skull retouchskull retouchskull retouch

Paso 3

Usa una capa de ajuste de Tono/Saturación y cambia el valor Todos a -49:

skull hue saturationskull hue saturationskull hue saturation

Paso 4

Haz una capa de ajuste de Equilibrio de Color para cambiar el color de la calavera:

skull color balanceskull color balanceskull color balance

Paso 5

Crea una capa de ajuste de Curvas para oscurecer la parte superior de la calavera. En ésta máscara de capa, selecciona un pincel negro difuso para eliminar el área inferior para reestablecer su brillo.

skull curvesskull curvesskull curves

3. Cómo Elaborar las Formas de la Cara

Paso 1

Crea una nueva capa y activa la Herramienta Pluma (P). Asegúrate de que el modo esté en Forma para que puedas cambiar el color y la forma en cualquier momento más adelante. Elige el color #54af23 y dibuja una forma siguiendo la forma de la mejilla. Presiona Control-J para duplicar la capa y ve a Edición > Transformar Puntos > Voltear Horizontal. Mueve ésta forma a la otra mejilla.

shape 1shape 1shape 1

Cambia el modo de éstas capas a Multiplicar 100%.

shape 1 muiltiply modeshape 1 muiltiply modeshape 1 muiltiply mode

Paso 2

Dibuja más formas en la cara: el área de la barbilla con el mismo color, y selecciona el color #ed8d1c para ellas en ambos lados de la parte superior de la cabeza. Cambia el modo de las capas a Multiplicar 100%.

shape 2shape 2shape 2

Paso 3

Dibuja dos pequeñas formas debajo de las dos anteriores en ambos lados de la cabeza usando el color #e9e022 y altera sus modos de capa a Multiplicar 100%.

shape 3shape 3shape 3

Paso 4

Haz una forma en la parte superior de la cabeza usando el color #b87e03, modo Multiplicar 100%.

shape 4shape 4shape 4

Paso 5

Duplica ésta forma y voltéala verticalmente. Muévela a las áreas de la nariz y las mejillas y cambia el color a #ed611c. Haz click en el segundo ícono en la parte inferior del panel Capas para añadir una máscara a ésta capa. Usa un pincel negro de dureza media para eliminar el área inferior y dejar algún esplacio oscuro alrededor de las mejillas para crear algunas sombras.

shape 5shape 5shape 5

Paso 6

Agrega más formas en la nariz y la frente usando los colores #51a616 y #d3be2e. Usa una máscara de capa en la nariz para hacerla desvanecer.

shape 6shape 6shape 6

4. Cómo Decorar los Ojos

Paso 1

Haz dos capas separadas y usa un pincel negro medio difuso para rellenar las cavidades del ojo y los huecos debajo de las mejillas.

eyes holeeyes holeeyes hole

Paso 2

En otra capa, usa un pincel negro difuso con una baja Opacidad (de entre 30-40%) para pintar la sombra suave alrededor de las cavidades del ojo.

eyes shadoweyes shadoweyes shadow

Paso 3

Haz una nueva capa y manten presionada la tecla Control y haz click en la miniatura de capa del relleno de las cavidades de los ojos para cargar su selección. Ve a Edición > Contornear y selecciona el color #f86c00.

eyes strokeseyes strokeseyes strokes

Paso 4

Haz doble click en ésta capa, y elige Bisel y Relieve. Cambia el color de Resaltado a #df528 y la Sombra a #732222.

stroke layer stylestroke layer stylestroke layer style
stroke resultstroke resultstroke result

Agrega una máscara a ésta capa y usa un pincel negro difuso para eliminar el trazo en el ojo derecho (agregaremos más maquillaje a éste ojo más adelante).

stroke maskingstroke maskingstroke masking

Paso 5

Crea una nueva capa, cambia el modo a Superponer 100%, y rellena de gris 50%.

Dodge tool new fileDodge tool new fileDodge tool new file

Usa la Herramienta Sobreexponer (O) con Rango Medios Tonos, Exposición de entre 30-35% para agregar alguna luz a éste trazo. Puedes ver cómo lo hice con modo Normal y el resultado con modo Superponer.

dodge resultdodge resultdodge result

Paso 6

Haz una nueva capa y cambia el frente a negro. Elige un pincel definido y dismnuye su tamaño a entre 2-3 px y pinta varias líneas pequeñas alrededor del trazo del ojo para dividirlo en partes.

black linesblack linesblack lines

Paso 7

Abre la imagen de la telaraña. Usa la Herramienta Varita Mágica (W) para aislar la telaraña del fondo blanco y colócala en el área del ojo izquierdo. Usa la Herramienta Transformación Libre (Control-T) con el modo Deformación para cambiar la forma de la telaraña.

add spiderwebadd spiderwebadd spiderweb

Agrega una máscara a ésta capa y elimina la parte exterior de la calavera.

spiderweb maskingspiderweb maskingspiderweb masking

Paso 8

Haz doble click en ésta capa, y elige Sombra Paralela.

spiderweb drop shadowspiderweb drop shadowspiderweb drop shadow
drop shadow resultdrop shadow resultdrop shadow result

Paso 9

Crea una capa de ajuste Invertir para cambiar el color de la telaraña de negro a blanco. En ésta máscara de capa, usa un pincel negro difuso para reestablecer el negro en algunas áreas y hacer el efectro más interesante.

spiderweb invertspiderweb invertspiderweb invert

Paso 10

Usa una capa de ajuste de Curvas para incrementar la visibilidad de la telaraña.

spiderweb curvesspiderweb curvesspiderweb curves

5. Cómo Añadir el Vector Floral

Paso 1

Abre la imagen del vector floral. Como tiene un fondo transparente, solo usa la Herramienta Mover para arrasrarlo al lienzo y la calavera y defórmala para que encaje en la cara de la calavera.

add floral vectoradd floral vectoradd floral vector

Usa una máscara de capa para eliminar las partes florales afuera de la calavera y en la barbilla y mejillas, dejándolas visibles únicamente en la nariz, el ojo izquierdo, y en medio de la frente.

floral vector maskingfloral vector maskingfloral vector masking

Paso 2

Aplica los efectos de Sombra Paralela y Superposición de Colores a ésta capa. Elige el color #6bbb2a pra la Superposición de Colores y #1f4508 para la Sombra Paralela.

floral vector layer stylesfloral vector layer stylesfloral vector layer styles
floral vector drop shadowfloral vector drop shadowfloral vector drop shadow
floral vector layer styles resultfloral vector layer styles resultfloral vector layer styles result

Paso 3

Duplica ésta capa y muévela hacia abajo. Usa una máscara de capa para hacer el efecto visible únicamente en la barbilla.

more floral vectormore floral vectormore floral vector

Paso 4

Haz una nueva capa y usa un pequeño pincel definido con un color amarillo brillante (#eff243) para pintar algunas líneas cortas alrededor del vector floral y la telaraña.

yellow strokesyellow strokesyellow strokes

Paso 5

Crea una nueva capa, cambia el modo a Superponer 100%, y rellénala de gris 50%. Usa la Herramienta Sobreexponer y Superponer para afinar la luz y la sombra en la calavera, especialmente en la frente, nariz y mejillas.

DB skullDB skullDB skull

6. Cómo Añadir el Sombrero

Paso 1

Abre la imagen del sombrero. Extrae el sombrero de la cabeza del perro y colócalo arriba de la calavera.

add hatadd hatadd hat

Paso 2

Crea una nueva capa y usa un pincel negro difuso con la Opacidad de 40% para pintar la sombra del sombrero en la frente.

hat shadowhat shadowhat shadow

Paso 3

Haz una capa de ajuste de Tono/Saturación y cambia los parámetros de Todos y Cianes:

hat hue saturation masterhat hue saturation masterhat hue saturation master
hat hue saturation cyanshat hue saturation cyanshat hue saturation cyans

Paso 4

Agrega una capa de ajuste de Curvas para ocurecer el sombrero un poco.

hat curveshat curveshat curves

Aquí están las áreas para aplicar la máscara.

hat curves maskinghat curves maskinghat curves masking

7. Cómo Elaborar las Ramas

Paso 1

Aisla la rama del fondo  y colócla en el documento principal. Ve a Filtro > Licuar y elige la Herramienta Deformar Hacia Adelante. Usa ésta herramienta para modificar y curvar la rama, pero no cambies su forma demasiado.

branch liquifybranch liquifybranch liquify
branch liquify resultbranch liquify resultbranch liquify result

Voltéala horizontalmente y muévela a la derecha. Usa una máscara de capa para hacerla aparecer detrás de la calavera y la máscara.

branch liquify maskingbranch liquify maskingbranch liquify masking

Paso 2

Usa el mismo método para modificar la rama y duplícala muchas veces. Organiza los resultados alrededor de la calavera, haz que se salgan algunas ramas de las cavidades en la calavera, y usa una máscara de capa para eliminar los detalles no deseados.

add more liquified branchesadd more liquified branchesadd more liquified branches

Paso 3

Selecciona todas las capas de la rama y presiona Control-G para crear un grupo para ellas. Cambia el modo del grupo a Normal 100%. Agrega una capa de ajuste de Curvas para oscurecer las ramas un poco.

branches curvesbranches curvesbranches curves

8. Cómo Añadir la Araña

Paso 1

Extrae la araña del fondo oscuro y agrégala al orificio del ojo izquierdo.

add spideradd spideradd spider

Paso 2

Usa una capa de ajuste de Curvas para abrillantar un poco la araña.

spider curvesspider curvesspider curves

Paso 3

Haz una capa de ajuste de Tono/Saturación y disminuye el valor de Saturación a -77.

spider hue saturationspider hue saturationspider hue saturation

Paso 4

Usa la Herramienta Sobreexponer y Subexponer para afinar la luz y sombra de la araña.

spider DBspider DBspider DB

9. Cómo Añadir las Flores

Paso 1

Abre la imagen flores 1 y aisla las flores usando la Herramienta Varita Mágica. Selecciona una rosa de la imagen y agrégala a la parte derecha de la rama inferior.

add flower add flower add flower

Paso 2

Agrega más flores a las ramas y a la parte superior del sombrero de las imágenes flores 1 y 2.

more flowersmore flowersmore flowers

Paso 3

Agrega una flor al lárea de la barbilla y disminuye su Opacidad a 70% para fusionarla con la superficie.

flower on chinflower on chinflower on chin

Paso 4

Usa la Herramienta Licuar para modificar algunas de las flores que hicimos con las ramas.

liquify flowersliquify flowersliquify flowers

Usa una máscara de capa para ocultar su parte inferior detrás del sombrero. 

liquified flowers maskingliquified flowers maskingliquified flowers masking

Paso 5

Pinta sombra para una de las flores en el sombrero.

flower shadowflower shadowflower shadow

Paso 6

Usa una capa de ajuste de Tono/Saturación para una flor en la derecha. Cambia los parámetros de Rojos y Amarillos.

flower hue saturation redsflower hue saturation redsflower hue saturation reds
flower hue saturation yellowsflower hue saturation yellowsflower hue saturation yellows

Paso 7

Haz un grupo para las flores y usa una capa de ajuste de Tono/Saturación para hacerlas más amarillas.

flowers group hue saturationflowers group hue saturationflowers group hue saturation

Paso 8

Usa una capa de ajuste de Curvas para hacer las flores un poco más brillantes.

flowers group curvesflowers group curvesflowers group curves

Paso 9

Extrae la rosa y colócala en el orificio oscuro del ojo derecho. Duplícala y muévela a una rama en la parte izquierda.

add rosesadd rosesadd roses

Usa una máscara de capa para cortar la rosa derecha un poco para hacerla parecer estar adentro de la cavidad del ojo.

rose maskingrose maskingrose masking

Paso 10

Agrega una capa de ajuste de Tono/Saturación y cambia el valor de Saturación a -59.

rose hue saturationrose hue saturationrose hue saturation

Paso 11

Utiliza una capa de ajuste de Equilibrio de Color y altera los ajustes de Medios Tonos:

roses color balanceroses color balanceroses color balance

Paso 12

Haz una capa de ajuste de Curvas para incrementar la sombra de la rosa dentro del ojo.

roses curvesroses curvesroses curves

10. Cómo Crear el Efecto de Acuarela

Paso 1

Agrega la imagen acuarela 1 a la parte inferior del lienzo y cambia el modo a Multiplicar 100%. Usa una máscara de capa para elimnar el borde blanco y hacer el efecto sutil. Coloca ésta capa debajo de la capa de la calavera, arriba de la imagen de la textura.

add watercolor 1add watercolor 1add watercolor 1
watercolor 1 multiplywatercolor 1 multiplywatercolor 1 multiply

Paso 2

Agrega la imagen acuarela 2 usando el mismo método. Coloca ésta imagen en la parte superior central del lienzo.

watercolor 2watercolor 2watercolor 2

Duplica ésta capa y rótala al otro lado. Aplica una máscara de capa para hacer que el efecto parezca sutil y menos obvio.

watercolor 2 duplicatewatercolor 2 duplicatewatercolor 2 duplicate

Paso 3

Agrega la imagen acuarela 3 al ojo derecho y luego usa una máscara de capa para eliminar los bordes blancos. Coloca ésta capa arriba de las otras capas.

add watercolor 3add watercolor 3add watercolor 3

Paso 4

Usa una capa de ajuste de Curvas para incrementar la visibilidad del efecto:

watercolor 3 curveswatercolor 3 curveswatercolor 3 curves

Paso 5

Duplica ésta capa y muévela atrás del hueco negro al lado de la boca.

watercolor 3 duplicatewatercolor 3 duplicatewatercolor 3 duplicate

Paso 6

Usa una capa de ajuste de Tono/Saturación para cambiar el color del efecto de rojo a verde.

watercolor 3 hue saturationwatercolor 3 hue saturationwatercolor 3 hue saturation

Paso 7

Importa la imagen acuarela 4 al lienzo principal y elimina sus bordes usando una máscara de capa.

add watercolor 4add watercolor 4add watercolor 4
watercolor 4 maskingwatercolor 4 maskingwatercolor 4 masking

Haz una capa de ajuste de Curvas para cambiar el color del efecto.

watercolor 4 curveswatercolor 4 curveswatercolor 4 curves

Paso 8

Abre el paquete de acuarela (acuarela 5). Usa éstas imágenes (o puedes elegir las que quieras) para agregar a ambos lados de la calavera.

watercolors 5watercolors 5watercolors 5

Cambia el modo de éstas capas a Multiplicar 100% y aplica una máscara de capa para cada una de éstas capas para cancelar cualquier borde blanco restante.

watercolors 5 maskingwatercolors 5 maskingwatercolors 5 masking

Paso 9

Aplica una capa de ajuste de Tono/Saturación a la que está en la parte inferior derecha:

watercolors 5 hue saturation 1watercolors 5 hue saturation 1watercolors 5 hue saturation 1

Paso 10

Usa una capa de ajuste de Tono/Saturación para la que está en la parte superior izquierda y cambia los ajustes de Todos:

watercolors 5 hue saturation 2watercolors 5 hue saturation 2watercolors 5 hue saturation 2

Crea una capa de ajuste de Curvas para decrementar la visibilidad del efecto, haciéndolo más sutilmente fusionado.

watercolors 5 curveswatercolors 5 curveswatercolors 5 curves

11. Cómo Agregar los Medios Tonos y las Mallas

Paso 1

Selecciona una de las imágenes de medios tonos y agrégala a la parte inferior de la calavera. Cambia el modo de ésta capa a Luz Suave 100% y usa una máscara de capa para reducir su visibilidad:

add halftoneadd halftoneadd halftone
halftone maskinghalftone maskinghalftone masking

Paso 2

Duplica ésta capa y muévela a la parte superior derecha.

halftone duplicatehalftone duplicatehalftone duplicate

Usa una capa de ajuste de Invertir para abrillantar el efecto.

halftone inverthalftone inverthalftone invert

Paso 3

Duplica ésta capa y la capa de ajuste de Invertir dos veces, y muévela a la parte inferior izquierda y a la parte superior izquierda. Ayuda a conectar todos los elementos.

add more halftonesadd more halftonesadd more halftones

Paso 4

Usa la imagen de la malla que quieres y colócala a la izquierda de la calavera. Altera el modo a Luz Suave 100%. Puedes duplicarla como lo he hecho, pero depende totalmente de tu gusto.

add wireframesadd wireframesadd wireframes
wireframes soft light modewireframes soft light modewireframes soft light mode

Paso 5

Haz una capa de ajuste de Invertir para cada una de éstas capas.

wireframes invertwireframes invertwireframes invert

12. Cómo Realizar los Ajustes Finales

Paso 1

Haz una nueva capa arriba de todas las capas y usa un pincel difuso con el color #d4c7a9 para pintar en y alrededor de la calavera para llevar algo de luz a éstas áreas. Cambia el modo de ésta capa a Luz Suave 100%.

paint lightpaint lightpaint light
light resultlight resultlight result

Paso 2

Crea una capa de Relleno de Color y elige el color #020b22. Cambia éste modo de capa a Exclusión 100%.

color fill color fill color fill

Paso 3

Agrega una capa de ajuste de Equilibrio de Color y altera los valores de Medios Tonos.

whole canvas color balancewhole canvas color balancewhole canvas color balance

Paso 4

Utiliza una capa de ajuste de Curvas para realzar el color y el efecto. Toma un pincel negro difuso con una muy baja Opacidad (20-25%) para pintar alrededor del área de en medio para realizar un sutil efecto de viñeta para el resultado final.

whole canvas curveswhole canvas curveswhole canvas curves

¡Felicidades, Terminaste!

Espero que hayas disfrutado mi tutorial y hayas aprendido algo nuevo. Con toda confianza comparte tus ideas o comentarios en la sección de abajo-me gustaría verlos. ¡Disfruta Photoshopear!

final resultfinal resultfinal result