How to Create the Sonic the Hedgehog Logo in Illustrator

Discover ways to make the well-known Sonic the Hedgehog emblem from scratch with minimal font changes and some easy appearances. This Sonic textual content impact is straightforward to realize, and you may apply this type to create different daring logos in your initiatives.

If you do not have the time to learn to draw Sonic the Hedgehog emblem, you’ll be able to all the time strive Envato Elements, the place you will discover a big choice of fonts and graphics which are prepared for use for logos.

What You may Be taught in This Tutorial

Find out how to make the Sonic emblem font

Find out how to shade the Sonic the Hedgehog emblem

Tutorial Belongings

You may want the next assets with a view to full this venture:

1. Find out how to Make a New Doc in Adobe Illustrator

Launch Illustrator and go to File > New to open the New Doc window. There, sort the identify of the doc and set the scale as proven. Hold the Models set to Pixels and the Colour Mode to RGB. When you’re carried out, hit Create Doc.

Within the picture under, you’ll be able to see the opposite settings that I choose to make use of whereas working in Illustrator. You may entry them by going to Edit > Preferences.

2. Find out how to Make the Sonic Brand Font

Step 1

Seize the Sort Device (T) and write the letters “SO” in your artboard utilizing the Rasgen Regular Font, with these Character panel settings:

Measurement: 118 pt

Set the monitoring for the chosen characters: 70

Subsequent, write the letters “NI” utilizing the identical font and apply these settings:

Measurement: 120 pt

Set the monitoring for the chosen characters: 70

Step 2

Nonetheless utilizing the Sort Device (T), write the letter “C”. This time, use the Mildstones Font, which is similar to the unique Sonic emblem font. Apply these Character panel settings:

Measurement: 173 pt

Vertical Scale: 95%

Step 3

Within the following steps, we are going to distort the letters in order that the Sonic textual content impact is extra just like the unique. Solely minimal changes are wanted.

Concentrate on the letter “S” and use the Direct Choice Device (A) to pick out and transfer sure factors. Transfer the factors highlighted with crimson outwards to acquire a slanted look, transfer the factors highlighted with inexperienced inwards, and eventually, transfer the purpose highlighted with orange a bit of to the left to make the letter extra chubby.

For the letter “O”, first go to Object > Compound Path > Launch to separate the 2 spherical shapes. With the larger form nonetheless chosen, sort 88 px because the Width and 86 px because the Top within the Remodel panel. It will make the form wider and rounder. Now, choose the smaller form, and sort 30 px because the Width and 40 px because the Top. Additionally, Rotate the form -45 levels. As soon as that is carried out, you’ll be able to choose each shapes and return to Object < Compound Path > Make (Management-8).

Step 4

Concentrate on the letter “N” and alter its measurement to 85 x 86 px within the Remodel panel. Use the Direct Choice Device (A) to pick out and transfer the purpose highlighted with inexperienced about 8 px to the suitable; then choose and transfer the purpose highlighted with crimson about 8 px to the left.

For the letter “I”, simply change the dimensions to 28 x 86 px within the Remodel panel.

Step 5

The final letter is “C”. Use the Direct Choice Device (A) to maneuver the place of the top factors highlighted to acquire a barely completely different look, and regulate the handles if wanted. Lastly, make the inside curve extra elongated.

At this level, the Sonic emblem letters are carried out, and we are able to proceed with the coloring half.

3. Find out how to Colour the Sonic the Hedgehog Brand

Step 1

Choose all of the letters and go to Object < Compound Path > Make (Management-8). Fill the ensuing compound path with a yellow-to-orange linear gradient, and set the Angle to 90 levels.

Step 2

With the textual content nonetheless chosen, click on on Add New Fill within the Look panel. Hold the brand new Fill attribute on the backside and alter the linear gradient as proven. Subsequent, go to Impact > Path > Offset Path and apply an Offset of 2.5 px. Because of this, you’re going to get the looks of an overview across the letters.

Step 3

Subsequent, apply a 12 pt Stroke utilizing blue, and drag it on the backside of the Look panel. Click on on Align Stroke to Exterior within the Stroke panel.

Step 4

Use the Ellipse Device (L) to attract two circles sufficiently big to cowl the house contained in the letters “O” and “C”. Colour them with the identical shade of blue, and ship them to the again by going to Object > Organize > Ship to Again (Shift-Management-[).

Step 5

Grab the Rectangle Tool (M) and draw a rectangle the same length as the Sonic text effect, which is 430 x 46 px. Fill it with the red linear gradient shown, and set the Angle to 90 degrees.

Step 6

It’s time to make the second piece of text. Write “THE HEDGEHOG” on your artboard using the Ragon Bold Font (1), which will be almost identical to the original text after making the following adjustments in the Character panel:

Set the font size: 66 pt

Set the tracking for the selected characters: 150

Vertical Scale: 65%

Change the fill color to white and position it on the red rectangle (2). Go to Type > Create Outlines followed by Object > Ungroup (Shift-Control-G) to get the individual letters. The arms of the letter “E” are a bit too long, so let’s fix that quickly. Use the Direct Selection Tool (A) to select only the six end points, and move them a few pixels to the left to make the arms shorter. Do the same thing for the other two “E”s (3).

Group (Control-G) all the letters, and then go to Effect > Stylize > Drop Shadow and apply the settings shown (4).

Step 7

Select the “Sonic” text and Copy and Paste in Front (Control-F) to make a copy of it. Go to Object > Expand Appearance and then click on Unite in the Pathfinder panel to obtain the blue shape shown below. Also, Copy and Paste in Front (Control-F) the two circles and the rectangle (1).

Keep the text, circles, and rectangle copies selected, and press Unite in the Pathfinder panel followed by Object > Compound Path > Make (Control-8). As a result, you will get a compound path of the entire Sonic logo (2).

Step 8

Send the compound path obtained in the previous step behind everything by going to Object > Arrange > Send to Back (Shift-Control-[). Give it an 11 pt Stroke using white. Activate Round Cap, Round Join, and Align Stroke to Outside in the Stroke panel.

Congratulations! You’re Done

You have successfully learned how to draw the Sonic the Hedgehog logo. Even with simple techniques and a few steps, you can make great logos. Feel free to make it your own and be inspired to create other bold and colorful logos in future projects.

Make sure to check out Envato Elements, where you’ll find many logos and fonts that you can use for inspiration or download and use.

Popular Resources From Envato Elements

Envato Elements is an excellent resource for logos. Let’s explore some ready-to-use alternatives that you can download right now and create your desired logo.

Hedgehog Mascot Logo Template (AI, EPS, JPG, PDF, PNG)

If you’re interested in a hedgehog logo that is already made, then take a look at this mascot logo. Make it your own by quickly editing the text, and the character will be the perfect addition to make your logo stand out.

Lion Logo Template (AI, EPS, JPG, PDF, PNG)

This fierce lion logo uses a red and pink color scheme, making it both exciting and well balanced at the same time. The text is also bold, making your logo very visible and eye-catching. Give it a try!