Within the following tutorial you’ll discover ways to create lengthy shadow textual content in Illustrator and a few easy strategies that can be utilized so as to add textual content shadows in Illustrator.
For starters, you’ll discover ways to create the textual content. Taking full benefit of the Look panel and utilizing a neat Remodel impact, you’ll discover ways to add a shadow to the textual content in Adobe Illustrator. Some fundamental mixing strategies and a easy Gaussian Blur impact would be the closing touches to your lengthy shadow impact.
Desire to study by watching video tutorials? You are in luck! You’ll be able to watch this video from the Envato Tuts+ YouTube channel to discover ways to create lengthy shadow textual content in Illustrator:
What You will Study in This Lengthy Shadow Illustrator Tutorial
- How you can add textual content in Illustrator
- How you can add a shadow to textual content in Adobe Illustrator
If you do not have time to discover ways to add a shadow to textual content in Adobe Illustrator, you’ll be able to at all times attempt Envato Parts, the place you could find a large assortment of textual content results, together with lengthy shadow results. Try this totally editable textual content impact, and apply a protracted shadow impact with a easy click on.
What You Will Want
You have to the next font as a way to full this lengthy shadow impact:
1. How you can Create the Textual content
Hit Management-N to create a brand new doc.
Choose Pixels from the Models drop-down menu, enter 850 within the width field and 610 within the peak field after which click on that Extra Settings button. Choose RGB for the Coloration Mode, set the Raster Results to Display screen (72 ppi) after which click on that Create Doc button. Do not forget to set the unit of measurement to pixels from Edit > Preferences > Models.
Now that you simply’re set, let’s examine how one can add a shadow to textual content in Illustrator.
Step 2
Decide the Sort Software (T) and open the Character panel (Window > Sort > Character). Choose the Insaniburger font and set the dimensions to 200 px.
Transfer to your artboard, click on on it, and add your piece of textual content about as proven under. Make it black.
Step 3
Use the identical instrument and character attributes to create the final letter of your textual content. Make it blue and place it proper above the black one.
Preserve including separate blue letters till you cowl all of your black textual content. When you’re carried out, go to the Layers panel (Window > Layers) and take away your black textual content.
2. How you can Add the Lengthy Shadow Impact in Illustrator
Step 1
Choose one in every of your letters, deal with the Swatches panel (Window > Swatches) and click on that [None] swatch to take away the blue textual content colour.
Transfer to the Look panel (Window > Look) and add a brand new fill utilizing the Add New Fill button. Choose that new fill and set the colour to R=255 G=245 B=225.
Step 2
Ensure that your “S” remains to be chosen and deal with the Look panel. Add a second fill and choose it. Drag it within the backside of the panel, set the colour to R=0 G=146 B=69 after which go to Impact > Distort & Remodel > Remodel. Drag each Transfer sliders to 0.5 px, enter 700 in that Copies field, click on OK, and that is the way you add a protracted shadow in Illustrator.
Step 3
Ensure that your “S” remains to be chosen and hold specializing in the Look panel. Add a 3rd fill and choose it.
Drag it between the prevailing two fills and set the colour to black. Decrease its Opacity to 10% after which go to Impact > Path > Offset Path. Enter a -10 px Offset, click on that OK button after which go to Impact > Distort & Remodel > Remodel. Drag each Transfer sliders to 15 px, click on that OK button after which go to Impact > Blur > Gaussian Blur. Enter a 5 px Radius, click on OK, and that is the second methodology that you should use so as to add a shadow to textual content in Illustrator.
Step 4
Give attention to the Layers panel, open your layer, and use these goal icons to simply apply the Look attributes used to your first letter for the remainder of your letters. Goal icons are the little spherical icons displayed on the far proper of every particular person layer or form.
Maintain the Alt button out of your keyboard, click on the goal icon that stands to your “S“, after which drag it into the goal icon that stands to your “T“. Choose your “T“, deal with the Look panel and exchange the inexperienced used for that backside fill with R=255 G=154 B=9.
Step 5
Transfer to the “O“, apply the identical Look attributes, however exchange the inexperienced with R=244 G=54 B=44.
Choose that “P“, apply the identical Look attributes and exchange the inexperienced with R=7 G=132 B=170.
3. How you can Create a Background and Add Extra Textual content Shadows in Illustrator
Step 1
Decide the Rectangle Software (M) and create a form that covers your total artboard. Fill it with R=42 G=27 B=67 and ship it to again (Shift-Management-[).
Step 2
Pick the Type Tool (T) and focus on the Character panel. Make sure that the Insaniburger font is still selected and set the size to 50 px.
Add the “DON’T” piece of text and place it as shown in the following image. Again, remove the text color and then focus on the Appearance panel. Add a fill using that Add New Fill button, select it and set the color to R=255 G=245 B=225.
Step 3
Make sure that your “DON’T” text stays selected, focus on the Appearance panel, and add a second fill.
Select the bottom fill, set its color to R=255 G=80 B=145 and then go to Effect > Distort & Transform > Transform to add a shadow effect in Illustrator. Enter the attributes shown in the following image, and then click that OK button.
Step 4
Make sure that your “DON’T” text is still selected, and keep focusing on the Appearance panel. Add a third fill and select it to add a subtle text shadow in Illustrator.
Drag it between the existing two fills and set the color to black. Lower its Opacity to 10% and then go to Effect > Path > Offset Path. Enter a -2 px Offset, click that OK button and then go to Effect > Distort & Transform > Transform. Drag both Move sliders to 5 px, click that OK button and then go to Effect > Blur > Gaussian Blur. Enter a 3 px Radius and then click that OK button.
Step 5
Pick the Type Tool (T) and add the “BELIEVING” text. Set the text color to R=255 G=245 B=225 and place it as shown in the following image. Make sure that this new piece of text is selected, and this time go to Effect > Stylize > Drop Shadow to add a subtle shadow effect in Illustrator. Enter the attributes shown below, click OK, and with this final touch your Illustrator long shadow text effect is complete.
Congratulations! You’re Done!
Here is how your long shadow effect should look. I hope you’ve enjoyed this tutorial and can apply these techniques in your future projects. Feel free to adjust the final long shadow effect and make it your own.
Popular Text Effects From Envato Elements
Envato Elements is an excellent resource for text effects, including Illustrator shadow effects. Here’s a short list of some of the most popular text effects that you can find.
Vintage Text Effects for Illustrator (AI, EPS)
If you don’t have time to learn how to add shadow to text in Adobe Illustrator, you can instead use one of these six vintage text effects for Adobe Illustrator.
Illustrator Long Shadow Text Effect (AI, EPS)
Cut the hassle of learning how to add a shadow to text in Illustrator and use this fully editable Illustrator long shadow text effect. All you have to do is type in your text, and the effect will be applied.
Vintage and Retro Styles Vol.1 (AI)
Don’t have the time to learn how to create long shadow text in Illustrator? With this pack of ten vintage and retro graphic styles, you can add a shadow to text in Illustrator with just one click.
1980s Graphic Styles (AI, EPS)
Give your text effect that 80s look using this amazing graphic style. Just type in your text and apply the desired graphic style. The pack includes 15 styles that can be easily scaled or edited without losing any quality.
Long Shadow Effect (AI, EPS)
If you’re in a hurry or you simply can’t be bothered to learn how to add shadow to text in Adobe Illustrator, this fully editable long shadow effect is the perfect solution.
Want to Learn More?
We have loads of tutorials on Envato Tuts+, from beginner to intermediate level. Take a look!
