Monday, June 7, 2010

Photoshop Tutorial - Rainbow Gradient Text

If you're like me and you like the asthetic appeal of everything (new customizable templates by blogger HOLLA!) AND you want to sex up your blog AND you happen to own Adobe Photoshop - you're in luck! Sophia had asked me earlier to do a small tutorial on rainbow gradient text ~ I hope this helps! ;)

The below tutorial is for Adobe Photoshop 7.0 though these features are available in other versions as well.

*****

I have mocked up simple text on a black background. You can add text to ANY picture by opening the picture in photoshop, selecting the text tool (the giant "T" on the left hand button bar" and clicking the part of the screen where you would like the desired text. (you can move this later with the move tool, second from the marquee rectangle on the top row on your right!)

Anyway, after you have selected your text with appropriate size/font/style etc., make sure the text tool is selected on your "layers" tab in order to unlock all the customizable tools! (see pink arrow in picture below)

Rainbow Gradient Tutorial 1

*****
Next, go to Layer > Layer Style > Gradient Overlay

Rainbow Gradient Tutorial 2

*****

The following screen should pop up. In order to create your own gradient, click on the gradient itself (pink arrow) followed by the little blue arrow button (blue arrow) and select NEW GRADIENT.

Rainbow Gradient Tutorial 3

*****

Start by adding the colors to your gradient (in my case, rainbow gradient) by selecting the crayon type object (pink arrow). Then click on the "color" button in order to select your own color (blue arrow)

Rainbow Gradient Tutorial 4

*****

Continue selecting different colors of your gradient by clicking right underneath the gradient to create new "crayons" or "stops" for the gradient. (pink arrows and blue star) Everytime you pick a new stop, change the color to see an adjustment in the gradient. You can slide these along the gradient later to adjust the shading to your liking.

Rainbow Gradient Tutorial 5

*****
When you are finished selecting all your colors, name your gradient and select "NEW' button to add this gradient to the pre-set screen (Pink arrow). It should pop up alongside the other gradients! (Blue arrow)

Rainbow Gradient Tutorial 6

*****

Finally, set the direction you want your gradient to 'flow.' (pink arrow) Don't forget to check the "PREVIEW" box so you can see how it'll look in real time before setting the gradient.

Rainbow Gradient Tutorial 7

*****

VOILA!!! Rainbow-y Gradient-y colorful text!

Rainbow Gradient Tutorial 8

*****

BONUS - "Stroke" Function Text Mini-Tutorial

If you want to add some extra "oomph", you can continue applying different 'layer styles' to your text. I really like the STROKE function - it's like an automatic "outline" to your text!

With the text layer selected in your layers tab, select Layer > Layer Styles > STROKE

Rainbow Tutorial extra stroke

Play around with the settings & color for the desired effect! (I changed the red color to black and then increased the size)

Rainbow Tutorial extra stroke options

ALL DONE! Go glam up your text & have some fun!

Rainbow Gradient End


*****

If you have more requests for photoshop tutorials --or any other questions for that matter-- feel free to ask!

*****


No comments:

Post a Comment