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

Crear un Diseño de Fondo Retro de Navidad Con Copas de Champan en Adobe Illustrator

by
Difficulty:BeginnerLength:ShortLanguages:

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

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

En este tutorial, vas a aprender como usar la herramienta de Malla en Adobe Illustrador para crear un fondo de vector de fiestas de invierto estilo retro.

Si quieres saltarte el tutorial y solo usar este diseño en Ilustrador, ¡compra el Fondo de Fiestas Retro con Copas de Champan en GraphicRiver!

holiday retro background with champagne glassesholiday retro background with champagne glassesholiday retro background with champagne glasses
Fondo de Fiestas Retro con Copas de Champan

1. ¿Como Dibujar las Copas de Champán?

Paso 1

Empezamos usando la Herramienta de Malla (U)  creando una cuadricula de malla como la de abajo, en la forma de una copa de champán.

Mantén los vasos blanco, y añade un contorno de #454b3b coloreando los nodos de borde.

Colorea algunos nodos más a los lados del vaso con #a5b29f.

champagne glass meshchampagne glass meshchampagne glass mesh

Paso 2

Continua coloreando los nodos seleccionados. Usa estos colores:

  1. #e1d9c5
  2. #aba28a
  3. #d7b594
gradient meshgradient meshgradient mesh

Paso 3

Continua coloreando la copa de champán con la malla. Necesitarás estos colores:

  1. #96ba77
  2. #160901
  3. #cb9011
how to use meshhow to use meshhow to use mesh

Paso 4

Termina la copa.

  1. #431c02
  2. #eace7a
  3. #f8eba6
champagne glass mesh tutorialchampagne glass mesh tutorialchampagne glass mesh tutorial

Paso 5

Dibuja una elipse, llenada con #f7f7f7. Añade un contorno de #454b3b.

wine glass tutorialwine glass tutorialwine glass tutorial

Paso 6

Dibuja la pata de vaso con la Malla.

  1. #eaebea
  2. #211b14
  3. #7c8281
glass leg meshglass leg meshglass leg mesh

Paso 7

Termina la pata.

  1. #b5d3cc
  2. #e89c99
  3. #f5f2e5
gradient meshgradient meshgradient mesh

Paso 8

Dibuja la base de la copa.

  1. #dbeceb
  2. #789b96
  3. #41514c
  4. #ffffff
  5. #87998f
  6. #b7c7bf
retro background tutorialretro background tutorialretro background tutorial

Paso 9

Termina la Malla.

  1. #a1c6bd
  2. #c7bc7e
  3. #000000
champagne glass meshchampagne glass meshchampagne glass mesh

Paso 10

Arma los elementos de la malla para crear la copa.

alcohol glassalcohol glassalcohol glass

Paso 11

Comienza a dibujar las burbujas para el champán.

Usa un Degradado Radial de #f7c263 a #3d170d.

radial gradient champagneradial gradient champagneradial gradient champagne

Paso 12

Dibuja otra burbuja usando el mismo degradado.

radial gradientradial gradientradial gradient

Paso 13

Dibuja un último tipo de burbuja.

champagne bubblechampagne bubblechampagne bubble

Paso 14

Coloca las burbujas encima de la copa.

champagne glass tutorial retro backgroundchampagne glass tutorial retro backgroundchampagne glass tutorial retro background

Paso 15

Cambia el modo de transparencia de la copa a Multiplicar.

transparency modetransparency modetransparency mode

2. ¿Cómo Dibujar la Rama de Pino?

Paso 1

Comienza a dibujar las agujas de pino.

  1. #9ca1ad
  2. #3d485a
  3. #cdcdd0
  4. #eeedec
pine needle meshpine needle meshpine needle mesh

Paso 2

Dibuja otro aguja.

  1. #434e5f
  2. #1e2230
  3. #d6d6d9
gradient mesh pine branchgradient mesh pine branchgradient mesh pine branch

Paso 3

Continua coloreando la aguja.

  1. #8a939e
  2. #7d838f
christmas tree needlechristmas tree needlechristmas tree needle

Paso 4

Añade otra aguja más.

  1. #434e5f
  2. #1e2230
  3. #7e8896
  4. #767f8e
gradient meshgradient meshgradient mesh

Paso 5

Añade una base negra usando un perfil de Trazo específico.

strokestrokestroke

Paso 6

Arma una rama a partir de las agujas que hemos hecho hasta el momento.

pine needle branchpine needle branchpine needle branch

Paso 7

Toma una copia de la rama completada y procede a Efecto > Deformar > Arco.

Usa una doblez de -21% y Expande la Apariencia de la rama de pino.

warp effectwarp effectwarp effect

Paso 8

Ordena las ramas para nuestro fondo retro.

pine branches background design in Illustratorpine branches background design in Illustratorpine branches background design in Illustrator

3. ¿Cómo Dibujar un Reloj?

Paso 1

El reloj es otro de los elementos necesitados para completar nuestro diseño en Illustrator.

Comienza dibujando un círculo y rellenando con Degradado Radial de #fdf8f2 a #f5e8dd a #b4967f.

radial gradient clockradial gradient clockradial gradient clock

Paso 2

Dibuja un círculo más; esta vez usando un Degradado Lineal.

Colorea desde la izquierda a la derecha:

  • #ffffff
  • #cea66e
  • #ffffff
  • #6d5125
  • #7f5e2c
  • #4a3919
vector clock tutorialvector clock tutorialvector clock tutorial

Paso 3

Añade un círculo más con Degradado Lineal.

  • #dfc5a1
  • #20190e
linear gradientlinear gradientlinear gradient

Paso 4

Dibuja el pedestal con Malla.

  1. #7e4f2b
  2. #362e25
  3. #ffffff
mesh pedestalmesh pedestalmesh pedestal

Paso 5

Añade una copia más grande.

mesh clockmesh clockmesh clock

Paso 6

Crea la base.

mesh clock base tutorialmesh clock base tutorialmesh clock base tutorial

Paso 7

Arma el reloj vacío.

vector clock tutorialvector clock tutorialvector clock tutorial

Paso 8

Comienza a dibujar la cara del reloj con dos círculos negros.

Añade una línea entre ellas y luego selecciona la Herramienta Rotar (R). Mantén presionada la tecla Alt y da clic en el centro de los círculos. Pon un Ángulo de -10 y Copia.

Continua hasta que el círculo esté completo.

rotate toolrotate toolrotate tool

Paso 9

Dibuja un círculo más pequeño y luego selecciona la Herramienta Texto Sobre un Trazado (que encuentras en la Herramienta Texto).

Da clic sobre el círculo y comienza con numerales romanos en tu fuente preferida—he usado Birch Std.

roman numeralsroman numeralsroman numerals

Paso 10

Dibuja las manecillas del reloj. Usa un trazo más grueso y luego Expande.

clock hands vectorclock hands vectorclock hands vector

Paso 11

Añade los detalles.

vector clock tutorial design in Illustratorvector clock tutorial design in Illustratorvector clock tutorial design in Illustrator

4. ¿Cómo Dibujar la Cinta?

Paso 1

Un elemento más que añadiremos para completar este fondo retro es una cinta serpentina.

Dibuja una parte de la cinta, rellenando con un Degradado Lineal.

  • #69471b
  • #bc994f
  • #fffff0
  • #efe295
  • #69471b
gradient ribbongradient ribbongradient ribbon

Paso 2

Usa el mismo degradado para el siguiente elemento.

vector ribbonvector ribbonvector ribbon

Paso 3

Usa un nuevo degradado para esta parte.

  • #593919
  • #efe295
  • #fffff0
  • #bc994f
  • #593919
ribbon tutorial vectorribbon tutorial vectorribbon tutorial vector

Paso 4

Dibuja otra parte de la cinta.

  • #69471b
  • #efebb2
  • #fffce5
  • #ffebb2
  • #6f4120
design in Illustrator ribbondesign in Illustrator ribbondesign in Illustrator ribbon

Paso 5

Usa el mismo degradado para el último elemento.

linear gradientlinear gradientlinear gradient

Paso 6

Continua usando el mismo degradado.

vector ribbon gradientvector ribbon gradientvector ribbon gradient

Paso 7

Dibuja una parte más.

  • #593919
  • #ffe295
  • #fffff0
  • #bc994f
  • #593919
design in Illustrator tutorialdesign in Illustrator tutorialdesign in Illustrator tutorial

Paso 8

Crea un último degradado.

  • #593919
  • #bc994f
  • #fffff0
  • #ffe295
  • #593919
serpentine ribbonserpentine ribbonserpentine ribbon

Paso 9

Usa el mismo degradado para la última parte de la cinta.

linear gradientlinear gradientlinear gradient

Paso 10

Arma la cinta serpentina a partir de las partes que hicimos.

vector ribbon tutorialvector ribbon tutorialvector ribbon tutorial

5. ¿Cómo Completar el Fondo Retro?

Paso 1

Dibuja el fondo para el diseño en Illustrator.

  1. #d1d7e6
  2. #a7b5c1
  3. #d1d7e6
  4. #bdb9c2
  5. #e0dcea
  6. #cbd8f0
winter mesh backgroundwinter mesh backgroundwinter mesh background

Paso 2

Dibuja una iluminación usando una elipse con un Degradado Radial de blanco a negro.

Asegúrate de cambiar su Modo de Fusión a Trama.

radial gradient screenradial gradient screenradial gradient screen

Paso 3

Aprende a cómo crear este tipo de nieve en este tutorial:

Luego, añade la iluminación y pon la nieve en una Máscara de Recorte rectangular.

vector snowvector snowvector snow

Paso 4

Coloca el reloj sobre el fondo nevado.

winter retro background design in Illustratorwinter retro background design in Illustratorwinter retro background design in Illustrator

Paso 5

Añade las ramas de pino, la champán y la cinta.

design in Illustrator new yeardesign in Illustrator new yeardesign in Illustrator new year

Paso 6

Comienza dibujando algunos elementos de bokeh.

Usa un color de base #223aff con una Máscara de Transparencia de Degradado.

Pon el resultado a Trama con 60% Opacidad.

bokeh light vectorbokeh light vectorbokeh light vector

Paso 7

Añade un elemento más con #4ca2d5 como base.

transparency masktransparency masktransparency mask

Paso 8

Usa #b1c3ff para una iluminación más.

bokeh lightbokeh lightbokeh light

Paso 9

Crea un arreglo de luces bokeh.

bokeh lights tutorialbokeh lights tutorialbokeh lights tutorial

Paso 10

Añade más iluminación con #342a1c para oscurecer el Degradado Radial, usando Sobreexponer Color y 30% Opacidad.

highlight vectorhighlight vectorhighlight vector

Paso 11

Añade algo de nieve blanca.

snow vectorsnow vectorsnow vector

Paso 12

¡Añade todos los elementos a nuestro fondo retro!

holiday retro background with champagne design in Illustratorholiday retro background with champagne design in Illustratorholiday retro background with champagne design in Illustrator

¡Buen Trabajo! ¡Lo Has Terminado!

Gracias por terminar el tutorial y siéntete libre de publicar tu resultado en los comentarios. Estaré esperando para verlo.

En este tutorial, aprendiste a cómo crear un diseño de fondo de Año Nuevo usando las Mallas de Degradado de Ilustrator.

Espero que hayas disfrutado este tutorial y aprendido a cómo usar algunas herramientas útiles. Mira estos otros tutoriales de vector en mi perfil.

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

Holiday Retro Background with Champagne GlassesHoliday Retro Background with Champagne GlassesHoliday Retro Background with Champagne Glasses
Holiday Retro Background with Champagne Glasses

¡Revisa mis otros tutoriales de fondos de invierno!

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.