• Home

Logo

Navigation
  • Home
  • Articles
    • Content Writing
    • Design
    • General
    • Internet Marketing
    • Social Media
    • Tools and Tips
    • Usability
    • Web Hosting Articles
  • Tutorials
    • AJAX Tutorials
    • ASP Tutorials
    • C# Tutorials
    • CGI and Perl Tutorials
    • CSS Tutorials
    • Flash Tutorials
    • HTML Tutorials
    • Illustrator Tutorials
    • Java Tutorials
    • JavaScript Tutorials
    • Linux Tutorials
    • Miscellaneous Tutorials
    • MySQL Tutorials
    • Photoshop Tutorials
    • PHP Tutorials
    • Python Tutorials
    • Wireless Tutorials
    • WordPress Tutorials
    • XML Tutorials
  • Scripts
    • AJAX Scripts
    • ASP Scripts
    • ASP.NET Scripts
    • CGI & Perl Scripts
    • Flash Scripts
    • Java Scripts
    • JavaScript Scripts
    • PHP Scripts
    • Python Scripts
    • Remotely Hosted
    • Tools and Utilities
    • XML Scripts
  • Answers
  • Online Services
  • Tools

Editable Happy Shiny Text with Illustrator

By Matt Herndon | on Feb 1, 2008 | 0 Comment
Illustrator Tutorials
  • Tweet
  • Share
  • Tweet
  • Share

Shinny Happy Text

Make your text shine with this tutorial as we take plain dull text and transform with some cool shine effects and keep the text editable!

Let’s get started. First you want to pick out your font type. This effect works best with thicker sans-serif fonts, but don’t let that stop you from being creative with your type.

Begin with some type.

Next you need to open your Appearance palate (Window>Appearance) and click on the upper right hand arrow. Select Add New Fill.

      

It should automatically fill with black, but if it doesn’t that’s OK. 

Next, you will want to click on the Fill in the Appearance palate. Choose an existing or custom gradient from the Swatch palates to make your gradient.

You can also drag colors onto the Gradient Sliders area from the Color and Swatch palates to create new gradients. If you want to change a color just drag your new color choice on top of the existing color. This will replace the old color.

Adjust the colors on your gradient box by either sliding the colors left or right or sliding the little diamond shapes above (Which adjust the spread of the colors throughout the gradient).

     

Now lets get the correct direction we want our gradient to flow in. Select the Gradient Blend tool.

Position the crosshairs above or below the text and click + drag. The gradient should change according to the angle you move the tool in. To get a more technically straight gradient, hold down the shift key as you drag. Adjust the colors and sliders until pleased. J


That’s pretty much it for a shiny gradient. Jazz it up more with an outline in the same fashion as you did the Fill, but use the Stroke. Select Add New Stroke in the Appearance palate and choose your color. However on the stroke, click + drag the color swatch underneath Character. This will keep your fill on top of your stroke. Open the Stroke palate to increase the stroke to the desired thickness.

Add a drop shadow for depth.  (Make sure you click the art board the back onto your text before applying the drop shadow or other effect. If not, it will cause the effect to position itself on the layer you are working – for some undesired results).


Add other effects into the mix by adjusting color and direction of the gradient. Here the text looks like a reflective metal in gold.

…the gradient.

Then just angle the gradient with the Gradient tool.  (Or type in the specific Angle you want in the gradient palate). Add a Stroke and Drop Shadow for an additional effect.

For a more rounded and gel look –


Adjust the gradient with lighter colors on the edges.

It may take a few tries with the gradient tool to get the desired look, but it’s VECTOR and it’s EDITABLE!!

Share this story:
  • tweet

Author Description

Matt Herndon is a graphic and interactive designer for a marketing firm in Birmingham, Alabama. He has over 8 years of graphic design experience in a variety of print and web media. Matt also freelances logos, characters, ads, illustrations and a multitude of other designs from his online business.

No Responses to “Editable Happy Shiny Text with Illustrator”

You must be logged in to post a comment.

Connect With Us

RSSSubscribe 1,241Followers 492Likes
  • Popular
  • Recent
  • Comments
  • Creating Energy Spheres in Photoshop

    Apr 15, 2008 - 96 Comments
  • Easy Screen Scraping in PHP with the Simple HTML DOM Library

    Aug 6, 2008 - 20 Comments
  • Calculating date difference more precisely in PHP

    Mar 7, 2008 - 13 Comments
  • When Does Hosting Your Website in the Cloud Make Sense?

    Oct 8, 2010 - 2 Comments
  • Fun with the Microsoft Managed Extensibility Framework Part 2

    Oct 6, 2010 - 0 Comment
  • Fun with the Microsoft Managed Extensibility Framework Part 1

    Sep 22, 2010 - 0 Comment
  • Website Management on the go with the iPad

    I appreciated your post, but I was looking for something I didn't...
    November 24, 2012 - drmoderator
  • Creating Energy Spheres in Photoshop

    I'm a little stuck down here especially at the step of creating the...
    November 23, 2012 - sarah
  • Running background processes in PHP

    Can you give an example? As see it, you can use this only when you...
    November 16, 2012 - Shaked Klein Orbach
Developer Resources
  • Tutorial Directory
  • Learn HTML
  • Learn PHP
  • Learn CSS
  • Learn AJAX
  • Learn JavaScript
  • Learn Pear
  • White Papers
  • Resources
    • NetVisits Web Directory
    • Realtor Pixels
    • Answers On The Run
    • Ask A Geek
  • Recent Posts

    • When Does Hosting Your Website in the Cloud Make Sense?
    • Fun with the Microsoft Managed Extensibility Framework Part 2
    • Fun with the Microsoft Managed Extensibility Framework Part 1
    • Website Management on the go with the iPad
    • Code Contracts in C# 4.0 – Part 1

    Calendar

    May 2013
    M T W T F S S
    « Oct    
     12345
    6789101112
    13141516171819
    20212223242526
    2728293031  

    Recent Comments

    • drmoderator on Website Management on the go with the iPad
    • sarah on Creating Energy Spheres in Photoshop
    • Shaked Klein Orbach on Running background processes in PHP
    • Thomas Cuvillier on How To Upload Files Using PHP
    • rizal aditya on Extracting text from Word Documents via PHP and COM
    • Home
    © 2003 - 2013 DeveloperTutorials.com. All Rights Reserved. Privacy Policy.