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

How to Create a Holiday Retro Background With Champagne Glasses Design in Illustrator

Final product image
What You'll Be Creating

In this tutorial, you will learn how to use the Mesh Tool in Adobe Illustrator to create a retro winter holiday vector background!

If you want to skip the tutorial and just use this design in Illustrator, purchase the Holiday Retro Background with Champagne Glasses from GraphicRiver!

holiday retro background with champagne glasses
Holiday Retro Background with Champagne Glasses

1. How to Draw the Champagne Glasses

Step 1

Begin using the Mesh Tool (U) by creating a Mesh Grid just like the one below, in the shape of a champagne glass.

Keep the glass white, and add a #454B3B outline by coloring the edge nodes.

Color some more nodes on the sides of the glass with #A5B29F.

champagne glass mesh

Step 2

Continue coloring the selected nodes. Use these colors:

  1. #E1D9C5
  2. #ABA28A
  3. #D7B594
gradient mesh

Step 3

Continue coloring the champagne glass with Mesh. You'll need these colors:

  1. #96BA77
  2. #160901
  3. #CB9011
how to use mesh

Step 4

Finish the glass.

  1. #431C02
  2. #EACE7A
  3. #F8EBA6
champagne glass mesh tutorial

Step 5

Draw an ellipse, filled with #F7F7F7. Add a #454B3B outline.

wine glass tutorial

Step 6

Draw the leg of the glass with Mesh.

  1. #EAEBEA
  2. #211B14
  3. #7C8281
glass leg mesh

Step 7

Finish the leg.

  1. #B5D3CC
  2. #E89C99
  3. #F5F2E5
gradient mesh

Step 8

Draw the glass base.

  1. #DBECEB
  2. #789B96
  3. #41514C
  4. #FFFFFF
  5. #87998F
  6. #B7C7BF
retro background tutorial

Step 9

Finish the Mesh.

  1. #A1C6BD
  2. #C7BC7E
  3. #000000
champagne glass mesh

Step 10

Assemble the Mesh elements to create the glass.

alcohol glass

Step 11

Begin drawing bubbles for the champagne.

Use a Radial Gradient from #F7C263 to #3D170D.

radial gradient champagne

Step 12

Draw another bubble using the same Gradient.

radial gradient

Step 13

Draw one last type of bubble.

champagne bubble

Step 14

Place the bubbles on top of the glass.

champagne glass tutorial retro background

Step 15

Change the glass's Transparency mode to Multiply.

transparency mode

2. How to Draw the Pine Branch

Step 1

Begin drawing the pine needles.

  1. #9CA1AD
  2. #3D485A
  3. #CDCDD0
  4. #EEEDEC
pine needle mesh

Step 2

Draw another needle.

  1. #434E5F
  2. #1E2230
  3. #D6D6D9
gradient mesh pine branch

Step 3

Continue coloring the needle.

  1. #8A939E
  2. #7D838F
christmas tree needle

Step 4

Add one more needle.

  1. #434E5F
  2. #1E2230
  3. #7E8896
  4. #767F8E
gradient mesh

Step 5

Add a black base using a specific Stroke profile.

stroke

Step 6

Assemble a branch out of the needles we've made so far.

pine needle branch

Step 7

Take a copy of the completed branch, and proceed to Effect > Warp > Arc.

Use a -21% Bend, and Expand Appearance of the pine branch.

warp effect

Step 8

Arrange the branches for our retro background.

pine branches background design in Illustrator

3. How to Draw a Clock

Step 1

The clock is another one of the elements needed to complete our design in Illustrator.

Begin by drawing a circle and filling it with a Radial Gradient from #FDF8F2 to #F5E8DD to #B4967F.

radial gradient clock

Step 2

Draw one more circle, this time using a Linear Gradient.

Colors from left to right:

  • #FFFFFF
  • #CEA66E
  • #FFFFFF
  • #6D5125
  • #7F5E2C
  • #4A3919
vector clock tutorial

Step 3

Add one more Linear Gradient circle.

  • #DFC5A1
  • #20190E
linear gradient

Step 4

Draw the pedestal with Mesh.

  1. #7E4F2B
  2. #362E25
  3. #FFFFFF
mesh pedestal

Step 5

Add a bigger copy.

mesh clock

Step 6

Create the base.

mesh clock base tutorial

Step 7

Assemble the empty clock.

vector clock tutorial

Step 8

Begin drawing the face of the clock with two black circles.

Add a line between them, and then select the Rotate Tool (R). Hold down Alt, and click in the center of the circles. Input a -10º Angle and Copy.

Continue until the circle is full.

rotate tool

Step 9

Draw a smaller circle, and then select the Type on a Path Tool (find it under the Type Tool).

Click on the circle and begin writing Roman numerals in your preferred font—I have used Birch Std.

roman numerals

Step 10

Draw hands for the clock. Use a thicker Stroke, and then Expand it.

clock hands vector

Step 11

Add the details.

vector clock tutorial design in Illustrator

4. How to Draw the Ribbon

Step 1

One more separate element we will be adding to complete this retro background is a serpentine ribbon.

Draw a part of the ribbon, filling it with a Linear Gradient.

  • #69471B
  • #BC994F
  • #FFFFF0
  • #FFE295
  • #69471B
gradient ribbon

Step 2

Use the same Gradient for the next item.

vector ribbon

Step 3

Use a new Gradient for this part.

  • #593919
  • #FFE295
  • #FFFFF0
  • #BC994F
  • #593919
ribbon tutorial vector

Step 4

Draw another part of the ribbon.

  • #69471B
  • #FFEBB2
  • #FFFCE5
  • #FFEBB2
  • #6F4120
design in Illustrator ribbon

Step 5

Use the same Gradient as for the last item.

linear gradient

Step 6

Continue using the same Gradient.

vector ribbon gradient

Step 7

Draw one more part.

  • #593919
  • #FFE295
  • #FFFFF0
  • #BC994F
  • #593919
design in Illustrator tutorial

Step 8

Create one last Gradient.

  • #593919
  • #BC994F
  • #FFFFF0
  • #FFE295
  • #593919
serpentine ribbon

Step 9

Use the same Gradient for the last part of the ribbon!

linear gradient

Step 10

Assemble the serpentine ribbon out of the parts we made.

vector ribbon tutorial

5. How to Complete the Retro Background

Step 1

Draw the backdrop for the design in Illustrator.

  1. #D1D7E6
  2. #A7B5C1
  3. #D1D7E6
  4. #BDB9C2
  5. #E0DCEA
  6. #CBD8F0
winter mesh background

Step 2

Draw a highlight using an ellipse with a white to black Radial Gradient.

Make sure to change its Blending Mode to Screen.

radial gradient screen

Step 3

Learn how to create this type of snow in this tutorial:

Next, add the highlights and contain the snow into a rectangular Clipping Mask.

vector snow

Step 4

Place the clock on the snowy background.

winter retro background design in Illustrator

Step 5

Add the pine branches, the champagne, and the ribbon.

design in Illustrator new year

Step 6

Begin drawing some bokeh elements.

Use a #223AFF base with a Gradient Transparency Mask.

Set the result to Screen with 60% Opacity.

bokeh light vector

Step 7

Add one more element with a #4CA2D5 base.

transparency mask

Step 8

Use #B1C3FF for one more highlight.

bokeh light

Step 9

Create an arrangement of bokeh lights.

bokeh lights tutorial

Step 10

Add more highlights with a #342A1C to black Radial Gradient, using Color Dodge and 30% Opacity.

highlight vector

Step 11

Add some white snow.

snow vector

Step 12

Add all the elements to our retro background!

holiday retro background with champagne design in Illustrator

Awesome Work, You're Now Done!

Thank you for following along, and please feel welcome to post your result in the comments. I'll be looking forward to seeing it!

In this tutorial, you learned how to create a retro New Year's background design in Illustrator using Gradient Mesh!

I hope you've enjoyed this tutorial and learned how to use some useful tools for the future! Check out some of my other vector tutorials on my instructor profile.

You can purchase this retro background as well as other similar designs in my portfolio on GraphicRiver.

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

Check out more of my winter background tutorials!

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.