DesignTips > > How to Create Medal Badge (Illustrator)

How to Create Medal Badge (Illustrator)

How to Create Medal Badge (Illustrator)

In this section we will introduce you how to create the medal badge in Illustrator.

Medal badges are found in banners, magazines, flyers, ads and such. This is often used when something won awards or recognition.

This is a very classic design and it is important to master how to create it. Once you know how, you can make your own design the way you like.

Step01 Create Medal Jags

First, create medal jags. There are various ways to create them. This time we will use [Star Tool].

Select [Star Tool] in illustrator and click on the art board. Option dialog appears. Set the setting using the example above. Now you have a jagged circle!

Step02 Apply Gradient on Circle

Now we apply gradient on the jagged circle. This is the crucial factor in the tutorial.

This is a little complicated step. Set the setting using the example above in [Gradient Panel]. I personally modify this type of detailed setting with HSB (Hue/Saturation/Brightness). You can lock hue in HSB mode. The only thing you need to do is adjusting saturation and brightness. This makes the task easy.

This time we set strong yellow and light yellow gradually and arrange them somewhat randomly. This creates light reflection on the badge.

Step03 Draw Circle inside Medal

Next, draw a circle inside the medal.

Draw a white circle using Eclipse Tool like above Fill: No, Line: White. In order to fit in the circle nicely, check smart guide (View > Smart Guide) and draw with Alt+Shift+Drag.

Step04 Draw another Circle

Draw another circle inside the previous one. You could use Eclipse tool again but this time we use [Offset Path].

Select the previously drawn circle and click [Object > Path > Offset Path]. Set the setting in the dialog box using the example above. Now you have another circle 15px inside of the other.

Step05 Use Superscript Path Tool

Set the circle from Step04 Fill: no Line: no and select.

Select [Superscript Path Tool] and click where you would like to insert text. Type text. Text is inserted along the circle path. Move the bracket and align text.

Step06 Draw another Circle

Draw a circle using Offset Path like in Step04 inside the text.

Now we have the medal part!

The glossy medal is well depicted with gradation. You could end the task here but let’s add ribbons under the medal.

Step07 Draw Ribbons with Pen Tool

Draw ribbons with Pen Tool.

You do not have to draw twice. Simply reverse copy.

Step08 Apply Gradient on Ribbons

Next, apply gradient on the ribbon.

Select Gradient Tool (Window > Gradient) and set the setting using the example above.

Step09 Arrange Ribbons behind Medal

Group the ribbons (Ctrl+G) and move it to most back (Ctrl+Shift+[).

Select all (Ctrl+A) and Group (Ctrl+G).

Step10 Apply Shadow on Medal

Lastly, apply a slight shadow to make the texture realistic.

Select the medal and click [Effect > Stylize > Drop Shadow]. Set the setting using the example above in the dialog box.

Done!

The texture is enhanced with the slight shadow.

The badge is simple and can be used for various purposes. You can make silver and bronze medals by changing the color.

The medal is an often used design part. Make one yourself and customize. You can create different designs and stock them for the future use.

この投稿文は次の言語で読めます: Chinese (Simplified), Japanese

How to Create Halloween Jack O’ Lantern Illustration (Illustrator)
How to Create Halloween Ghost Illustration (Illustrator)
How to convert a photo into black and white (monochrome) 3 (Photoshop CS5)
How to convert a photo into black and white (monochrome) in 30 seconds 2
How to convert a photo into black and white (monochrome) 3 (Photoshop CS5)
How to Create Retro Photo in Photoshop
How to convert a photo into black and white (monochrome) in 30 seconds 2
How to convert a photo into black and white in Photoshop 1
How to Create Retro Picture in Photoshop