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

Paso 2

Continua coloreando los nodos seleccionados. Usa estos colores:

  1. #e1d9c5
  2. #aba28a
  3. #d7b594
gradient 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 mesh

Paso 4

Termina la copa.

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

Paso 5

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

wine glass tutorial

Paso 6

Dibuja la pata de vaso con la Malla.

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

Paso 7

Termina la pata.

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

Paso 8

Dibuja la base de la copa.

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

Paso 9

Termina la Malla.

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

Paso 10

Arma los elementos de la malla para crear la copa.

alcohol glass

Paso 11

Comienza a dibujar las burbujas para el champán.

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

radial gradient champagne

Paso 12

Dibuja otra burbuja usando el mismo degradado.

radial gradient

Paso 13

Dibuja un último tipo de burbuja.

champagne bubble

Paso 14

Coloca las burbujas encima de la copa.

champagne glass tutorial retro background

Paso 15

Cambia el modo de transparencia de la copa a Multiplicar.

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

Paso 2

Dibuja otro aguja.

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

Paso 3

Continua coloreando la aguja.

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

Paso 4

Añade otra aguja más.

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

Paso 5

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

stroke

Paso 6

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

pine 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 effect

Paso 8

Ordena las ramas para nuestro fondo retro.

pine 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 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 tutorial

Paso 3

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

  • #dfc5a1
  • #20190e
linear gradient

Paso 4

Dibuja el pedestal con Malla.

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

Paso 5

Añade una copia más grande.

mesh clock

Paso 6

Crea la base.

mesh clock base tutorial

Paso 7

Arma el reloj vacío.

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

Paso 10

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

clock hands vector

Paso 11

Añade los detalles.

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

Paso 2

Usa el mismo degradado para el siguiente elemento.

vector ribbon

Paso 3

Usa un nuevo degradado para esta parte.

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

Paso 4

Dibuja otra parte de la cinta.

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

Paso 5

Usa el mismo degradado para el último elemento.

linear gradient

Paso 6

Continua usando el mismo degradado.

vector ribbon gradient

Paso 7

Dibuja una parte más.

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

Paso 8

Crea un último degradado.

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

Paso 9

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

linear gradient

Paso 10

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

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

Paso 4

Coloca el reloj sobre el fondo nevado.

winter retro background design in Illustrator

Paso 5

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

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

Paso 7

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

transparency mask

Paso 8

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

bokeh light

Paso 9

Crea un arreglo de luces bokeh.

bokeh lights tutorial

Paso 10

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

highlight vector

Paso 11

Añade algo de nieve blanca.

snow vector

Paso 12

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

holiday 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 Glasses
Holiday Retro Background with Champagne Glasses

¡Revisa mis otros tutoriales de fondos de invierno!

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.