![](/treehousetreasures/images/ainttut_tuthead.gif)
You may print this out for your own personal use, but please do not rewrite, translate, e-mail out, offer any part of this on any other site, add to a CD, or claim this as your own. Your finished result is yours to do with as you please, including making tags and/or snags for others. You may offer your results wherever you wish, but you may not sell for profit. This tutorial was written by timber on January 20, 2007.
I wrote this tutorial using PSP8 and Animation Shop 3.10 with the beginner-level PSPer in mind, so it includes lots of screenshots and details. Unless I say otherwise, all 'clicks' are with the left mouse button. I have included keyboard shortcuts for the steps in parentheses ( ).
For this tutorial, you will need:
Paint Shop Pro Animation Shop Swenson font |
1. Open PSP and Animation Shop (AS). Open your font and minimize it to the taskbar. |
![](/treehousetreasures/images/AINTtut_NewImage.gif) |
2. In PSP, create a new image (canvas) 300x100 with a white background.
File > New (Ctrl+N) |
3. Load the Text tool (T) and apply these settings* (all other settings on the toolbar should be default settings).
![](/treehousetreasures/images/AINTtut_TextTool.gif)
*If you're using PSP 10/11/12, your text size is rendered differently than mine, so instead of using size 64, try size 85. If you would like thicker text, set the Stroke width between 0.5-1.0. |
![](/treehousetreasures/images/AINTtut_Materials.gif) |
4. On the Materials palette, set the background color to white.
If your Stroke width is greater than 0.0, then set the foreground color to white also. |
![](/treehousetreasures/images/AINTtut_VectorText.gif) |
5. Click on the canvas, type your name into the Text Entry box, and click Apply.
Center the text on the canvas .
Objects > Align > Center on Canvas
![](/treehousetreasures/images/AINTtut_VectorTextLP.gif) |
![](/treehousetreasures/images/AINTtut_TextSel.gif) |
6. Select the vector text and convert it to a raster layer .
Selections > From Vector Object (Ctrl+Shift+B)
Layers > Convert to Raster Layer |
![](/treehousetreasures/images/AINTtut_Expand2.gif) |
7. Add a new raster layer .
Layers > New Raster Layer
![](/treehousetreasures/images/AINTtut_AddRaster2.gif)
Expand the selection by 2 pixels.
Selections > Modify > Expand |
8. Load the Flood Fill Tool (F) and apply these settings.
![](/treehousetreasures/images/AINTtut_FloodTool.gif) |
![](/treehousetreasures/images/AINTtut_FloodLB.gif) |
9. On the Materials palette, set the foreground color to #00A0C6.
![](/treehousetreasures/images/AINTtut_MaterialsLB.gif)
Flood the selection with the foreground color. |
![](/treehousetreasures/images/AINTtut_Expand3.gif) |
10. Add a new raster layer .
![](/treehousetreasures/images/AINTtut_AddRaster3.gif)
Expand the selection by 3 pixels. |
![](/treehousetreasures/images/AINTtut_FloodDB.gif) |
11. Set the foreground color to #0B3D91 and flood the selection.
![](/treehousetreasures/images/AINTtut_MaterialsDB.gif) |
![](/treehousetreasures/images/AINTtut_DragDB.gif) |
12. On the Layers palette, click and drag the Raster 3 layer below the Raster 1 layer.
![](/treehousetreasures/images/AINTtut_DragDBLP.gif) |
![](/treehousetreasures/images/AINTtut_DragLB.gif) |
13. Now drag Raster 2 below Raster 1.
![](/treehousetreasures/images/AINTtut_DragLBLP.gif)
Click on Raster 3 to make it active.
![](/treehousetreasures/images/AINTtut_Raster3LP.gif) |
![](/treehousetreasures/images/AINTtut_DSApply.gif) |
14. Apply these Drop Shadow settings.
Effects > 3D Effects > Drop Shadow
![](/treehousetreasures/images/AINTtut_DropShadow.gif) |
![](/treehousetreasures/images/AINTtut_Raster3Dupx2.gif) |
15. Duplicate Raster 3 twice.
Layers > Duplicate Layers > Duplicate
![](/treehousetreasures/images/AINTtut_Raster3Dupx2LP.gif) |
![](/treehousetreasures/images/AINTtut_NoiseApplyC2.gif) |
16. Apply these Noise settings to Copy (2) of Raster 3.
Adjust > Add/Remove Noise > Add Noise
![](/treehousetreasures/images/AINTtut_Noise.gif) |
![](/treehousetreasures/images/AINTtut_NoiseApplyC.gif) |
17. Hide Copy (2) of Raster 3 by clicking on the eye symbol next to the layer. Make Copy of Raster 3 active and apply the same Noise settings as above.
![](/treehousetreasures/images/AINTtut_ActiveCopy.gif) |
![](/treehousetreasures/images/AINTtut_NoiseApplyR3Desel.gif) |
18. Hide Copy of Raster 3 and make Raster 3 active.
![](/treehousetreasures/images/AINTtut_ActiveRaster3.gif)
Apply the same Noise settings as above and deselect .
Selections > Select None (Ctrl+D) |
![](/treehousetreasures/images/AINTtut_HideBg.gif) |
19. Hide the Background layer.
![](/treehousetreasures/images/AINTtut_HideBgLP.gif)
If you would like your tag on a white background, omit this step. |
![](/treehousetreasures/images/AINTtut_ASPasteF1.gif) |
20. Copy the merged layers .
Edit > Copy Merged (Ctrl+Shift+C)
In AS, paste as a new animation .
Edit > Paste > As New Animation (Ctrl+V) |
![](/treehousetreasures/images/AINTtut_ASPasteF2.gif)
(Screenshot not actual size) |
21. Back in PSP, hide Raster 3 and unhide Copy of Raster 3.
![](/treehousetreasures/images/AINTtut_UnhideCopy.gif)
Copy the merged layers , and in AS, paste after the current frame .
Edit > Paste > After Current Frame (Shift+Ctrl+L) |
![](/treehousetreasures/images/AINTtut_ASPasteF3.gif)
(Screenshot not actual size) |
22. Back in PSP, hide Copy of Raster 3 and unhide Copy (2) of Raster 3.
![](/treehousetreasures/images/AINTtut_UnhideCopy2.gif)
Copy the merged layers and paste in AS after the current frame . |
23. Crop your animation by double-clicking on the Crop icon on the Tool Palette.
![](/treehousetreasures/images/AINTtut_CropTool.gif)
Choose "Surround the opaque area" and click OK.
![](/treehousetreasures/images/AINTtut_CropOpaque.gif)
![](/treehousetreasures/images/AINTtut_CropSquare.gif)
If your tag has a white background, then load the Crop Tool (by clicking on the Crop icon). Click and drag on your animation to form a square around your text. |
![](/treehousetreasures/images/AINTtut_Cropped.gif) |
24. Double-click within the crop square to crop (or press the Crop button). |
25. Save your animation .
File > Save (Ctrl+S)
Click on the Customize button.
![](/treehousetreasures/images/AINTtut_Customize.gif)
Click on the Colors tab and apply these settings.
![](/treehousetreasures/images/AINTtut_Colors.gif)
Click on the Optimizations tab and apply these settings.
![](/treehousetreasures/images/AINTtut_Optimizations.gif)
Click on the Partial Transparency tab and apply these settings.
![](/treehousetreasures/images/AINTtut_PartialTrans.gif)
Click OK. Click Next. Click Next. Click Next. Click Finish.
YOU'RE DONE!!!
![](/treehousetreasures/images/AINTtut_timberSaved.gif) |
I call this the American Idol siggy, because I used the AI font and colors from their logo, but you can use a different font and colors just as well. I've experimented with both thick and thin fonts, and I find that thin fonts look best. Here are a couple examples.
Words of Love font using pink colors (#FCADCA and #F14D72)
![](/treehousetreasures/images/AINTtut_timberSample2.gif)
DJ Bumble font using green colors (#A1E034 and #6DB100)
![](/treehousetreasures/images/AINTtut_timberSample1.gif) |
I'd love to see your results! You can post them with the other member results HERE |