g Text Version
Beauty & Self
Books & Music
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
News & Politics
Religion & Spirituality
Travel & Culture
TV & Movies

Bored? Games!
Take a Quiz
Rate My Photo

Home Improvement
Women's Fashion
Small Office/Home Office
Holiday/Seasonal Cooking
Crafts for Kids

All times in EST

Full Schedule
g HTML Site

BellaOnline's HTML Editor


Adding Text To A Pre-made Website Logo, Button or Banner

Guest Author - Diane Cipollo

Project Information: Skill level: Basic CorelR JascR Paint ShopTM ProR 7 General tips Web Site Graphics Set (optional)

After you have chosen the graphics that you want to use on your website, you still need to add text to these images. For example you will want to put your company name on the logo and label each button with a descriptive name such as links, about us, contact us and etc. Although you can use any graphics program to do this, I have written the instructions below for Paint Shop Pro 7.

Step 1. Open the logo, banner or button into Paint Shop Pro.

Step 2. Setup the Text Tool. Click on the Text Tool icon and then click on the center of the logo, banner or button. The Text Entry dialog box will open. (see Figure 1) Now click on the Standard Text button in this dialog box and then click on the colored square next to Fill in the Styles section of the dialog box. When you do this the Color dialog box will open. Click on the color you wish your text to be and click OK. Set the following values in the rest of the Text Entry dialog box.

Texttool Text Tool Icon

Figure 1. Text Entry Dialog Box

Name: Comic Sans MS (or your choice)
Size: 28 (or in proportion to the image)
Script: Western
Create as: Floating and Antialias
Bold: B
Alignment: Left

Step 3. Add your text. Now type your text in the dialog box and click OK. The text will be floating over the image. Click and drag the text into the correct position. Now on the Menubar, click Selections > Select None.

Step 4. Save your image. You are now ready to save your image with the changes you have made. Click File > Save.

Step 5. Save your image for the web. You now need to save your image again in the JPEG format for the web. Click File > Export > JPEG Optimizer to open the JPEG Optimizer dialog box. On the Quality tab set the compression value to 1. If you would like your image to have a smaller file size and download faster, set the compression value to a higher number. Click OK to open the Save Copy As dialog box. Keep the name of the image as logo or banner. If you are working on buttons, give each button a name that will reflect the purpose. (Home, Contact, Checkout, Links) Save the image in the images folder for your website.

Digital Art and Design

JascR material used by permission of Jasc Software, Inc. Copyright 1997-2000 Jasc Software, Inc. All Rights Reserved. Paint Shop Pro and Jasc are registered trademarks of Jasc Software, Inc.

This site needs an editor - click to learn more!

Add Adding+Text+To+A+Pre%2Dmade+Website+Logo%2C+Button+or+Banner to Twitter Add Adding+Text+To+A+Pre%2Dmade+Website+Logo%2C+Button+or+Banner to Facebook Add Adding+Text+To+A+Pre%2Dmade+Website+Logo%2C+Button+or+Banner to MySpace Add Adding+Text+To+A+Pre%2Dmade+Website+Logo%2C+Button+or+Banner to Del.icio.us Digg Adding+Text+To+A+Pre%2Dmade+Website+Logo%2C+Button+or+Banner Add Adding+Text+To+A+Pre%2Dmade+Website+Logo%2C+Button+or+Banner to Yahoo My Web Add Adding+Text+To+A+Pre%2Dmade+Website+Logo%2C+Button+or+Banner to Google Bookmarks Add Adding+Text+To+A+Pre%2Dmade+Website+Logo%2C+Button+or+Banner to Stumbleupon Add Adding+Text+To+A+Pre%2Dmade+Website+Logo%2C+Button+or+Banner to Reddit

RSS | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map

For FREE email updates, subscribe to the HTML Newsletter

Past Issues

Printer Friendly
tell friend
Tell a Friend
Email Editor

Content copyright © 2015 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact BellaOnline Administration for details.


g features
What's Coming in HTML 5

What is FTP?

HTML Fundamentals - Tables

Archives | Site Map


Past Issues

Less than Monthly

BellaOnline on Facebook

| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2015 Minerva WebWorks LLC. All rights reserved.

BellaOnline Editor