Retro Long Shadow Text Effect Font Upload

In the following tutorial you will learn how to create long shadow text in Illustrator and some simple techniques that can be used to add text shadows in Illustrator.

For starters, you volition learn how to create the text. Taking full advantage of the Appearance panel and using a dandy Transform upshot, yous will learn how to add together a shadow to the text in Adobe Illustrator. Some basic blending techniques and a simple Gaussian Blur consequence volition be the final touches for your long shadow issue.

What Y'all'll Learn in This Long Shadow Illustrator Tutorial

• How to add text in Illustrator
• How to add a shadow to text in Adobe Illustrator

If you don't have time to acquire how to add a shadow to text in Adobe Illustrator, yous can always attempt Envato Elements, where you tin find a massive drove of text effects, including long shadow effects. Check out this fully editable text effect, and apply a long shadow effect with a simple click.

What You Will Demand

You volition need the post-obit font in order to consummate this long shadow consequence:

• Insaniburger font

ane. How to Create the Text

Hitting Control-N to create a new document.

Select Pixels from the Units driblet-down bill of fare, enter 850 in the width box and 610 in the height box and and so click that More Settings button. Select RGB for the Color Mode, gear up the Raster Effects to Screen (72 ppi) then click that Create Document button. Don't forget to set the unit of measurement to pixels from Edit > Preferences > Units.

Now that you're set, allow'southward see how you tin add a shadow to text in Illustrator.

Step ii

Pick the Type Tool (T) and open up the Graphic symbol panel (Window > Type > Graphic symbol). Select the Insaniburger font and gear up the size to 200 px.

Motion to your artboard, click on it, and add your slice of text virtually equally shown below. Make it black.

Step iii

Use the same tool and character attributes to create the last alphabetic character of your text. Make it blue and identify it right above the black one.

Go along calculation separate blueish letters until you lot cover all your black text. In one case you're done, get to the Layers panel (Window > Layers) and remove your black text.

2. How to Add the Long Shadow Outcome in Illustrator

Footstep 1

Select i of your letters, focus on the Swatches panel (Window > Swatches) and click that [None] swatch to remove the blue text colour.

Motion to the Advent panel (Window > Advent) and add a new fill using the Add New Fill button. Select that new fill up and fix the colour to R=255 G=245 B=225.

Step 2

Brand sure that your "Southward" is all the same selected and focus on the Appearance panel. Add a second fill and select it. Drag it in the bottom of the panel, gear up the colour to R=0 G=146 B=69 and then go to Result > Misconstrue & Transform > Transform. Drag both Motility sliders to 0.v px, enter 700 in that Copies box, click OK, and that's how you add together a long shadow in Illustrator.

Step 3

Make sure that your "S" is still selected and keep focusing on the Appearance panel. Add together a third fill and select it.

Elevate it between the existing two fills and gear up the color to blackness. Lower its Opacity to 10% and and so go to Effect > Path > Offset Path. Enter a -10 px Get-go, click that OK button and then go to Effect > Distort & Transform > Transform. Drag both Move sliders to 15 px, click that OK button and so go to Effect > Blur > Gaussian Blur. Enter a v px Radius, click OK, and that'southward the 2nd method that you can use to add a shadow to text in Illustrator.

Step four

Focus on the Layers panel, open your layer, and use those target icons to hands utilize the Appearance attributes used for your first alphabetic character for the rest of your letters. Target icons are the little round icons displayed at the far correct of each individual layer or shape.

Hold the Alt button from your keyboard, click the target icon that stands for your "Southward", and so elevate it into the target icon that stands for your "T". Select your "T", focus on the Appearance panel and supervene upon the green used for that lesser fill with R=255 M=154 B=nine.

Step 5

Motion to the "O", apply the same Appearance attributes, but supervene upon the light-green with R=244 Thousand=54 B=44.

Select that "P", apply the same Appearance attributes and replace the light-green with R=7 Chiliad=132 B=170.

three. How to Create a Background and Add together More than Text Shadows in Illustrator

Step 1

Pick the Rectangle Tool (Yard) and create a shape that covers your entire artboard. Fill it with R=42 Grand=27 B=67 and send it to back (Shift-Control-[).

Step 2

Pick the Type Tool (T) and focus on the Character panel. Make certain that the Insaniburger font is still selected and set the size to fifty px.

Add the "DON'T" piece of text and place information technology as shown in the following prototype. Again, remove the text color and and so focus on the Appearance console. Add together a make full using that Add New Fill push 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 together a 2nd fill.

Select the lesser make full, set its color to R=255 Grand=eighty B=145 and then go to Consequence > Distort & Transform > Transform to add a shadow upshot in Illustrator. Enter the attributes shown in the following image, then click that OK push.

Footstep four

Make certain that your "DON'T" text is notwithstanding selected, and keep focusing on the Appearance panel. Add a 3rd fill and select it to add a subtle text shadow in Illustrator.

Drag it between the existing two fills and set up the color to black. Lower its Opacity to x% so get to Effect > Path > Start Path. Enter a -2 px Kickoff, click that OK push and then become to Outcome > Distort & Transform > Transform. Drag both Move sliders to 5 px, click that OK button and then go to Upshot > Mistiness > Gaussian Blur. Enter a three px Radius and so click that OK button.

Step five

Pick the Type Tool (T) and add the "Believing" text. Ready the text colour to R=255 G=245 B=225 and place it every bit shown in the following prototype. Make sure that this new piece of text is selected, and this time go to Event > Stylize > Drop Shadow to add together a subtle shadow effect in Illustrator. Enter the attributes shown below, click OK, and with this concluding bear on your Illustrator long shadow text consequence is consummate.

Congratulations! You lot're Done!

Hither is how your long shadow effect should wait. I promise you've enjoyed this tutorial and can employ these techniques in your future projects. Don't hesitate to share your final result in the comments section.

Feel complimentary to adjust the final long shadow consequence and make it your ain.

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 yous don't have time to learn how to add together shadow to text in Adobe Illustrator, y'all can instead employ ane of these half-dozen 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 consequence. All y'all take to exercise is type in your text, and the outcome volition exist applied.

Vintage and Retro Styles Vol.1 (AI)

Don't take the time to learn how to create long shadow text in Illustrator? With this pack of x vintage and retro graphic styles, y'all can add a shadow to text in Illustrator with merely 1 click.

1980s Graphic Styles (AI, EPS)

Requite 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 tin be hands scaled or edited without losing any quality.

Long Shadow Issue (AI, EPS)

If you're in a bustle or you only tin 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?

Nosotros have loads of tutorials on Envato Tuts+, from beginner to intermediate level. Take a look!

blairouldho.blogspot.com

Source: https://design.tutsplus.com/tutorials/how-to-create-a-retro-long-shadow-text-effect-in-adobe-illustrator--cms-29707

Bagikan Artikel ini