1. Design & Illustration
  2. Add-Ons

Cómo crear un fondo de sala de exposiciones con alfombra roja en Adobe Illustrator

En este tutorial, aprenderás cómo usar la Herramienta Malla en Adobe Illustrator para crear un fondo de sala de exposiciones ¡con reflectores y una alfombra roja!
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 la Herramienta Malla en Adobe Illustrator para crear un fondo de sala de exposiciones ¡con reflectores y una alfombra roja!

Si quieres saltarte el tutorial y solo utilizar este vector en tu trabajo, ¡compra Fondo de sala de exposiciones con alfombra roja de GraphicRiver!

 Showroom Background With A Red Carpet Showroom Background With A Red Carpet Showroom Background With A Red Carpet
Fondo de sala de exposiciones con alfombra roja

1. Cómo dibujar el pedestal

Paso 1

Comienza usando la Herramienta Malla (U) para crear la parte superior del pedestal.

Dibuja una elipse larga y angosta y rellénala con el color #D9DDDD.

Con la Herramienta Malla, agrega algunos nodos de malla dentro de la elipse como se muestra abajo, y luego selecciona los nodos en el borde de la forma y vuélvelos a colorear usando #C6CBCB.

mesh ellipsemesh ellipsemesh ellipse

Paso 2

Dibuja un rectángulo angosto, coloréalo con #CACFCF. Luego hazlo curvo: Effecto > Deformar > Arco, estableciendo el parámetro Curvar en -12%.

Selecciona la forma y aplica Objeto > Expandir Apariencia, y luego comienza a agregar nodos de malla adentro, siguiendo la captura de pantalla observada abajo.

Colorea los bordes de la forma con #7A8688.

mesh pedestalmesh pedestalmesh pedestal

Paso 3

Comienza con un rectángulo relleno con #8D9899, y luego hazlo curvo con Arco y estableciendo el parámetro Curvar en -14%.

Usa la Herramienta Malla para colorear los bordes de la forma con #252A2B y los otros nodos que aparecen en la imagen con #B0B8BA.

mesh pedestalmesh pedestalmesh pedestal

Paso 4

Une todas las partes para ensamblar la parte superior de la plataforma.

mesh platformmesh platformmesh platform

Paso 5

Crea una sombra con la Fusión de dos elipses: una blanca, y otra rellena con el color #555656.

Haz transparente la elipse blanca, y luego ve a Objeto > Fusión > Opciones de Fusión, estableciéndola en Pasos Especificados, 30.

Finalmente, selecciona ambas formas y aplica Objeto > Fusión > Crear y establece el modo de Transparencia del objeto en Multiplicar.

blend shadowblend shadowblend shadow

Paso 6

Coloca la sombra debajo de la plataforma superior, y luego crea dos copias más grandes de ella (Escala en 125%) para crear el pedestal completo.

mesh spotlight showroommesh spotlight showroommesh spotlight showroom

2. Cómo dibujar la alformbra

Paso 1

Dibuja dos formas como se muestra a continuación, rellenándolas con el color #BC0F09.

carpet vectorcarpet vectorcarpet vector

Paso 2

Crea un rectángulo #BC0F09, hazlo curvo con Arco con el parámetro Curvar -3% (Expandir Apariencia), y luego agrega algo de malla para colorear los bordes exteriores con #940E09.

mesh carpetmesh carpetmesh carpet

Paso 3

Dibuja otra forma, usando estos colores:

  1. #B20E08
  2. #3C0705
  3. #7D0B07
red mesh carpet showroomred mesh carpet showroomred mesh carpet showroom

Paso 4

  1. #B20E08
  2. #4D0805
  3. #6F0A06
mesh carpetmesh carpetmesh carpet

Paso 5

  1. #BC0F09
  2. #940E09
mesh carpet vector tutorialmesh carpet vector tutorialmesh carpet vector tutorial

Paso 6

  1. #B20E08
  2. #3B0705
  3. #700B07
red mesh carpetred mesh carpetred mesh carpet

Paso 7

Elabora un escalón cubierto con la alfombra con las partes que hiciste, y luego haz una copia ligeramente más grande (125%) de el grupo entero.

mesh carpet stepsmesh carpet stepsmesh carpet steps

Paso 8

  1. #700B07
  2. #C00F09
  3. #470504
mesh vector tutorialmesh vector tutorialmesh vector tutorial

Paso 9

Elabora toda la alfombra de los objetos que hiciste.

mesh carpet showroommesh carpet showroommesh carpet showroom

Paso 10

Incorpora la alfombra a la parte superior de la plataforma.

mesh platform with carpetmesh platform with carpetmesh platform with carpet

3. Cómo dibujar los reflectores y el fondo

Paso 1

Dibuja la forma con la malla, y luego establece su modo de Transparencia en Trama con Opacidad de 60%.

  1. #000000
  2. #F5F5F5
  3. #B9B9B9
mesh spotlightmesh spotlightmesh spotlight

Paso 2

Crea una Fusión de las elipses blanca y negra (igual que en la sección 1, paso 5).

blend vectorblend vectorblend vector

Paso 3

Crea otra elipse negra y establece la Fusión arriba de ella.

Agrupa ambos objetos, (Control-G), y luego establece el grupo en Trama.

highlight vectorhighlight vectorhighlight vector

Paso 4

Finalmente, crea una elipse con un Degradado Radial de blanco al color #020200, y luego establécela en Trama.

gradientgradientgradient

Paso 5

Coloca las formas que hicimos para que se vean como en la imagen de abajo-debería parecerse a la captura de pantalla en ambos fondos el blanco y el gris.

spotlights meshspotlights meshspotlights mesh

Paso 6

Dibuja la parte superior del fondo de la sala de exposiciones.

  1. #0F1614
  2. #718180
showroom backgroundshowroom backgroundshowroom background

Paso 7

Dibuja la parte inferior del fondo.

  1. #0F1614
  2. #BFD0D0
showroom vector backgroundshowroom vector backgroundshowroom vector background

Paso 8

Combina todos los elementos ¡para crear tu fondo de sala de exposiciones!

vector showroom red carpet mesh spotlight tutorialvector showroom red carpet mesh spotlight tutorialvector showroom red carpet mesh spotlight tutorial

¡Fabuloso trabajo, terminaste!

¿Ahora qué? Puedes intentar cualquiera de mis otros tutoriales de mi perfil o consultar mi portafolio en GraphicRiver, así como el vector original que recreamos en este tutorial.

Espero que hayas disfrutado el tutorial, y estaría super feliz de ver cualquier resultado en la sección de comentarios a continuación.

Showroom Background with a Red CarpetShowroom Background with a Red CarpetShowroom Background with a Red Carpet
Fondo de sala de exposiciones con alfombra roja