1. Design & Illustration
  2. Theory
  3. Design Trends

Cómo dibujar un fondo abstracto dorado en Adobe Illustrator usando la herramienta malla de degradado

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 hermoso fondo abstracto!

Si quieres saltarte el tutorial y solo usar este fondo en tu trabajo, ¡puedes comprar el elegante fondo abstracto dorado de GraphicRiver!

Elegante fondo abstracto dorado

1. Cómo dibujar el fondo

Paso 1

Comenzaremos dibujando con la malla las dos piezas del fondo más grandes. La pieza 1 es la más sencilla, así que ¡comencemos!

Dibuja un rectángulo y rellénalo con el color #FFFCFA. Toma la Herramienta Malla (U) y crea una cuadrícula de malla en el rectángulo haciendo clic donde quieres colocar los nodos.

Trata de replicar la cuadrícula de malla como se observa en la captura de pantalla.

A continuación, selecciona los nodos del borde inferior y vuélvelos a colorear todos de #FF7220. Continúa de manera similar, creando más nodos y volviendo a colorear los seleccionados.

Usa estos colores:

  1. #FFFCFA
  2. #FF7220
  3. #FFF5BB
  4. #FFA045
draw the background with meshdraw the background with meshdraw the background with mesh

Paso 2

Finaliza la pieza del fondo de modo similar. Necesitarás estos colores:

  1. #FF641C
  2. #FF631C
  3. #FF460A
  4. #FEE5CD
finish with meshfinish with meshfinish with mesh

Paso 3

¡Comencemos dibujando la pieza del fondo número 2! Esta será un poco más complicada.

Continúa usando la Herramienta Malla para crear Nodos de Malla y vuélvelos a colorear como se muestra en la siguiente captura de pantalla.

  1. #FFDDA2
  2. #F18D32
  3. #923300
  4. #FFF1B8
use mesh to draw curveuse mesh to draw curveuse mesh to draw curve

Paso 4

Finaliza la segunda pieza del fondo.

  1. #DF7B29
  2. #220D00
  3. #F5A24D
  4. #FFEBD3
finish curvefinish curvefinish curve

2. Cómo dibujar las curvas

Paso 1

Ahora que hemos dibujado las dos piezas grandes del fondo, ¡empecemos con las curvas del frente!

Empieza dibujando la primera curva como lo hicimos anteriormente.

  1. #F3B26E
  2. #FFDB9B
  3. #D67A2A
draw curve with meshdraw curve with meshdraw curve with mesh

Paso 2

Termina la curva con estos colores:

  1. #4B2206
  2. #642401
  3. #AF5A17
finish using meshfinish using meshfinish using mesh

Paso 3

Comienza a dibujar la segunda curva que es más pequeña.

  1. #CD6816
  2. #521C00
  3. #010000
draw abstract piece with meshdraw abstract piece with meshdraw abstract piece with mesh

Paso 4

Termínala volviendo a colorear tres veces.

  1. #170800
  2. #F7CA79
  3. #612503
finish curvefinish curvefinish curve

Paso 5

Une las curvas juntas y asegúrate de que embonen bien. Si no lo hacen cambia las formas un poco.

add both pieces togetheradd both pieces togetheradd both pieces together

3. Cómo dibujar la pieza del frente

Paso 1

¡Vayamos a la última pieza de este fondo!

Dibuja un rectángulo #FFD28C, modifica su forma al arrastrar los nodos con la Herramienta Malla, y luego agrega algunas estelas a la forma con el color #BA5507.

draw final piece with meshdraw final piece with meshdraw final piece with mesh

Paso 2

Continúa volviendo a colorear la pieza final.

  1. #D6701F
  2. #FFEEBC
  3. #210C00
use mesh to draw final elementuse mesh to draw final elementuse mesh to draw final element

Paso 3

Finalmente, ¡agrega algunos toques finales!

  1. #9B3F05
  2. #FFF3DF
  3. #ECA153
add finishing touchesadd finishing touchesadd finishing touches

Paso 4

¡Ahora agreguemos todas las piezas juntas!

Las piezas 1 y 2 están en el fondo, la 3 y la 4 están arriba de la pieza 2 y la pieza 5 está al frente.

assemble backgroundassemble backgroundassemble background

Paso 5

¡"Cortemos" nuestro fondo!

Dibuja el contorno de un rectángulo sobre las formas, el cual contendría todo lo que quisieras mostrar. Luego, selecciona todos los elementos, da clic derecho y elige Crear Máscara de Recorte.

make clipping maskmake clipping maskmake clipping mask

Paso 6

¡Así debería verse tu fondo después de aplicar la Máscara de Recorte!

final resultfinal resultfinal result

¡Felicidades, terminaste!

Gracias por seguir el tutorial, y por favor no dudes en publicar tu resultado en la sección de comentarios. ¡Estaré ansioso de verlo!

En este tutorial, aprendiste cómo crear un moderno y abstracto fondo dorado usando la Herramienta Malla.

¡Espero que hayas disfrutado este tutorial y aprendido cómo usar la Malla de Degradado para el futuro! Consulta algunos de mis otros tutoriales en mi perfil de instructor.

Puedes comprar este fondo así como otros diseños similares en mi portafolio en GraphicRiver.

Elegante fondo abstracto dorado