Adobe Photoshop Tutorial

Topics: Color, RGB color model, Web colors Pages: 18 (5344 words) Published: February 17, 2013
In this Photoshop text effects tutorial, we're going to learn how to create a fire text effect, engulfing our letters in burning hot flames. We'll be using Photoshop's powerful Liquify filter for most of the work on the flames themselves, but we'll also be taking a look at theWind filter, using adjustment layers to colorize the flames, layer styles for adding color to our text, layer masks for blending the flames with the letters, and more!

Step 1: Create A New Blank Photoshop Document
Let's begin by creating a new blank Photoshop document. Go up to the File menu at the top of the screen and choose New. Or, for a faster way to create a new document, use the keyboard shortcut Ctrl+N (Win) / Command+N (Mac). Either way brings up Photoshop's New Document dialog box. Enter in the dimensions you need for your effect. For this tutorial, I'm going to enter 3 inches for my Width, 3 inches again for my Height, and for the Resolution value, I'll enter 300 pixels/inch. When you're done, click OK to exit out of the dialog box. Your new document will appear on your screen:

Step 2: Fill The New Document With Black
Since our flaming text probably won't look very impressive against a white background, let's fill our new document with black. For that, we'll use Photoshop's Fill command. Go up to the Edit menu at the top of the screen and choose Fill, or press Shift+F5 to select the Fill command with the keyboard shortcut:

Photoshop Fire Text: Go to Edit > Fill.

When the Fill dialog box appears, choose Black for the Contents at the top of the dialog box, which tells Photoshop that we want to use black as our fill color:

Photoshop Fire Text: Choose Black at the top of the Fill dialog box.

When you're done, click OK in the top right corner of the dialog box to exit out of it. Your document will now be filled with solid black:

Photoshop Fire Text: The background of the document is now filled with black.

Step 3: Select The Type Tool
We'll need some text to work with, and for that, we'll need Photoshop's Type Tool. Select it from the Tools palette, or press the letterT on your keyboard to select it with the shortcut:

Photoshop Fire Text: Select the Type Tool.

Step 4: Choose A Font
With the Type Tool selected, you'll see that the Options Bar at the top of the screen has changed to show options specifically for the Type Tool. Choose whichever font you'd like to use for the effect. This fire effect tends to work best with serif fonts, so I'm going to choose Times New Roman Bold. Don't worry about the size of the font for now:

Photoshop Fire Text: Choose a font from the Options Bar.

Step 5: Set Your Text Color To White
We'll use white as our initial text color, even though we'll be adding more colors later on. To quickly set your text color to white, press the letter D on your keyboard, which resets Photoshop's Foreground and Background colors to their defaults, making your Foreground color black and your Background color white, as we can see by looking at the Foreground and Background color swatches near the bottom of the Tools palette. The Foreground color swatch is the one in the top left. The Background color swatch is on the bottom right:

Photoshop Fire Text: The Foreground and Background color swatches in the Tools palette.

The text color and Foreground color are one in the same in Photoshop. Changing one also changes the other, which means that in order to change our text color to white, all we need to do is change the Foreground color to white. At the moment, our Background color is set to white, with our Foreground color set to black, exactly the opposite of what we need. To swap them, making white the Foreground color, simply press the letter X on your keyboard. If we look at the two color swatches once again in the Tools palette, we can see that our Foreground color is now set to white:

Photoshop Fire Text: Press "X" to swap the Foreground and Background colors.

Step 6: Add Your Text...
Continue Reading

Please join StudyMode to read the full document

You May Also Find These Documents Helpful

  • Adobe Photoshop Essay
  • Essay on Help and Tutorials for Adobe Photoshop
  • Adobe Photoshop Cs5 Tutorial Essay
  • Adobe Photoshop
  • Essay on The Photoshop
  • When to Use Photoshop Essay
  • Course Description of Adobe Photoshop Essay
  • Adobe Photoshop Essay

Become a StudyMode Member

Sign Up - It's Free