Real World Example RainbowFacade Text

1...Preparation Steps Set the Foreground Color Double click on the Foreground Color swatch in the Toolbox to open the Color Picker. Use the following settings: H:184, S:100, and B:100. Make the Spectrum Layer active if necessary.

Select the Type Tool (click on the Type Tool icon in the Toolbox). Click just inside the bottom left corner of the work image. The resulting Type Tool Dialog Box is shown to the right. Duplicate the settings as shown in the Dialog Box. Substitute the font if necessary.

2...Text Position Preview Your image should look something like this sample below.

Photoshop 4.x automatically puts the text on a new layer. Relabel the text layer Style. Photoshop 3.x floats the text on the current layer. Place the text on a new layer and relabel the text layer Style.

3...Separate The and Style into different layers. Activate the Style Layer if necessary. Select The with the "Marquee Selection" tool (M key). Cut and paste The into a new layer (Shift+Ctrl+J). The ends up on the layer above the Style Layer.

The Text elements are now independent. Move the text elements to create a rough composition. Activate The layer if necessary. Hold down the Ctrl key and "Drag" The to its new location. Do the same for Style.

4...Move and Nudge the text elements into their final composition. Turn off the Spectrum layer for easier preview by clicking on its Display icon (the eye). Select the text layer for The. Nudge it into its final position (Ctrl+arrow keys). Select the Style layer. Nudge it into its final position (Ctrl+arrow keys). Turn Spectrum back on, if applicable.

5...Getting Closer

The text position is fine but it does not separate well from the background. It is hard to read. The following section will make it pop off the page in 3-D.

Real World Example RainbowFacade Creation
Introduction to Web Design with Adobe Photoshop | Table of Contents
Real World Example RainbowLogo Text 3d