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 Effectis 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 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 Horizontaland 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 Previewand 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.

Leave a Reply

%d bloggers like this: