Skip to content

Emboss Text Effect in Adobe Illustrator

Emboss Text Effect in Adobe Illustrator
 
Today you will learn a new Typography Effect. Today’s illustrator tutorial is about Emboss Text Effect in Adobe Illustrator. You can create this effect with the help of the Appearance Panel and Transform Effect.
 
Emboss Text Effect in Adobe Illustrator
 
Emboss Effect is not restricted to text. You can apply this effect on shapes and objects also.
 
Let’s start the tutorial of Emboss Text Effect in Adobe Illustrator
 
Step 1
Launch Adobe Illustrator and create a new document. Select the Rectangle Tool from the Tool Panel and create a background. Fill the background with color code #fbb040.

Emboss Text Effect in Adobe Illustrator

Now select the Type Tool and click on the artboard to type your text. Select the bold font style and increase the size of the text.

Emboss Text Effect in Adobe Illustrator

Step 2
Select the text and mark the Fill as No Fill.

Emboss Text Effect in Adobe Illustrator

Now open the Appearance Panel, click on Window in the Menu Bar, and select Appearance.
 
Emboss Text Effect in Adobe Illustrator
 
In the Appearance Panel, Click on the Add New Fill button to add a new fill layer in the panel.
 
Emboss Text Effect in Adobe Illustrator
 
After adding the New Fill layer, click on the drop-down arrow to change the color of the text. Fill the text with color #fddfb3.
 
Emboss Text Effect in Adobe Illustrator
Now click on Opacityand change the blend mode from Normal to Screen.
 
Emboss Text Effect in Adobe Illustrator
 
Now we will apply Gaussian Blur. Click on Add New Effect in the Appearance Panel and place the cursor on Blur and select Gaussian Blur.
 
Emboss Text Effect in Adobe Illustrator
Emboss Text Effect in Adobe Illustrator
 
 Set the radius of the Gaussian Blur to 2 pixels and then click OK.
 
Emboss Text Effect in Adobe Illustrator
 
Step 3
Now again add a New Fill layer in the Appearance Panel and Fill the color #fbb040.
 
Emboss Text Effect in Adobe Illustrator
 
Let the New Fill layer be selected and click on Add New Effect in the Appearance Panel. Place the cursor on Distort and Transform and select Transform.
 
Emboss Text Effect in Adobe Illustrator
In the Transform Effectdialogue box, set the Horizontal and Vertical Move to 4 pt. Check the Preview and click OK.
 
Emboss Text Effect in Adobe Illustrator
 
Step 4
Again we will add a New Fill Layer in the Appearance Panel. Select this New Fill Layer and drag it below the Fill Layer added in the above Step 3
 
Select the new layer added and fill it with color #000000
 
Emboss Text Effect in Adobe Illustrator

Now reduce the Opacity to 64% and set the blend mode to Hard Light.

Emboss Text Effect in Adobe Illustrator

Now open the Transform Effect dialogue box. Set the Horizontal and Vertical Move to 8 pt.

 
Emboss Text Effect in Adobe Illustrator

Now apply Gaussian Blur to it.

Emboss Text Effect in Adobe Illustrator
Check the Preview and click OK.
Emboss Text Effect in Adobe Illustrator
 
As said earlier you can also apply this effect to any shape or artwork. You can also save this Emboss Text Effect as Graphic Styles for future use.
 
Share this Embossed Text Effect tutorial with others and write your views in the comment section.

About Vivi Designing
Vivi Designing is a Designing resource for people who are in love with design and are eager to learn for creativity and inspiration. We provide free design resources, articles, tutorials, techniques, and the latest trends in Adobe Illustration and Adobe Photoshop.

2 thoughts on “Emboss Text Effect in Adobe Illustrator”

  1. Pingback: Engraved Text Effect in Adobe Illustrator - Adobe Tutorial

  2. Pingback: Add Embossed Effect to Logos/Text in Photoshop - Adobe Tutorial

Leave a Reply

Your email address will not be published.

ten − 3 =