Welcome  On-line Photoshop Tutorials  About  Home Page  Photoshop PDF Tutorials  Photoshop Sitemap    

1,500+ Adobe Photoshop, GIMP & Paint Shop Pro PDF Tutorials + Extras & Plugins - Here

Tiny Photoshop

Adobe Photoshop Tutorials

700+ Adobe Photoshop PDF Tutorials - Click Here
Free On-line Adobe Photoshop Tutorials - Click Here
by Wendi Elizabeth Martha Scarth


Stroked Rainbow 
Type Photoshop


Rainbow Stroked Transparent Type
Suitable for Adobe Photoshop CS, CS2, CS3, CS4, CS5, CS6 & CC
Skill Level - Intermediate

Stroked Rainbow Text Photoshop
400+ Photoshop PDF  & 300 Elements PDF Tutorials + Plugins & Extras
1,500+ Individual PDF Tutorials - Click Banner To Read More!

This tutorial demonstrates how to stroke transparent type with rainbow colours and how to create a text reflection.

Apply Text: Beginners
Understand The Workspace And Palettes

Undo and Navigation Steps
Two ways of undoing steps are from the top menu, Edit then Step Backwards.
Alternatively, click a previous snapshot in the History Palette.

Navigate (zoom in and pan) your image using the Navigator Palette,
or the Zoom Tool.

Activate The Hand Tool by tapping the Spacebar, keeping the Spacebar pressed, pan your image in the usual way.

Open a New Image and set the attributes of your choice. (File then New).

Resolution Note
If you are printing your text, then set a Resolution of 300. If you aren’t, a Resolution of 72 will be fine.

Extend your image’s workspace by left-clicking and dragging out one of its corners.

Tip: Snap Your Image To The Top Menu’s Horizontal Bar
Another way of centralising an image is to snap it to the top (horizontal) menu-bar by dragging your image towards it: as soon as you see a blue horizontal bar, your image should automatically snap to it.

From the Toolbar, activate the Gradient Tool. (Alternatively, open an image/background of your choice onto Photoshop’s workspace).

And enter the settings of your choice into the Options Bar.

Then left-click and stretch a Gradient Line over your image.


Now, from the Tools Toolbar, activate the Horizontal Type Mask Tool

And enter type attributes of your choice into the Options Bar.

Now, apply the text of your choice, and then left-click beneath it and then drag it to its final position.

And then press your Return/Enter to apply it.

Now, press down the Ctrl Key, and then tap the J Key. (Layer then New then Layer Via Copy). This places the selected text onto its own Layer - as illustrated below.

Then from the top menu, choose Select then choose Load Selection. And then click OK to the subsequent Load Selection dialogue box.


Now, (still working on Layer 1): from the bottom of the Layers Palette, click open the Layer Styles (fx) menu. Then click Drop Shadow - as illustrated below.


Then from the subsequent Drop Shadow dialogue, enter your desired settings. (Do not click OK yet).

From the Layer Style’s dialogue box’s left-side, mark and highlight the Bevel and Emboss box - as illustrated below.

Then enter settings of your choice into the right-side Bevel and Emboss menu, and then click OK.

From the top menu, choose Select then choose Deselect - Ctrl then D.

Now, from the top menu, choose Layer then choose Layer Style and then choose Stroke.
And from the subsequent Layer Style dialogue box’s left-side, mark and highlight Stroke.

Now, from the right-side Stroke menu, change the Fill Type to Gradient.

And then select a Rainbow Gradient of your choice from the subsequent Presets menu, and then click OK.


For personal results, it’s important to experiment with different Stroke Blending Modes and Opacities.

When you are happy with the look of your gradient stroke, click OK to apply it to your

Gradient Overlay Tip
To fill the transparent text with a gradient, (from the Layer Style dialogue box), activate Gradient Overlay. Then experiment with different Gradient Overlay settings until you see a look you are happy with, and then click OK.

After you have stroked your type with a gradient of your choice, you are ready for the next step.

Duplicate the Text Layer by right-clicking over it and then choosing Duplicate Layer from the subsequent dialogue box. (Click OK to the subsequent Duplicate Layer dialogue box).

Then (working on the Layer 1 copy Layer): from the top menu, choose Edit then choose Transform and then choose Rotate 180.

Again, from the top menu, choose Edit then choose Transform and then choose Flip Horizontal.

Now, activate the Move Tool . Then left-click and drag the Duplicated Text and place it directly below the original text, as illustrated below.

You can nudge the text into position pixel by pixel by tapping your Keyboard’s Arrow Keys.

Reducing the Duplicated Layer’s Opacity to around 63% will fade the text’s reflection.

To finish, from the Toolbar, activate the Crop Tool.

And then crop away any extraneous background.

Now is a good time to save your work as a Photoshop Image File.

From the top menu, choose Layer then choose Flatten Image.

Sharpening Tip
Your image may benefit from a Sharpening Filter: top menu, then Filter then Sharpen.

Congratulations, your Rainbow Stroked Transparent Type is complete
and is ready to save.

Wendi E. M. Scarth.
Top of Page.

  Paint Shop Pro Tutorials   GIMP (GNU) Tutorials   Photoshop Elements Tutorials   Personal Site