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

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

by
Difficulty:BeginnerLength:ShortLanguages:
Final product imageFinal product imageFinal 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 glassesholiday retro background with champagne glassesholiday 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 meshchampagne glass meshchampagne glass mesh

Step 2

Continue coloring the selected nodes. Use these colors:

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

Step 3

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

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

Step 4

Finish the glass.

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

Step 5

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

wine glass tutorialwine glass tutorialwine glass tutorial

Step 6

Draw the leg of the glass with Mesh.

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

Step 7

Finish the leg.

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

Step 8

Draw the glass base.

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

Step 9

Finish the Mesh.

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

Step 10

Assemble the Mesh elements to create the glass.

alcohol glassalcohol glassalcohol glass

Step 11

Begin drawing bubbles for the champagne.

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

radial gradient champagneradial gradient champagneradial gradient champagne

Step 12

Draw another bubble using the same Gradient.

radial gradientradial gradientradial gradient

Step 13

Draw one last type of bubble.

champagne bubblechampagne bubblechampagne bubble

Step 14

Place the bubbles on top of the glass.

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

Step 15

Change the glass's Transparency mode to Multiply.

transparency modetransparency modetransparency 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 meshpine needle meshpine needle mesh

Step 2

Draw another needle.

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

Step 3

Continue coloring the needle.

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

Step 4

Add one more needle.

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

Step 5

Add a black base using a specific Stroke profile.

strokestrokestroke

Step 6

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

pine needle branchpine needle branchpine 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 effectwarp effectwarp effect

Step 8

Arrange the branches for our retro background.

pine branches background design in Illustratorpine branches background design in Illustratorpine 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 clockradial gradient clockradial 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 tutorialvector clock tutorialvector clock tutorial

Step 3

Add one more Linear Gradient circle.

  • #DFC5A1
  • #20190E
linear gradientlinear gradientlinear gradient

Step 4

Draw the pedestal with Mesh.

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

Step 5

Add a bigger copy.

mesh clockmesh clockmesh clock

Step 6

Create the base.

mesh clock base tutorialmesh clock base tutorialmesh clock base tutorial

Step 7

Assemble the empty clock.

vector clock tutorialvector clock tutorialvector 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 toolrotate toolrotate 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 numeralsroman numeralsroman numerals

Step 10

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

clock hands vectorclock hands vectorclock hands vector

Step 11

Add the details.

vector clock tutorial design in Illustratorvector clock tutorial design in Illustratorvector 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 ribbongradient ribbongradient ribbon

Step 2

Use the same Gradient for the next item.

vector ribbonvector ribbonvector ribbon

Step 3

Use a new Gradient for this part.

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

Step 4

Draw another part of the ribbon.

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

Step 5

Use the same Gradient as for the last item.

linear gradientlinear gradientlinear gradient

Step 6

Continue using the same Gradient.

vector ribbon gradientvector ribbon gradientvector ribbon gradient

Step 7

Draw one more part.

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

Step 8

Create one last Gradient.

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

Step 9

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

linear gradientlinear gradientlinear gradient

Step 10

Assemble the serpentine ribbon out of the parts we made.

vector ribbon tutorialvector ribbon tutorialvector 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 backgroundwinter mesh backgroundwinter 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 screenradial gradient screenradial 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 snowvector snowvector snow

Step 4

Place the clock on the snowy background.

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

Step 5

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

design in Illustrator new yeardesign in Illustrator new yeardesign 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 vectorbokeh light vectorbokeh light vector

Step 7

Add one more element with a #4CA2D5 base.

transparency masktransparency masktransparency mask

Step 8

Use #B1C3FF for one more highlight.

bokeh lightbokeh lightbokeh light

Step 9

Create an arrangement of bokeh lights.

bokeh lights tutorialbokeh lights tutorialbokeh lights tutorial

Step 10

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

highlight vectorhighlight vectorhighlight vector

Step 11

Add some white snow.

snow vectorsnow vectorsnow vector

Step 12

Add all the elements to our retro background!

holiday retro background with champagne design in Illustratorholiday retro background with champagne design in Illustratorholiday 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 GlassesHoliday Retro Background with Champagne GlassesHoliday 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.