1. Design & Illustration
  2. Add-Ons

Cómo Dibujar un Escenario de Teatro para Festival en Adobe Illustrator

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 este tutorial, aprenderás cómo usar los ajustes de la Herramienta Malla y Transparencia en Adobe Illustrator ¡para crear un hermoso escenario de teatro iluminado!

Si quieres saltarte el tutorial y solo utilizar este fondo con algunos otros fabulosos elementos, ¡compra el Poster de Espectáculo Nocturno de Festival de GraphicRiver!

1. Cómo Dibujar las Cortinas

Paso 1

Comienza dibujando un rectángulo angosto y rellénalo con el color #B91925.

¡Comencemos usando la Malla! Toma la Herramienta Malla (U) y crea una Cuadrícula de Malla como la que se observa en la captura de pantalla de abajo al hacer clic donde deberían estar los nodos.

Una vez que está terminada la Cuadrícula de Malla, comienza a colorearla al seleccionar las columnas de nodos indicadas con la Herramienta Malla (U) y cambiando su color a #220002.

Finaliza este paso al colorear los nodos seleccionados en la captura de pantalla observada abajo con #F55244.

draw mesh curtaindraw mesh curtaindraw mesh curtain

Paso 2

Toma el rectángulo coloreado y estíralo hacia abajo para crear una cortina te tamaño completo. Crea una copia de ella y déjala aparte por ahora.

A continuación, toma la Herramienta Deformar (tecla Mayúsculas-R), cambia el tamaño del pincel al apropiado, y curva el lado de la cortina como se muestra en la imagen de abajo.

warp curtainwarp curtainwarp curtain

Paso 3

Incremente un poco la intensidad de la Herramienta Deformar y haz más curva la cortina.

En seguida, colorea los nodos seleccionados abajo con #220002.

warp curtainswarp curtainswarp curtains

Paso 4

Arrastra los nodos de la Malla en la parte inferior de la cortina para crear algunos volantes.

rufflesrufflesruffles

Paso 5

Toma la copia que hicimos en el Paso 2 y agrega algunos volantes en la parte inferior de ella también.

long curtainlong curtainlong curtain

Paso 6

¡Creemos una sombra para la cortina! Primero, dibuja dos formas, la primera rellena con el color #190502 y la segunda ligeramente más grande y rellena con el color #300909.

objects for blendobjects for blendobjects for blend

Paso 7

Coloca la forma más oscura arriba de la segunda, y luego haz la forma más grande completamente transparente.

transparenttransparenttransparent

Paso 8

Ve a Objeto > Fusión > Opciones de Fusión e ingresa los valores vistos en la imagen de abajo.

A continuación, selecciona ambos objetos y usa Objeto > Fusión > Crear para crear una sombra.

blendblendblend

Paso 9

Realiza pasos similares para la siguiente sombra-necesitaremos un color #491E06 y una elipse con el color #300909.

ellipsesellipsesellipses

Paso 10

Haz transparente la forma más grande y aplica Objeto > Fusión > Crear con los mismos ajustes.

blendblendblend

Paso 11

Acomoda todos los elementos, cambiando el Modo de la Transparencia a Multiplicar.

arrange curtainsarrange curtainsarrange curtains

Paso 12

Rellena un rectángulo con bordes redondeados con el color #992831.

Procede a Objeto > Crear Malla de Degradado y ingresa 3 Filas 50 Columnas.

create mesh gridcreate mesh gridcreate mesh grid

Paso 13

Crea algunos volantes al mover los nodos arriba/abajo, y luego colorea los nodos más oscuros con #711617.

mesh mesh mesh

Paso 14

Deforma la forma con Efecto > Deformar > Arco y Curvar -19%.

Objeto > Expandir Apariencia del resultado.

warp meshwarp meshwarp mesh

Paso 15

Dibuja otra sombra con fusión. Necesitaremos dos franjas: #1E0509 y #600D17.

blendblendblend

Paso 16

Haz la franja roja completamente transparente, y luego aplica de nuevo Objeto > Fusión > Crear.

blendblendblend

Paso 17

Acomoda los elementos como se observa abajo.

Cambia el Modo de Transparencia de las sombras a Multiplicar.

add shadowsadd shadowsadd shadows

Paso 18

Añade los listones a la cortina.

add ribbonsadd ribbonsadd ribbons

Paso 19

Para el fondo temporal, utiliza un rectángulo relleno con el color #030D21.

backgroundbackgroundbackground

Paso 20

Coloca una copia reflejada (Objeto > Transformar > Reflejo) de las cortinas en el otro lado del rectángulo.

add copyadd copyadd copy

2. Cómo Dibujar los Asientos

Paso 1

Dibuja un asiento con la Malla. Necesitarás estos colores:

  1. #1D0300
  2. #410205
  3. #CC051D
mesh seatmesh seatmesh seat

Paso 2

Crea otras diez copias de este asiento al mover la forma hacia la derecha manualmente mientras mantienes presionada la tecla Alt, y luego presiona Control-D otras nueve veces para finalizar la fila.

Usa el mismo método para clonar toda la fila de asientos seis veces más.

clone seatsclone seatsclone seats

Paso 3

Ahora pongamos las filas de asientos en perspectiva.

Selecciona la fila de más arriba y ve a Objeto > Transformar > Transformar individualmente. Ingresa Escala 30% para ambas dimensiones y Mover Vertical 12 px.

Aplicar esto para cada fila, pero con diferentes ajustes (empezando desde la de arriba):

  1. Escala 30%, Mover Vertical 12 px
  2. Escala 40%, Mover Vertical 6 px
  3. Escala 50%, Mover Vertical 2 px
  4. Escala 60%
  5. Escala 70%
  6. Escala 80%
  7. no modificar
scale seatsscale seatsscale seats

Paso 4

Ve a Efecto > Deformar > Arco y usa Curvar -14% en los asientos.

Expande la Apariencia del resultado.

warp seatswarp seatswarp seats

Paso 5

Coloca un rectángulo relleno del color #1D0300 detrás de los asientos.

add backgroundadd backgroundadd background

Paso 6

Dibuja otro rectángulo arriba, idéntico en tamaño al último. Selecciona todos los elementos y usa Crear Máscara de Recorte después de hacer clic derecho.

clipping maskclipping maskclipping mask

Paso 7

Crea un rectángulo relleno del color #2B0F07, y luego colorea de blanco los Nodos de Malla de en medio.

meshmeshmesh

Paso 8

Cambia el Modo de Transparencia del objeto a Multiplicar, y colócalo arriba de los asientos.

add meshadd meshadd mesh

3. Cómo Dibujar las Luces

Paso 1

Toma una elipse y rellénala con un Degradado Radial del color #1F2A59 a negro.

Establece la Transparencia en Trama.

radial gradientradial gradientradial gradient

Paso 2

Crea una suerte de forma de estrella con las elipses.

star shapestar shapestar shape

Paso 3

Obtén otra elipse más angosta con un Degradado Radial del color #3D2875 al negro.

De nuevo, establece la Transparencia en Trama.

radial gradientradial gradientradial gradient

Paso 4

Acomoda estas como se observa abajo.

arrange lightsarrange lightsarrange lights

Paso 5

Agrega los rayos azules arriba.

add blueadd blueadd blue

Paso 6

¡Crearemos más elipses de colores!

  • Degradado Radial: #7B5090 - #100D0A - #000000
  • Transparencia: Trama
radial gradientradial gradientradial gradient

Paso 7

  • Degradado Radial: #FFFFFF - #FF6DB9 - #3D1803
  • Transparencia: Sobreexponer Color
radial gradientradial gradientradial gradient

Paso 8

  • Degradado Radial: #4099FF - #3D032D - #000000
  • Transparencia: Trama, Opacidad 60%
radial gradientradial gradientradial gradient

Paso 9

  • Degradado Radial: #B640FF - #3D1803 - #000000
  • Transparencia: Trama, Opacidad 60%
radial gradientradial gradientradial gradient

Paso 10

  • Degradado Radial: #786D06 - #000000
  • Transparencia: Sobreexponer Color
radial gradientradial gradientradial gradient

Paso 11

Coloca las elipses una arriba de otra, siendo el orden 5 - 4 - 3 - 2 - 1, con la 5 arriba.

place lights in orderplace lights in orderplace lights in order

Paso 12

Coloca estas luces arriba de los rayos, y luego dibuja un rectángulo, enmarcando la mitad inferior.

frameframeframe

Paso 13

Selecciona todos los objetos y aplica Crear Máscara de Recorte.

clipping maskclipping maskclipping mask

Paso 14

Coloca las luces en el fondo, frente a las cortinas.

place lightsplace lightsplace lights

4. Cómo Agregar el Piso

Paso 1

Para aprender cómo dibujar los tablones de madera, por favor consulta la última sección de este tutorial mío.

En seguida, aplica Edición > Editar Colores > Saturar con Intensidad -20% para lograr el color deseado.

desaturatedesaturatedesaturate

Paso 2

Crea algunas copias de los tablones, incrementa su anchura, y colócalos más separados.

further apartfurther apartfurther apart

Paso 3

Pon estos en perspectiva con Efecto > Distorsionar y Transformar > Distorsión Libre.

Aplica Expandir Apariencia del resultado.

free distortfree distortfree distort

Paso 4

Coloca un rectángulo relleno del color #68544E detrás de los tablones del piso.

backgroundbackgroundbackground

Paso 5

Aplica un Degradado Radial al rectángulo del color #82705 al color #453D38.

radial gradientradial gradientradial gradient

Paso 6

Coloca este rectángulo con la opción Superponer arriba del piso.

overlayoverlayoverlay

Paso 7

Agrega otro rectángulo enmarcado y aplica Crear Máscara de Recorte.

clipping maskclipping maskclipping mask

Paso 8

Crea un rectángulo de Malla con los colores #38190A y #FFFFFF en el centro.

create meshcreate meshcreate mesh

Paso 9

Cambia la Transparencia del rectángulo a Multiplicar y ponlo arriba del piso.

add meshadd meshadd mesh

Paso 10

Ensambla todos los elementos.

all togetherall togetherall together

5. Cómo Añadir Iluminaciones

Paso 1

Puedes aprender cómo crear esta suerte de iluminación en el Paso 6 de la última sección de mi tutorial de hojas de otoño.

Colócalas como se observa abajo y cambia las dos de arriba a la opción Superponer.

overlayoverlayoverlay

Paso 2

Deja la Transparencia del conjunto de la parte inferior en Normal.

highlightshighlightshighlights

Paso 3

Coloca estas en el escenario.

add highlightsadd highlightsadd highlights

Paso 4

Dibuja otra iluminación con un Degradado Radial (#FFFFFF - #FF6DB9 -.#3D1803 - #000000).

radial gradientradial gradientradial gradient

Paso 5

Coloca algunas de estas chispas en las cortinas.

add sparkles into curtainsadd sparkles into curtainsadd sparkles into curtains

Paso 6

Coloca otro lote en el piso y cámbialas a Sobreexponer Color.

add sparklesadd sparklesadd sparkles

Paso 7

Dibuja otra iluminación con un Degradado Radial del color #40A9FF al color #3D0332 al negro con Transparencia establecida en Trama.

radial gradientradial gradientradial gradient

Paso 8

Coloca esta iluminación en el piso.

add highlightadd highlightadd highlight

Paso 9

¡Terminaste!

resultresultresult

¡Felicidades, Ahora Terminaste!

Gracias por seguir el tutorial, y por favor con toda confianza publica tu resultado en los comentarios. ¡Estaré ansioso de verlo!

En este tutorial, aprendiste cómo crear un escenario de teatro para festival usando la Herramienta Malla.

¡Espero que lo hayas disfrutado y aprendido cómo utilizar la Malla de Degradado para el fulturo! Consulta algunos de mis otros tutoriales en mi perfil de instructor.

Puedes comprar el Poster de Espectáculo Nocturno de Festival así como otros diseños similares en mi portafolio en GraphicRiver.

Festival Night Show PosterFestival Night Show PosterFestival Night Show Poster
Poster de Espectáculo Nocturno de Festival