Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Gradient Mesh Tool
Design

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

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final 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
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 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 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 pedestal

Paso 4

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

mesh 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 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 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 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 carpet

Paso 3

Dibuja otra forma, usando estos colores:

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

Paso 4

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

Paso 5

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

Paso 6

  1. #B20E08
  2. #3B0705
  3. #700B07
red 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 steps

Paso 8

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

Paso 9

Elabora toda la alfombra de los objetos que hiciste.

mesh carpet showroom

Paso 10

Incorpora la alfombra a la parte superior de la plataforma.

mesh 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 spotlight

Paso 2

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

blend 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 vector

Paso 4

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

gradient

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 mesh

Paso 6

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

  1. #0F1614
  2. #718180
showroom background

Paso 7

Dibuja la parte inferior del fondo.

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

Paso 8

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

vector 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 Carpet
Fondo de sala de exposiciones con alfombra roja
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.