logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
Action Movies
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel
Southwest USA


dailyclick
All times in EST

Full Schedule
g
g HTML Site

BellaOnline's HTML Editor

g

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


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 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


g features
What's Coming in HTML 5

What is FTP?

HTML Fundamentals - Tables

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


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


BellaOnline Editor