«
»
13Jan
2008

Add Radial Gradient in Text

Posted in Text, Tips by admin

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


Share this:

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Technorati
  • blogmarks
  • SphereIt
  • Reddit
  • Furl
  • StumbleUpon
  • NewsVine
  • TailRank
  • Fark
  • Spurl
  • MisterWong
  • Slashdot
  • Ma.gnolia

11 comments

  1. Gravatar wil waldon says:
    March 28th, 2008 at 1:55 pm

    Nice tutorial. Will definitely use this one!

  2. Gravatar 40+ High Quality Adobe Fireworks Tutorials, Resources & PNG files | Noupe says:
    March 19th, 2009 at 12:00 am

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

  3. Gravatar Angels Picks » Blog Archive » 40+ High Quality Adobe Fireworks Tutorials, Resources & PNG files says:
    March 20th, 2009 at 7:51 am

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

  4. Gravatar Calvin_t says:
    March 20th, 2009 at 4:40 pm

    Nice tut.
    Thanks.

    Calvin-t.co.uk

  5. Gravatar 40+ High Quality Adobe Fireworks Tutorials, Resources & PNG files | Programming Blog says:
    March 25th, 2009 at 3:57 pm

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

  6. Gravatar Designfeed.me » 40+ High Quality Adobe Fireworks Tutorials, Resources & PNG files says:
    March 31st, 2009 at 11:19 pm

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

  7. Gravatar 65 Photoshop Fireworks Tutorials » TemplateLite.com says:
    July 10th, 2009 at 1:09 am

    [...] 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:
    August 30th, 2009 at 2:13 am

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

  9. Gravatar 34 High Quality Adobe Fireworks Tutorials and PNGs « 68Design – (68ds.com) Creative Design Transmitor says:
    November 10th, 2009 at 3:46 pm

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

  10. Gravatar Anton Auty says:
    June 21st, 2010 at 11:36 am

    i thought it was nice coz of all the pretty colours

  11. Gravatar Anton Auty says:
    June 21st, 2010 at 11:37 am

    anton de beke would be proud of me

Leave a Reply