Working with Text

I suggest you read over the border file first so I won't have to explain fills again, and do read the tutorial on making a transparent gif.  Stop by the two fonts pages to view some of my favorite fonts and download them.

If you want to put text on your image, or even make fancy text for your web pages, you use the A icon.  I'm going to put text on one of my images.  I select A and then click on the image.  It brings up the text window.  Select your font, size, and message.  Then say ok.

 

This will take you back to the image.  If the text is too big or too small, just click the undo icon until the text is cleared.  Then click on the image again with the text tool and it will take you back to the text window with your setup still intact.  Just adjust the size and click ok again.

Now.....if you are happy with the text size, you can do things to it while it is still selected.  You can move it or fill it with a pattern.  See borders for how to use fill pattern.  When you have it like you want it, use the square select tool to set it.


 Fancy Text

If you want to make fancy text for a web page, here is what you do.  Make a new image from the file menu.  I covered making a new image from the file menu in the Copy & Paste tutorial.  Estimate for a web page title something like 300x100, 400x100 etc.  Make it a jpg.  Now......you should know what the background for that page is going to be, it will help avoid some problems.  Pull that background up and use the eyedropper to match the most used color in the background by left clicking on it with the eye dropper to fill the top color box with that color.  (When you right click with the eye dropper, it fills the bottom color box.)  Or just match the color by eye in the color palette since sometimes you run into problems keeping the color solid from the eye dropper method.

Go to fill, pull up the control and change it to solid color.  Fill your new image with that solid color.  Now make your text on the new image, then fill it or whatever you want to do with it.  You can make it transparent as shown in the transparent tutorial.  The reason you use the background color as the color you make the text on is to cut down on annoying spots around the text when you place it on your web page.  For example, if you made your text on a black background, but were putting it on a light colored web page background, you would end up with black around the text.

Before you turn the text into a gif though, see how it looks when you made it transparent as a jpg.  You might have to take the paint brush and touch up certain areas with the color you picked to be the transparent background color.  You will know if you have to do this if there are annoying spots where you don't want them to be.  You can use the eye dropper to match the color of the text for text touchups, and just flip the color box if you need to touch up the background area.  Remember, paint brushes, air brushes, text, etc... get their color from the top box.  Borders and Backgrounds get their color from the bottom box.

One note here:  You may be wondering why make the text as a jpg and then turn it into a gif.  You make the text as a jpg when you are going to be making it transparent so that you are working with a solid color that the magic wand can clear.  Then for the most part you always want to save any text as a gif file because saving text as a jpg doesn't look very good.



You are visitor no.since July 27, 1997
Web Warriors Main Page
Graphics from Web Warriors
GloriAnon: Celtic Warrior
GloriAnon WebWarriors Site Map

Page last updated June 10, 1999
Copyright© 1998, 1999 Web Warriors
All Rights Reserved

Navigation bar for the PSP tutorials
General 1 General 2 Copy & Paste Selection Tools
Resize/Resample Batch Conversions Framing Air Brush/Clone
Borders Color Menu Text Transparency 1
Transparency 2 Icons Filters/Plugins Fonts 1
Fonts 2 Fillers 1 Fillers 2 Index
Layers Tube Management Tube Making Free Tubes