13Jan
2008

Add Radial Gradient in Text

Posted in Intermediate, Text, Tips by Firetuts

txttut0.jpg

This is a tip good for poster art. Add a radial gradient in bold text to spice things up. If you’re tired of using borders and bevels, try this.


1. Start off with your text on canvas however you want. Choose a very bold font, I used Impact as it is most common.

txttut1.jpg

2. Select the text and click the Fill Color square, and click Fill Options. Choose gradient instead of the default solid. Then choose Radial among the types of gradients.

txttut2.jpg

3. Choose your colors, preferably darker on the edges and bright on the center.

txttut3.jpg

The result is a simple beautification of your headline or title.

4. And optionally, create a rectangle and fill with another radial gradient.

txttut4.jpg


14 comments

  1. Gravatar wil waldon says:

    Nice tutorial. Will definitely use this one!

  2. Gravatar 40+ High Quality Adobe Fireworks Tutorials, Resources & PNG files | Noupe says:

    [...] 1. Add Radial Gradient in Text [...]

  3. Gravatar Angels Picks » Blog Archive » 40+ High Quality Adobe Fireworks Tutorials, Resources & PNG files says:

    [...] 1. Add Radial Gradient in Text [...]

  4. Gravatar Calvin_t says:

    Nice tut.
    Thanks.

    Calvin-t.co.uk

  5. Gravatar 40+ High Quality Adobe Fireworks Tutorials, Resources & PNG files | Programming Blog says:

    [...] 1. Add Radial Gradient in Text [...]

  6. Gravatar Designfeed.me » 40+ High Quality Adobe Fireworks Tutorials, Resources & PNG files says:

    [...] 1. Add Radial Gradient in Text [...]

  7. Gravatar 65 Photoshop Fireworks Tutorials » TemplateLite.com says:

    [...] Adding Radial Gradient in Text This Fireworks tutorial outlines the step-by-step guide in the creation of a peeling effect. This [...]

  8. Gravatar top five tutorial Fireworks « Garimpo Web says:

    [...] Add Radial Gradient in Text [...]

  9. Gravatar 34 High Quality Adobe Fireworks Tutorials and PNGs « 68Design – (68ds.com) Creative Design Transmitor says:

    [...] 1. Add Radial Gradient in Text [...]

  10. Gravatar Anton Auty says:

    i thought it was nice coz of all the pretty colours

  11. Gravatar Anton Auty says:

    anton de beke would be proud of me

  12. Gravatar hadi says:

    it’s good..thank you

  13. Gravatar Marco says:

    great tip, made it alot easier, now have some bangin’ text! thanks

  14. Gravatar How-To Use Fireworks As Professionals [Tutorials] | Passcomms Android says:

    [...] Add Radial Gradient in Text [...]

Leave a Reply