Preparing Our File
Open Adobe Illustrator (any version will do) and create a new document by going to File → New…
Select 1000x1000 px size for the new document.
On the new document, select the Type Tool (T).
Now you can write whatever you want. Try to keep short though. Also, you can use any font that you want to create a text effect. I used BadaBoom because I think it will look very nice in it.
Creating the Text Effect
Make sure that your text doesn’t have any fill. To check it, go to Window → Swatches and, on the Swatches panel, click on None color, which is the little white square with a diagonal red line (marked on image).
Go to Window → Appearance. On this panel, we will be adding all the fills and strokes we need to create a nice effect. On the Appearance panel, click on Add New Fill as shown on the image.
For the new fill, we will use a gradient with these colors: Left #00a69c and Right #d91c5c (just click on the gradient sliders and input that Hex code).
On the Appearances panel, select your new fill, and go to Effect → Path → Offset Path. On the Offset panel, enter 8px and click OK. Your text will look a little weird now but don’t worry, it will make sense later.
Create a New Fill on the Appearance panel, as we did before, and place it below the other fill. This new fill will have the same gradient, but make sure that you change it so it looks like this (the middle slider location is 15%).
With the new fill selected, go to Effect → Path → Offset Path. On the Offset panel, enter 8px and click OK.
With the new fill selected, go to Effect → Distort & Transform → Transform and enter the attributes as shown on the image.
Create a New Fill and drag it above the other two. This new fill will have the following gradient: Left #d8d8d8 and Right #f5f5f5.
With our new fill selected, go to Effect → Stylize → Drop Shadow and on the Drop Shadow window enter the attributes shown on the image. The color on the Drop Shadow is #89005b.
Create another fill and place it above them all, this will have the same grey-to-white gradient, but this time change the left handle to a #bbbdbf, which is a slightly darker grey, and the angle will be 58 degrees.
With the new fill selected, go to Effect → Path → Offset Path, enter -5px and click OK.
On the Appearance panel, select the Stroke and set the color to #bbbdbf and the weight to 2px.
With the Stroke selected, go to Effect → Stylize → Drop Shadow and enter the attributes shown on the image. The shadow color is #6b6b6b.
And that’s it! You now have a nice text effect, and the best part is that you can type whatever you want and use any font you want and the effects will still be there.
Illustrator is great for a lot of things, and one of them is that you can customize your text however you want and give it nice effects to stand out. In this tutorial, I will teach you in simple steps how you can add shadows, depth, strokes, and many things so your basic text looks way more appealing.
Tut DetailsBeginner level