Hey there fellow designers! Are you looking for a quick and easy way to jazz up that logo you just finished, but aren’t sure what you can really do to help it? Look no further! The following tutorial will allow you to add a subtle but classy glossy effect to any text (or object!) in just a few simple steps. Please note that this glossy text Adobe Illustrator tutorial assumes you already know the basics of Adobe Illustrator, but if you have any questions, feel free to comment and I will be more than happy to help you out!
Step 1: Create Your Text
Let’s assume it’s New Year’s and create some “Happy New Year” text! Once you have the text typed out, go ahead and change the font to something more desirable. Once you’ve found your perfect font, head on over to your swatches panel and pick your favorite color. It’s time to work some glossy shine into this art!
Step 2: Convert Text to Object (Expand/Outline)
With the text you want to expand selected, head up to your Object menu and select Expand. This will allow you to apply new effects (such as our glossy look!) to your letters that might not otherwise be available to standard editable text. You can tell whether any letters in your file are editable text or expanded text by clicking on them. If you see an underline with the letters, the text can be edited. Expanded text will have points and lines around the outside of each letter.
QUICK TIP: Because expanding your text will convert it to outlines, you will no longer be able to change the font without retyping the words again. As a general rule, I always duplicate my text layer before I expand it, just to save myself some time. You can duplicate a layer by either copying and pasting (CTRL/CMD + C and then CTRL/CMD + V), or by holding down your ALT key and clicking and dragging the graphic you want to duplicate to another part of the screen.
Step 3: Add Some Glossy Shine!
First, duplicate your newly expanded text by either copying and pasting (CTRL/CMD + C and then CTRL/CMD + V), or by holding down your ALT key and clicking and dragging the graphic. Next, draw yourself an ellipse, in white. This will serve as your glossy layer. Rotate the ellipse slightly and change the opacity to 25%. Move the ellipse so that it crosses over the letters. Bring the duplicate text layer to the front by clicking and dragging it above the ellipse in your Layers panel, or by pressing CTRL/CMD + SHIFT + ]. Select the duplicate letter set and the ellipse, and drag them off the artboard so you can see the white ellipse easier.
Step 4: Make an Opacity Mask
With the ellipse and the duplicate letter layer selected, create an Opacity Mask via your Transparency panel. Drag the resulting graphic so that it aligns over top of your original letter layer. Once it is aligned properly, select the original letter layer and add a gradient and a stroke. This will add a finishing touch to your newly glossy text.
Step 5: Show Off Your Glossy Text!
That’s it, you’re done! You have successfully followed my glossy text Adobe Illustrator tutorial, and are ready to apply these techniques to your own art and don’t forget to check out 7 Common Mistakes New Graphic Designers Make to perfect your art even more!
Interested in seeing more tutorials? Find me on Instagram @CinderhawkCreative, on Facebook at Cinderhawk Creative, or comment with your requests!
4 comments