tutorial photoshop

Download Tutorial Photoshop

Post on 21-Nov-2014




1 download

Embed Size (px)


3D Text Image 1. Open a new document a make it the appropriate size for the text you will be working with. Click on the color picker and choose a color that is the same color as your text will be, only brighter (for this example, our final text will be a medium blue, so we will use a light blue).

2. Now, click on the arrows to switch to your background color and again go to the color picker. Choose a darker shade than you choose for the foreground color (in the example we will use a dark blue). 3. Next, we will need to fill our (still empty) image with the texture that will be used for the website's background. Open the texture in Photoshop and press Ctrl+A to select all. Now, click on Edit-> Define Pattern and then close the texture. 4. Back on your main graphic, choose Edit-> Fill-> Pattern (make sure that opacity is set at 100%, mode is normal, and Preserve Transparency is unchecked). Your graphic should now be filled with your website's background texture. 5. Now, select the Type Mask Tool (hold down on the text tool) and type the word(s) you wish to include in your graphic into the input field. Click OK. You should now have a selection of your words on your image.

6. Create a new layer an then press Alt+Delete to fill the text selection with the foreground color (light blue in this case). Then create another layer (while the text is still selected) and repeat the texture fill process we used earlier for the background within the text selec tion -only this time with a different texture -- see the Absolute Cross Texture Section if you need more textures.

7. With the top layer still selected, drag the Opacity Slider in the Layers Palette down to about 50% or 60% (depending on how dark or light you want your final product to be). 8. Create a new layer and select the Gradient Tool. Drag within the text selection to make a gradient from top to bottom -- then drag the opacity slider down until you can see some of the texture behind the gradient. View the example after step 9 to see how the gradient should now look. 9. Now we will create a shadow for the text that will "blend" into the background of the website. With the text still selected, click on the Background Layer and insert a new layer

from there. Choose Select-> Feather-> and then 1-3 depending on the thickness of the font you are using. Press D on your keyboard and then Alt -Delete to fill the feathered selection with black. Press Alt-Delete again to make the shadow darker. Hold down the Ctrl key and press the down arrow on your keyboard once or twice (you may also move it 1 or 2 pixels to the right or left if you wish).

10. You could stop right there if you want, but if you happen to have the Eye Candy filter, you can add an extra effect by applying a slight bevel to the text (you may also do this by hand using Photoshop's default filters, but some may find this tedious). Click on the thumbnail image below to view the settings I used to bevel my text:

11. Add whatever else you wish to your image -- and you're done!

Aliens Text 1. Create a new RGB image to work with. The example is 325x125, Resolution 72, and has a black background. 2. Choose a Bright Green color as your foreground and Black for your background color. 3. Choose Edit -> Fill -> Background Color to fill the background layer with black. 4. Select the Type Tool and choose the the Type Mask Tool from the Options bar at the top of your screen (in earlier versions, drag to the right on the Type Tool icon). Next click inside the document and type any text you want (choose any font or size you like ). Click the Check mark in the Options bar to finalize the text layer (OK in older versions). 5. Choose Edit-> Fill-> Forground Color (the green).

6. Go to Select-> Feather 2 pixels 7. Choose Filter-> Blur-> Radial Blur (100, Zoom, Best) 8. Without deselecting, repeat step # 7. (Press CTRL+F)

9. Now, Select-> Inverse and repeat step # 7 again... Filter-> Blur-> Radial Blur (100, Zoom, Best)

Aqua Plastic Text 1. Create a new image with a size of around 1000x1000px, with a white background. It's wise to start out with a nice big work area to get the best results - we will reduce the size later. If you plan to apply this effect to a full word, you should increase the width of the image as necessary. Firstly, use the Color Picker to choose the color for your text (the example uses R:0 G:132 B:255, though you can choose another color if you prefer). Select the Type Tool, and type your text as big as you can so it fills as much of the canvas as possible.

2. Now create a new Layer (Layer 1). Hold CTRL and click on the type layer you created in step 1 to create a selection of your text. With "Layer 1" selected on the layers palette, go to Edit-> Fill and in the pop up use the settings shown in the image below.

3. Do not lose the selection of the text. Switch to the channels palette, create a new channel and fill the selection with white. Go to Filter-> Blur-> Gaussian Blur and enter 14. Then again, Filter-> Blur-> Gaussian Blur and enter 7. And again Filter-> Blur-> Gaussian Blur and enter 4. Last time Filter-> Blur-> Gaussian Blur and enter 2. Deselect (CTRL+D) and go back to the layers palette. Now, hold CTRL and click on "Layer 1" and then go to Filter-> Render-> Lighting Effects. Match These Settings

4. Your text should now look similar to the example below. Now you need to blur this layer to get rid of the jaggies, so go to Filter-> Blur-> Gaussion Blur and enter 2 for radius.

5. The next step is to make a curves adjustment. Go to Image-> Adjust-> Curves. Match the settings as close you can to the picture below. The closer you get the more realistic the effect will be.

6. You should see the plastic effect coming along now, though some color adjustment is still needed. Go to Image-> Adjust-> Hue/Saturation. Match the settings to the example image below, and don't forget to check the "Colorize" box in the bottom right corner.

7. Now for a few more color adjustments. Bring up the Color Balance tool by pressing CTRL+B, and make sure "Preserve Luminosity" is checked. Enter the following settings: Shadows: 0,0,-100 Midtones: 0,0, +93 Highlights: 0,0,-15 Click OK when finished, and i t should look something like the sample below.

8. All that remains is to add a drop shadow ( Layer-> Effects-> Drop Shadow) and resize the image to the size you intend to use it at, ( Image-> Image Size). Of course you may want to

keep a relatively large extra copy before you resize, so you can always go back and use a bigger version of your image if you decide to.

Fire Text 1. Create a blank image and fill the background with black. Press X on the keyboard (to flip colors) and then select the Type Tool -- type whatever you want, press OK. There is an extra step to do if you are using version 5 of Adobe Photoshop (users of earlier versions don't need to worry about this step). The problem is due to Photoshop 5's new "Dynamic Text Layers" inability to be directly edited on. So, all you have to do is CTRL+Click on the text layer after making it to get the text's selection (you may delete the dynamic text layer afterward), and fill the selection on a new layer with white. To center the text on your image, press CTRL+A-> CTRL+X-> CTRL+V and then press CTRL+E to merge the text layer into the background layer.

2. Next, use Filter-> Stylize-> Wind with the settings "Wind" and "from the left". Press CTRL+F to apply the same filter over again a second time. Now use another Filter-> Stylize-> Wind, but this time with the settings "Wind" and "from the right". Press CTRL+F to re-apply, just like before.

3. The next step is to repeat the same process we applied to the sides, but this time to the top and bottom. Since there isn't a "top or bottom" option in the wind dialog box, we will turn the image itself around. Use Image-> Rotate Canvas-> 90 CCW. Apply the wind just like before, two on the left and two on the right. When you have completed this task, use Image-> Rotate Canvas>90 CW in order to straighten your work up.

4. Apply Filter-> Blur-> Gaussian Blur with a value of 2, then Filter-> Distort-> Ripple with the

default values. 5. Convert the image to Grayscale by using Image-> Mode-> Grayscale and then to Image-> Mode-> Indexed Color. The next step is to give our image some color, so choose Image-> Mode-> Color Table. Since we're shooting for a "fire effect" choose the Black Body table.

6. Last Step: make our text a bit more legible. Choose the Text Tool & press D on your keyboard. Use/type the same words you used earlier (use the same font size and type) click OK, position the text in the middle and say "Wow!".

Gel Text 1. Type your text using the color you prefer. The font used in this tutorial is called DomCasual BT... some other fonts that may work well include (but are not limited to) Arial Rounded MT Bold, Challenge Extra Bold, Comic Sans MS, and GoodDogPlain. Choose Layer-> Rasterize-> Type, then CTRL+Click on the layer to get a selection around the text.

2. Now, make a new layer above the the one with your text. Go to Select-> Modify-> Contract and choose a setting of about 5 (this may vary depending on the size and "fatness" of the font you are using). Choose a lighter shade of your text's color and press ALT+Delete to fill the selection. Press CTRL+D to deselect.

3. Next, go to Filter-> Blur-> Gaussian Blur and choose a setting of about 2.0 (again, this will vary depending on the size/fatness of your font).

4. Now that we have the basics out of the way, it's time to add some nifty Layer Styles to pull everything together.