Home  >  Tutorials  >   Beginners' Classes  >
More on Effects
E-mail this tutorial to a friend Email to a Friend

More on Effects
Created by: Zonia

 

In the last lesson you have seen that PSP 8 comes with a lot of effects. There are some effects that are used more than others such as the 3D effects because they add dimension to your images.

We are going to create a button using some of the most used effects so that you get an idea what they do. Keep in mind that these effects work for all images not just buttons.

Don't forget when using each effect to take the time to change each setting so you can see what it does. That is the best way to learn what they do and a lot more fun than doing a lot of reading.

 

New Image
Create a new image: Go to File || New (Ctrl+N):
– Width = 200 pixels
– Height = 100 pixels
– Resolution = 72.00 pixels
– Background = Raster
– Color Depth = 16 Million Colors (24 Bit)
– Color = Transparent checked
 
Flood Fill ToolPreset: Reset to Default Option    Materials Palette - Materials BoxMaterials Gradient Option


Go to Selections || Select All (Ctrl+A), then to Selections || Modify || Contract = 10.

Click on your Flood Fill tool and reset to default. In the Tool Options palette, set the Match Mode = None. Set your Foreground Material to Gradient, click on the Foreground Materials box and select the "Electric Blues" gradient. Then click into your selection to fill it with the Electric Blues gradient.

Let's add some texture. A lot of tutorials use a plug-in to add texture but PSP has its own texture filter that can be used instead. Go to Effects || Texture Effects || Texture and choose the "Pool Bottom" preset from the Presets drop-down list. Click on OK.

 

Go to Selections || Invert, then to Effects || 3D Effects || Drop Shadow with the following settings:
– Vertical and Horizontal offset = 2
– Opacity = 50
– Blur = 5
– Color = Black (#000000)

Click on OK. Add another Drop Shadow with these settings changed:
– Vertical and Horizontal offset = -2 (minus 2)

Do not yet deselect!

 
Materials Palette - Materials Box  Materials Solid Color Option Change your Foreground Material to Color, click into the Foreground Materials box and put "#1B81A9" in the box beside "HTML".
 
New Raster Layer     Flood Fill Tool Add a new raster layer (Layers || New Raster Layer) and click on your Flood Fill tool. In the Tool Options palette, the Match Mode should still be set to None. Fill the selection with your color. Apply the same Texture effect as before: Go to Effects || Texture Effects || Texture and just click on OK. Don't yet deselect.
 

Preset: Reset to Default Option




Go to Effects || 3D Effects || Inner Bevel. Remember to take a few minutes and change the settings so you get an idea what they do, then reset to default.

Change the settings to:
– Width = 5
– Smoothness = 76
– Depth = 5
– Ambience = 19
– Shininess = 40
– Color = White (#FFFFFF)
– Angle = 315
– Intensity = 62
– Elevation = 20

Click on OK. Now you can deselect with Ctrl+D (Selections || Select None).

 
  Go to Layers || Merge || Merge visible. Okay, our button has shaped up well. You can see how the drop shadow and inner bevel add some depth. Let's add some text!
 
New Raster Layer Add a new raster layer (Layers || New Raster Layer) and name it "Text". Add another new raster layer and name it "Shadow". Add a third new raster layer and name it "Cutout". You should now have 4 layers counting the merged one.
 

Text Tool  Preset: Reset to Default Option

Materials Palette - Materials Box

Click on the Text tool and reset to default. Change these settings:
– Create As = Floating
– Font = Impact
– Size = 36

Set your Foreground Material to Null and your Background Material to Color: Black.

 
Cut Click inside your button to open the Text Entry dialog and type "Home". Click on the Apply button. Go to Edit || Cut (Ctrl+X), then to Edit || Paste || Paste As New Layer (Ctrl+L) to center your text.
 
Delete Layer Go to Selections || Select All (Ctrl+A), then to Selections || Float (Ctrl+F), and finally to Selections || Defloat (Ctrl+Shift+F). Right-click on the top layer in the Layer palette and choose Delete from the pop-up menu.
 

Click on the "Cutout" layer in the Layer palette. Go to Effects || 3D Effects || Cutout and reset to default. Cutout settings are:
– Vertical and Horizontal offset = 2
– Opacity = 100
– Blur = 4.00
– Shadow color = Black
– Fill Interior = unchecked

Click on OK. Do not deselect!

 

Click on the "Shadow" layer in the Layer palette. Go to Effects || 3D Effects || Drop Shadow and change the settings to:
– Vertical and Horizontal offset = 1
– Opacity = 100
– Blur = 1
– Color = White

Click on OK. Do not deselect!

 
Click on the "Text" layer and flood-fill with the "Electric Blues" gradient. Go to Effects || Texture Effects || Texture and choose the "Pool Bottom" preset again. Deselect (Selections || Select None or Ctrl+D). Go to Layers || Merge || Merge All (Flatten). Save (File || Save).
 
That covers the most used effects. Take some time to explore all the other effects that PSP has to offer. Check out all the tutorials on the web covering the different effects. Don't forget about the new effects too, such as "Balls and Bubbles". I had a lot of fun with that one.
 
Note Note: If you are doing a tutorial written for earlier versions of PSP keep in mind that Jasc reorganized the Effects menu and moved several items to the Adjust menu. In other words: All the effects are still there, you just have to look for them.