1. Design & Illustration
  2. Drawing/Illustration
  3. Drawing

Cómo crear en Adobe Illustrator una escena de la película "Juegos diabólicos" que presenta una silueta ante un televisor

Scroll to top
Read Time: 6 min
This post is part of a series called Horror Movie Week.
How to Create a 'Hellraiser' Inspired Text Effect in Adobe Photoshop
How to Digitally Paint a Haunted Doll in Adobe Photoshop

() translation by (you can also view the original English article)

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

Juegos diabólicos tiene que ser una de las más emblemáticas películas de terror de los 80s. Es la historia de una familia que es visitada por un fantasma y piensa que es solo juego y diversión hasta que decide raptar a su pequeña hija.

En este tutorial, voy a mostrarte cómo crear una escena inspirada en la película, que presenta una silueta de una niña hablándole a fantasmas a través de un televisor. Utilizaré Adobe Illustrator y varias imágenes de stock disponibles en PhotoDune.

Lo que necesitarás

Para completar este proyecto, necesitarás las siguientes imágenes de stock (o similares) desde las cuales trabajarás:

1. Cómo crear la silueta de una niña

Paso 1

Comencemos de manera sencilla dibujando un Rectángulo (M). Tendrá un relleno blanco (mostrando negro para que destaque), y asegúrate de que tenga una relación de aspecto de 4:3, las dimensiones de los televisores de los 80s.

Draw a rectangleDraw a rectangleDraw a rectangle

Paso 2

Ahora que tengo mi forma de televisor, la utilizaré como una guía para colocar a la niña parada frente a él. Haré esto usando una imagen de stock y la función Calco de imagen. Usaré los ajustes de silueta y blanco y negro para crear una silueta detallada desde la cual trabajar. No te preocupes si el peinado no es como el de Carol Anne Freeling, pues se añadirá posteriormente.

Una vez que hayas aplicado el Calco de imagen en tu foto de stock, Expándela pues es una forma vectorial editable.

Image Trace the little girlImage Trace the little girlImage Trace the little girl

Paso 3

Puedes haber notado que nuestra pequeña niña no tiene las manos presionando el televisor. Bueno, voy a resolver eso usando algunas fotos de stock de manos y la función Calco de imagen.

Si estás trabajando con dos conjuntos de imágenes de stock, una para la niña y otra para las manos, trata de que sean para una edad similar. ¡No quieres ponerle a una niña las manos de un adulto!

Adding her handsAdding her handsAdding her hands

Paso 4

Usando la herramienta Pluma (P), conecta las manos con el cuerpo.

Podrías notar que una mano está más arriba que la otra. Hice esto porque parece que el hombro de la imagen de stock está ligeramente alzado. Una mano levantada más que la otra compensará esto.

Connect the hands to the bodyConnect the hands to the bodyConnect the hands to the body

Paso 5

Ahora le daré a toda la escena un fondo negro, y tendrás una idea mucho mejor de la composición.

The compositionThe compositionThe composition

2. Cómo crear el cabello

Paso 1

Para crear el icónico peinado, voy a tener que eliminar el que tiene y luego añadir nuevo cabello. Así que, primero usaremos la herramienta Borrador para eliminar algo del cabello de cada lado de su cabeza.

Removing some hairRemoving some hairRemoving some hair

Paso 2

El siguiente paso es añadir cabello. Para hacer esto, voy a crear un Pincel de arte puntiagudo. La forma comienza con una Elipse (L) aplastada cuyos puntos laterales se convirtieron en puntos posteriormente.

Create a tapered brushCreate a tapered brushCreate a tapered brush

Paso 3

Luego Creo un nuevo pincel > Pincel de arte con la forma de pincel puntiagudo.

Tapered brushTapered brushTapered brush

Paso 4

A continuación con la herramienta Pincel (B), dibujo trazos para rellenar su cabello (azul) y luego creo algunos que se extienden fuera del área para que el cabello no luzca demasiado plano (magenta).

Adding the hairAdding the hairAdding the hair

3. Cómo crear la pantalla estática

Paso 1

La pantalla estática se creará con un motivo a través del panel Apariencia. Primero vayamos a nuestro panel Muestras, en el menú desplegable y aplica Abrir biblioteca de muestras > Motivos > Gráficos_básicos > Gráficos básicos_texturas. Encontrarás todos los motivos de esta biblioteca que usaré.

El primero que utilizaré es el motivo Punto media tinta. Así que crea un Nuevo relleno arriba de tu relleno blanco y añade tu Punto media tinta. Lo estableceré en Modo de fusión Multiplicar, Opacidad 50%.

Adding the first fillAdding the first fillAdding the first fill

Paso 2

El siguiente relleno es USGS 20 matorrales usando Modo de fusión Multiplicar, Opacidad 50%.

Adding the next fillAdding the next fillAdding the next fill

Paso 3

Para añadir líneas a la pantalla estática buscando crear un efecto lineal, usaré Líneas para el siguiente relleno con los mismos ajustes de Transparencia.

LinesLinesLines

Paso 4

Duplica el relleno con el motivo Líneas. Voy a incrementar la escala del motivo Líneas seleccionando el relleno y luego aplicando Objeto > Transformar > Escala. Asegúrate de que todas las casillas estén sin marcar a excepción de Transformar patrones; esto alterará la escala únicamente del motivo.

Modifying the scale of a patternModifying the scale of a patternModifying the scale of a pattern

4. Cómo crear un degradado con rectángulo redondeado

Paso 1

Las pantallas de televisión de los 80s no tenían las esquinas rectas. Siempre las veías redondeadas. Para los que recuerdan, tenían una pantalla grande, redondeada, de vidrio... ¡o al menos en nuestra casa! Así que, vamos a crear este efecto usando degradados.

Primero, vamos a redondear las esquinas usando Vértices interactivos. Selecciona la forma del televisor y cambia las esquinas para crear una ligera redondez.

Adding rounded cornersAdding rounded cornersAdding rounded corners

Paso 2

Voy a usar un Resplandor interior. Así que en el panel Apariencia, crea un nuevo relleno blanco y dale un Resplandor interior negro.

Este degradado está basado en rasterización, aunque aún es editable pues es un efecto interactivo.

Using Inner GlowUsing Inner GlowUsing Inner Glow

5. Cómo crear un efecto de retroiluminación

Paso 1

Cómo la luz llegará desde el televisor en un cuarto oscuro, voy a necesitar crear un efecto de retroiluminación. Esto es relativamente sencillo de hacer con pinceles.

El primero que usaré es nuestro pincel puntiagudo para añadir cabellos al aire en nuestra niña. Dale un trazo blanco y establece el Modo de fusión en Trama, Opacidad 80%.

Adding fly-awaysAdding fly-awaysAdding fly-aways

Paso 2

Voy a añadir más cabellos hacia la parte posterior de la cabeza, como un reflejo de luz. Estos tendrán una opacidad mucho menor.

Paso 3

Voy a crear un Pincel de arte de Fusión usando dos Elipses (L) una más pequeña que la otra, con la más grande teniendo una Opacidad de 0%.

Luego establecí las Opciones de fusión en Pasos especificados e hice un Nuevo pincel de arte.

Create a blend brushCreate a blend brushCreate a blend brush

Paso 4

Luego aplica este alrededor de formas abiertas para los brazos y el cuerpo de la niña (sin el cabello). Se establecerá en Modo de fusión Trama, Opacidad 80% y tendrá un trazo blanco.

Creating a back light effectCreating a back light effectCreating a back light effect

Paso 5

Para incrementar el contraste en la fuente de luz, añadiré un degradado de negro a blanco estableciéndolo en Modo de fusión Trama, Opacidad 80% en la parte superior de los ajustes del panel de Apariencia del televisor.

Luego utilizo la herramienta Degradado (G) para dar la forma y ubicar el degradado.

Add more contrastAdd more contrastAdd more contrast

6. Agregar los toques finales

Paso 1

Agreguemos algunos toques finales. El primero es añadir algunas manos en el otro lado de la pantalla. Voy a hacer esto usando la función Calco de imagen en algunas fotos de stock de manos.

Adding handsAdding handsAdding hands

Paso 2

Luego reduzco su Opacidad a 90% y establezco el Modo de fusión en Multiplicar. Agrego un resplandor interior blanco para crear un borde desenfocado.

Create a blurred edgeCreate a blurred edgeCreate a blurred edge

Paso 3

Para desvanecer más las manos, voy a rellenar las formas con un degradado lineal de negro a blanco.

Fade in the handsFade in the handsFade in the hands

Paso 4

Por último, para realzar el efecto de la estática, voy a añadir degradados a la pantalla para crear más interferencia.

Further interferenceFurther interferenceFurther interference

¡Fabuloso trabajo, escalofriante resultado!

Espero que hayas disfrutado de esta silueta y hayas aprendido algunos trucos para futuros trabajos vectoriales. Si al igual que yo, te fascina una buena ilustración de silueta, tenemos muchísimos más tutoriales de vectores en nuestra guía de aprendizaje, Ejercicios sencillos de siluetas.

Finished resultFinished resultFinished result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads