How to Add Text to Web Clip Art
A nice way to customize clip art is to add text. This can be utilized for clip art images used as backgrounds, icons, logos and diagrams. Adding text is easy, and it can be done using a variety of programs, including many as simple as Microsoft Paint.
Things You'll Need
- Microsoft Paint
- MS Windows operating system
Add Text to Clip Art for the Web Using Windows
Open your clip art file using Paint. Select the text icon in the menu toolbar. It is labeled with the letter "A."
Click on your clip art image, and a small box will appear. You can type text into this box.
Use the "Fonts" toolbar to choose the font style and size you need.
Right-click on the color in the palette at the bottom of the screen to change the background of the text box that will appear on your web image. Left-click on the color you would like for your text. Try to choose a color that will contrast nicely with the background of your web image, making it easier to read.
Move your cursor to one of the corners of the text box, and an arrow icon will appear.
Hold down the left button on your mouse and drag the icon to resize the text box. If you click away from the text box before you are finished editing, you will need to select "Undo" from the Edit menu to go back. You cannot edit a text box once it has been deselected.
Save the new clip art image you have created with a new name, so you do not replace the original file. Select "Save As" from the File menu and "JPEG" from the drop-down menu before you rename the file.
Use Photoshop or another photo-editing program to do elaborate text enhancements to your clip art. While Paint can perform basic-text additions, it does not have a wide variety of fonts or text styles. Paint also does not allow you to use transparent backgrounds in the text box.
Utilize HTML code to display text or captions placed on top of an image on your website rather than using Paint or photo-editing software. This will not alter the image file itself, but it is useful when you only plan to use the accompanying text online. The easiest method available for using HTML is by entering the standard "TABLE" code around the image and placing the text in a cell, using the background attribute to refer to the image itself.
Tips & Warnings
- Avoid using wild or complex fonts. Add only short and concise messages to avoid overwhelming or annoying your visitors.