Learn How to Create Musical Text Effect in Illustrator

Hi guys, today I’ll show you how to create musical text effect in adobe illustrator.

Details

Program: Illustrator CS 5

Approximate time: 30-40 Minutes.

Have a look at the final result first.

Text effect tutorial

Step 1

 

Create a new document with width 1000px and height 1000px in adobe illustrator.

Text effect tutorial

 

Firstly, make a new swatch of colors, which we’ll be using in this tutorial.

Text effect tutorial

 

Step 2

 

Select the ‘Rectangle tool’ to draw a large rectangle, which would serve as our background. Now select this rectangle using ‘Selection tool (V)’, then pick the ‘Gradient tool’ and apply gradient1 on this rectangle as shown below. Click on the yellow color square in the gradient slider and reduce its opacity to 72%.

Text effect tutorial

 

Step 3

 

Now create a new layer and type in your text using ‘Type tool’. We’ll be using ‘Berlin Sans FB’ bold font, 209pt size here. You can use any color for now as we’ll change color later on.
Text effect tutorial
Next, we’ll give this text 3D look. Select the text using ‘selection tool (V)’, then go to Effect> 3D> Extrude and Bevel. Use the given settings here.

Text effect tutorial

 

Step 4

 

Now select the text and go to Object> Expand appearance. In this way, all the parts forming 3D text would be separated and you can easily edit them individually.

Text effect tutorial

 

Next we’ll apply gradient2 on all the front layers of text using ‘gradient tool’ with 6pt stroke of shade1 except letter ‘U’. So, select the ‘M’ front layer and apply the given gradient settings.

Text effect tutorial

 

Apply the given settings for stroke on ‘M’ front layer.

Text effect tutorial

 

Step 5

 

Now select the backside layers of ‘M’ one by one using ‘Selection tool (V)’ and fill them with shade1.

Text effect tutorial

 

Apply the same settings of gradient and stroke for S, I and C letters. We’ll apply gradient3 on ‘U’ as shown below.

Text effect tutorial

 

Step 6

 

We are done with our text. Next we’ll create few speakers. Create a new layer and draw a circle using ‘Ellipse tool’. After that, apply gradient4 on it.

Text effect tutorial

 

Draw another circle on a new layer, use shade 2 for it. Place this layer in front of the previous circle layer. Now select the ‘mesh tool (U)’ and click on the circle at the point shown below. Once you are done, change the fill color to shade 3. This color would appear at that point.

Text effect tutorial

 

Now select this circle and go to Effect> Stylize> Inner glow. Use the given values here.

Text effect tutorial

 

Step 7

 

Draw another smaller circle on a new layer using shade4. Use the ‘mesh tool’ to highlight it.

Text effect tutorial

 

Draw a larger circle on a new layer using shade5 and place this layer behind the rest of the circles. Now use the ‘mesh tool’ to create shading with shade6 and highlights with shade7 on the points shown below.

Text effect tutorial

 

Step 8

 

Make another speaker in green shades in the same way. Duplicate these speakers few times, resize them using ‘selection tool (V)’ and arrange them with the text.

Text effect tutorial

Step 9

 

Collect all the layers except the background in a new layer and then duplicate this layer. After that, go to Object> Transform> Reflect. Use the given settings. Once you are done, drag this reflected group downward using selection tool. Reduce the opacity of this group to 50%. This would serve as the reflection.

Text effect tutorial.

Text effect tutorial

Step 10

 

Now to create shadow, make an elongated ellipse using ‘ellipse tool’. Place this layer just above the background layer. Then go to Effect> Blur> Gaussian blur. Use the value of 15 to blur it and reduce the opacity of this layer to 35%.

Text effect tutorial

Have a look at few color variations of musical text effect.

Text effect tutorial.

Text effect tutorial

Hope you enjoyed this tutorial and learned something useful. Do share your thoughts regarding it. Have fun!

 

Wordpress Themes - Wordpress Video Themes - Wordpress Travel Themes - WordPress Restaurant Themes