Printable Cuttable Creatables Presents:

Video - How to Make a Birthday Banner SVG File

VIDEO: How to Make a Birthday Banner SVG File

Share
Tweet
Pin
Email
Print

Whether you’re celebrating a birthday, graduation, or holiday, banners are a fun DIY project for party crafters. In this video, learn how to make a birthday banner SVG file for Cricut in Adobe Illustrator.

Follow along to design a banner cut file from start to finish. We’ll start from scratch and work step by step all the way through saving the SVG and uploading it to Cricut Design Space.

If you want to follow along, I’ve included a link below where you can download this Illustrator practice file, which includes the color palette I used, the finished birthday banner SVG, and the different working steps for creating this design. 

Video Tutorial

If you prefer written step by step instructions for how to make a birthday banner SVG file instead of video, continue reading.

Download & Follow Along

Free Illustrator Practice File – CFC08:

To follow along and learn how to make a birthday banner SVG file in Adobe Illustrator, download the free Adobe Illustrator practice file for this tutorial.

Includes the finished designs, color palette, and working stages shown in this video.

Grab it from my Free Design Library: File# CFC08

Want access to this free file? Join my FREE Design Library! All you need is the password, which you can get by filling out the form below!

Free Design Library!

Free Design Library!

Subscribe to my free newsletter and get instant access to my FREE Design Library, which includes this file and all other design tutorial files!

Enter your email and check your inbox for the password!

Subscribe to my free newsletter and get instant access to my FREE Design Library, which includes this file and all other design tutorial files!

Enter your email and check your inbox for the password!

Font Used:

Martina Font (Commercial Use)

Written Overview: How to Make a Birthday Banner SVG File in Adobe Illustrator

Draw Flag Shape:

  1. Start by drawing a flag shape. Press M key to select the Rectangle tool. Then click once on the artboard and in the Rectangle settings box, enter dimensions 4″w x 6″h. Click OK.
  2. Illustrator will create a rectangle to your dimensions.
  3. Give the shape a color (I used a cream color in this example).
  4. Make sure Smart Guides are turned on (View> Smart Guides).
  5. Using the Pen tool, hover pen over bottom path of rectangle. When smart guides indicate the center of the path, click to add a new anchor point.
  6. To create a dove tail shape, move the new anchor point up 1 inch. With the new anchor point selected, in the Transform panel, type “-1” after the existing number in the Y axis field and press Enter. Illustrator will automatically move the anchor point up 1 inch.

Create Scallop Edges:

  1. Create a small offset around the flag shape. Choose Object> Path > Offset Path and type 0.05in and click OK.
  2. A small offset path has been created around the original flag shape.
  3. With the offset path selected, give it a different fill color (I used a light pink). Then increase the stroke weight to 60pt.
  4. With the stroke still selected, in the Stroke panel, set the caps to rounded, and check the “Dashed Line” option. Set the first Dash field to 0pt. Then set the Gap field to a value that is about 5-10pts less than the stroke weight. In this example I used a Gap of 50pt.
  5. Now the offset path has scallop edges, all around however I want the top of the scallop shape to be flat and aligned with the top of the flag shape.
  6. Using the Direct Selection tool, click the top path of the scallop offset and press Delete on your keyboard.
  7. Using the Direct Selection tool, select the top 2 anchor points of the scallop shape and hold SHIFT as your drag them downward to align the top edges with the top edge of the flag shape.
  8. Now you can expand the scallop edges into vector shapes. Head to Object > Path > Outline Path.
  9. The scallop path has now become circular vector shapes. With the shapes still selected, click Unite in the Pathfinder panel to connect / weld these circle shapes together.
  10. Select the inner path of the top circles and delete them. Then use the Direct Selection tool to select the top anchor points, then right click and choose “Join” to connect them together. This makes the scallop shape a closed shape.
  11. Using the Group Selection tool, click to select the inner scallop path and delete it. Now we have a solid scallop pennant shape for our birthday banner.

Create Ribbon Hole Cutouts:

  1. Press the L key on your keyboard to bring up the Ellipse tool. Click once on the artboard and in the Ellipse window, enter dimensions of .2in x .2in and click OK.
  2. Illustrator will create a small circle. Give it a fill color that is different than the flag and scallop shapes.
  3. Then place the circle at the upper right corner of the flag shape, leaving enough room near the edges so the paper won’t be too thin and tear.
  4. Select the circle, then press ALT as you click and drag to the left to create a hole for the other side of the flag. Hold SHIFT while dragging to make sure your circles stay aligned.
  5. Select both circles, right click and Group them together.
  6. With the circles selected, press CTRL or CMMD C to make a copy on your clipboard (we’ll need these later).
  7. Now with the circles selected, hold SHIFT and click on the flag shape to add it to your selection. Then in the Pathfinder panel, click Minus Front to remove the circles from the flag shape, leaving cutouts.
  8. Press CTRL or CMMD F (Paste in front) to paste the copied circles in the exact placement.
  9. With the pasted circles selected, hold SHIFT and this time click on the scallop shape to add it to your selection. Then in the Pathfinder panel, click Minus Front to remove the circles from the scallop shape, leaving cutouts that are perfectly aligned with the ones in the flag shape.

Add Letters to Flags:

  1. To add letters to your flags, select the flag shape and press ALT and SHIFT as you drag to make several copies (I made 2 copies for a total of 3 pennants).
  2. Press T on your keyboard to select the Type tool. Click on the artboard and type the word you want for your banner. I used “One” for this high chair banner. Choose the font you want for your design, I used the Martina font.
  3. Now we need to convert the text to vector shapes, but first, make a copy of the live text off to the side of the workspace so we can make changes later if we need to.
  4. With the text selected, choose Type > Create Outlines to convert to vector shapes.
  5. Use the Group Selection tool to place each letter on top of their respective flag shape. (This is just for visual reference, since the letters will be cut as separate shapes from cardstock and manually assembled.)

Now this birthday banner SVG design is ready to cut in Cricut Design Space and other cutting programs. Download my Free Designer’s Guide to Error-Free SVGs to see my recommended settings for Saving SVG files.

Give this a try and come share your finished SVG designs (and any questions) in my free Facebook Group!

If you found this SVG design tutorial helpful, Pin the image below to come back later, and to help other SVG designers learn how to make a birthday banner SVG file for Cricut in Adobe Illustrator!

How to Make SVG file for Cricut - Birthday Banner


Affiliate Disclosure: I may be an affiliate for some sites recommended in this post. This means that if you purchase items through my links I will earn a small commission, at no extra cost to you. I only recommend products that I have personally used and enjoy and when you order through my link, it helps me continue to bring you free design tutorials and selling tips. Thank you in advance for your support! 

Share
Tweet
Pin
Email
Print

Leave a Comment

Author picture

Hey! I’m Kristin, the designer behind Printable Cuttable Creatables, where I design and sell SVG Files for cutting machines like Cricut and Silhouette. I’ve been earning a living selling digital designs online for over 15 years, and I’m excited to help you learn how to design SVG cut files that are professional and profitable!

Learn more about me

Get The FREE Designer's Guide to Error-Free SVGs

This free guide will show you what makes SVG files cuttable, user-friendly, and error-free, so you can avoid common mistakes made by new SVG designers and start designing like a pro!

This site uses cookies to provide functionality and give you the best experience. You can learn more in our Privacy Policy.. By continuing to use this site, you agree to our use of cookies.