How to Create ‘Eid Mubarak’ Money Cards for Kids in Adobe Illustrator

Money cards are a fabulous idea to present the spirit of Eid and to make giving money to others a little bit more special.

How to Create ‘Eid Mubarak’ Money Cards for Kids in Adobe Illustrator

Handing out money or gift cards to children is a common Eid tradition. For a fun way to take it up a notch, in this tutorial we will learn to custom make money cards, by using basic Illustrator tools and some handy shortcuts.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

You can find many Eid-themed graphics and templates over on GraphicRiver.

1.How to Set Up the File

Step 1

To begin, sketch out your concept.

The sketch below is the concept I had in mind: two card designs, one for girls and the other for boys. There will be a cutout along the arms to slip the money through.

Sketch your concept, scan it, and save as JPG, to upload it onto Adobe Illustrator.

If you are short on time, you can always head over toGraphicRiver to find a selection of illustrated graphics to use.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Step 2

Open Adobe Illustrator CC. Let’s set up aNew Document(File > NeworCommand-N).

For this project, use the following settings:

Select Print.

Preset Details: Eid_Money_Cards

  • Number of Artboards:1
  • Width: 10 cm
  • Height: 15 cm
  • Units: Centimeters

And click Create.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Step 3

Place one side of the sketch onto the Artboard.

Place (Command-Shift-P) and drag the image bounding box to take its place on the artboard. Open the Layers panel: Window > Layers.

Open the sub-menu of theLayerspanel:

  1. Name:Sketch
  2. SelectLock
  3. Dim Images to:20%
  4. OK

Create New Layer, on top of the‘Sketch’, and name it‘Outline’.File > Save (Command-S).

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

2. How to Create the Borders & Artwork Outlines

Step 1

We begin by laying out our card’s border.

Select the Pen Tool (P), with a Fill of null and black Stroke of 1 pt, and draw half the border.

  1. Then, with the object selected, select the Reflect Tool (O), which is located under the Rotate Tool in the Tools panel.
  2. Click on the center edge of the object to set one point
    of the axis
    . Hold down Option-Altand click to set.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Step 2

Next we need to join the borders to create one compound shape, and create a border outline.

Select both borders with the Direct Selection Tool (V).Open the Pathfinder panel: Window > Pathfinder.Select Uniteto create a compound shape.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

After creating our compound shape, with the border selected, we need to create the inner and outer border lining.

First, to create the outer border:

From the Main Menu: Object > Path > Offset Path:

  • Set Offset at 0.2cm
  • Joins: Miter
  • Check Preview, to view
  • OK.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Second, create the inner border:

Select the original border, with theSelection Tool (V).

Main Menu: Object > Path > Offset Path.To offset inwards, use the minus sign (-), set theOffset to -0.35 cm, andclick OK.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Step 3

Let’s continue by drawing the other symmetrical elements within our design, like the head features and body.

Use the Pen Tool (P), with a black Stroke of 1 pt, and freehand draw half the head, Taqiyah (Islamic Prayer Head Wear), the eye outline, eyebrow, ear and body shape.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Then select the Ellipse Tool (L) and draw in the pupils and cheeks, as well as the neck area.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Step 4

Let’s mirror the illustrated parts.

  1. Select the head, Taqiyah Cap, eye, eyebrow, cheeks, ear and body shapes.
  2. Select the Reflect Tool (O), from the Tools panel.
  3. Set the light blue, Reflect axis point, on the edge, as shown.
  4. Hold down Option-Alt, and click to reflect the objects.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Then we need to select each shape and its respective reflection and Unite them, using the Unite option from the Pathfinder panelto create a single compound shape.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Last, select the body shape with the inner border lining and Minus Front, from the Pathfinder panel, so it lines up along the edges.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Step 5

Next we need to add in the text, but by drawing it.

Instead of working with Arabic fonts and getting lost in letters and rigid-looking font styles, I prefer to draw in the text, for a more personal feel.

Select the Blob Brush Tool (Shift-B) from theToolspanel. TheBlob Brushis similar to a thick pen. Select a black Stroke, no Fill.Set the blob size you want to draw the text with, and draw in the text.

  • A shortcut to manage Blob Brush Toolsize: Click the left square bracket key ([) to shrink the brush size and the right square bracket (]) to enlarge.
  • Select a smaller blob brush, to add in the Arabic pronunciation marks.
  • You can use theEraser Tool (Shift-E)to erase anymistakes with theblob shapes, if needed.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Step 6

Now that the initial basics are laid out, we need to duplicate the artboard for the girl money-card, since they both share similar borders and features.

Select the boy’s Taqiyah Cap, and Lock it using the Command-2 shortcut, so it’s not duplicated with the Artboard.

From the Main Menu: File > Document Setup.

The Document Setup dialog box will open.

Select Edit Artboards.

Hold down the Shift-Alt keys and drag our Artboard onto the girl card sketch, to duplicate it.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Step 7

The girl is wearing a dress, so we need to adjust her outline and widen the bottom part to form a dress.

Select the Direct Selection Tool (A), select each anchor point separately, hold the Shift key down to constrain movement to a 90° angle, and drag along, as so.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Step 8

Let’s fill in the remaining details, using some basic tools.

First use the Pen Tool (P), with a Fill to null and black Stroke of 1 pt, and trace in the main line work, as so:

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Step 9

Lock (Command-2) everything except the ears, head hair, and borders.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

What we will do is duplicate our elements to create a color fill layer.

In the Layers panel sub-menu, select Duplicate ‘Outlines’.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

This will create the layer ‘Outline Copy’ over the ‘Outlines’ layer.

  1. Position the ‘Outline Copy’ under the ‘Outlines’ layer, for us to create our fills under the line work.
  2. Rename ‘Outline Copy’to‘Fill’.
  3. Lock the ‘Outlines’ layer.
  4. File > Save (Command-S), to save your Illustrator file.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Step 10

In the ‘Fill’ layer, let’s give a color fill to the unlocked shapes.

You may need to Arrange objects, as you color along. Use the following shortcuts:

  • Arrange > Bring to Front (Command-Shift-])
  • Arrange > Bring Forward (Command-])
  • Arrange > Send Backward (Command-[)
  • Arrange > Send to Back (Command-Shift-[)

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Unlock All (Command-Option-2) the rest of our elements. Give each one a color Fill of your choice.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Step 11

Next, with the Selection Tool (V), select the lines that have no fills and Delete, since they will not need a fill.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Lock the ‘Fill’ layer, and Unlock ‘Outlines’ layer.

Unlock All (Command-Option-2) elements within the Outlines’ layer.

Delete all elements whose outlines we don’t need, like the ears, cheeks, hair, patterns, etc. I left a few, as shown below.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Step 12

Open the Stroke panel (Window > Stroke), and alter the stroke width of the remaining black strokes to create variance in the artwork.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Next we need to combine the head outline with the body.

Select both the head and body shape of the boywith theSelection Tool (V), and from thePathfinder panel, Minus Frontto subtract from the shape area.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Repeat the same steps, with the girl’s head and body shapes.

Then select the Scissors Tool (C) to cut the away the top anchor points that meet with the boy’s cap and head as well as the girl’s hair and head.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

3. How to Add Detail & Flair to the Illustration

Step 1

Let’s start by coloring in our black strokes.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Unlock the ‘Fill’ layer, and color in all the shapes and arrange the artwork elements so they look harmonious together.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Step 2

Let’s create the moon crescent for our background.

Make sure you are on the ‘Fill’ layer. Select the Ellipse Tool (L), with a black Stroke, and Fill null. Draw two ellipses, overlapping each other.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Next, select both ellipses, and from the Pathfinder panel, Minus Frontto subtract from the shape area, and you’ve got yourself a moon!

Give it a yellowish color Fill and place it somewhere on the background setting.

Create another crescent for the girl’s background.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Step 3

Let’s add stars!

Select the Star Tool under the Rectangle Tool menu, and select a yellowish fill.

  • Drag until the star is the desired size.
  • You can drag the pointer to rotate the star.
  • A cool trick is to press the Up Arrow and Down Arrow to add and
    decrease points of the star!

Draw stars on both card backgrounds.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Step 4

Next, we need to create small starlight points.

Select the Blob Brush Tool (Shift-B), from theToolspanel.

Chose light and dark blue stroke colors, for the boy’s background, and draw in blob points of various sizes.

  • Remember the shortcut to manage the size of the Blob Brush: Click the left square bracket key ([) to shrink the brush size and the right square bracket (]) to enlarge.

Repeat the process with the girl’s card background, but use white and dark green strokes.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Step 5

For the final touches, we need to add lighter tones of highlights to some of the elements to give it some pizzazz.

Continue to use the Blob Brush Tool (Shift-B), using a light blue stroke color, and draw in the boy’s thobe (dress) neck tie, and place some highlights on his thobe, a pattern on his hat, and highlights on his face.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Step 6

Again, usethe Blob Brush Tool (Shift-B), and draw in light tone highlights on the girl’s hair and a pattern on the dress. You can even throw in some lip color.

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator

Step 7

Finally, from the Layers panel, trash the ‘Sketch’ layer.File > Save (Command-S)the file.

Print it out on nice semi-glossy thick paper, cut the borders and cut along the outer lining of the arms, and slide the Eidgift money through, and you are done!

Hand out the holiday treats to all the little ones for the Eid holiday.

You can even make them more personalized by writing their names on each card!

Eid Mubarak! Our Colorful Eid Money-Card Illustrations Are Finished!

Great job! I hope you enjoyed the tutorial, and don’t forget to share your results!

For more fun tutorials like this one, check out my tutorials via my profile (Miss ChatZ) on ThemeKeeper Tuts+. Have a wonderful Eid!

How to Create 'Eid Mubarak' Money Cards for Kids in Adobe Illustrator