Follow along with today’s Adobe Illustrator tutorial to create a colourful text effect, which comprises of a stack of text elements that transition through the colour spectrum to produce a rainbow effect. This text style has somewhat of a retro vibe, with it being the kind of effect you might see on an old VHS tape box or brand identity for a 70-80s tech or media company. Illustrator’s Blend tool will form a core part of the procedure, but I will also share a useful tip that enables you to alter the wording of all the text instances at once.

How to Create a Colorful Retro-Style ‘Rainbow’ Text Effect in Adobe Illustrator

After seeing examples of similar retro text effects on Pinterest, I set out to figure out the most efficient technique for recreating this colourful text style in Illustrator that didn’t involve having to place each coloured text element manually, or result in an effect that could not easily be edited or updated. The process I’ll be sharing in this tutorial automatically generates a smooth colour transition and retains the live text, so the wording and font can be easily changed.

Begin by opening Adobe Illustrator and create a new document. Use any size to suit your final application, but ensure the RGB mode is set so the most vivid colours are available.

Set out your chosen wording as a text element with the appropriate font styling. I’m using the Proxima Nova Black typeface.

Become a member to unlock this tutorial
(And gain access to 100s of premium design resources!)

Regular Updates

Regular Updates

New content is continuously added every month, so keep an eye on your inbox for updates!

Unlimited Access

Unlimited Access

Download as many items as you want for the duration of your membership, with no restrictions.

Cancel Anytime

Cancel Anytime

There's no small print! You can cancel your payment subscription anytime you want.

Find out more about Access All Areas Membership

Example Access All Areas products

7 Comments

  1. Awesome work, I was looking ofter this type of effect. Thank you so much.
    Keep up the good work.
    love and peace, keep clean

  2. You can also achieve the same thing using the appearance-panel, and add a bunch of fills each with increasing offset. I think it’s easier to update text and fonts and way. The work is a bit more repetitive, but can be utilized if you have the same word, but want a color to stick out. Then you’d offset that color on both axis. ;)

  3. Hello, I followed your tutorial, thank you, it’s very interesting, but I have a question: on phase 10, when you change the color of the 2nd element, because it’s the copy of the symbol, it changes the color for all the elements. What is the procedure to change the color on a selection, because you have to keep the symbol shape to change the text. Is it necessary to break the link? Thank you for your answer

  4. Hello, love the tutorial! Student here, everytime I go to “reverse front to back” it is turning my blended text upside down… any pointers?

    Thanks!

Comments are now closed