Web Developer's Virtual Library: Encyclopedia of Web Design Tutorials, Articles and Discussions
 Discussion Forums
 HTML, XML, JavaScript...
 Software Reviews
 Editors,Others...
 Top100
 JavaScript Tutorials, ...
 Tutorials
 ASP, CSS, Databases...
 Discussion List
 FAQ, Roundup, Configure ...
 Authoring
 HTML, JavaScript, CSS...
 Design
 Layout, Navigation,...
 Graphics
 Tools, Colors, Images...
 Software
 Browsers, Editors, XML...
 Internet
 Domains, E-Commerce, ...
 WDVL Resources
  Intermdiate, Tutorials,...
 WDVL
 Discussion Lists, Top 100,...
 Technology Jobs


WDVL Newsletter

Active Server Pages
JSP/Java Servlets
Microsoft SQL Server
Daily Backup
Dedicated Servers
Streaming Audio/Video
24-hour Support    

jobs.webdeveloper.com

Hiermenus


e-commerce
Partner With Us
Phone Cards
Promos and Premiums
Prepaid Phone Card
Promotional Products
Imprinted Promotions
PDA Phones & Cases
Baby Photo Contest
KVM Switches
Online Universities
Compare Prices
Find Software
Logo Design
Memory Upgrades
Home Improvement

Developer Channel
FlashKit.com
JavaScript.com
JavaScriptSource
Developer Jobs
ScriptSearch
StreamingMediaWorld
Web Developer's Journal
Web Developer's Virtual Library
WebDeveloper.com
Webreference
Web Hosts
XMLfiles.com

internet.com
IT
Developer
Internet News
Small Business
Personal Technology
International

Search internet.com
Advertise
Corporate Info
Newsletters
Tech Jobs
E-mail Offers


Just because Web sites are easy to build these days, that doesn't mean it's easy to build a quality Web site that meets your business objectives.

Before developing your next Web site, or redesigning an existing site, download this Internet.com eBook to guide you through the process and plan your project, whether you're developing a site in-house or outsourcing the project.
Register now for your free Internet.com membership to download your complimentary eBook. Membership will also give you access to:

eBook library         Whitepapers         Webcasts
Newsletters         WinDrivers
Top 10 Articles
  1. Web Developer's Virtual Library: Encyclopedia of Web Design Tutorials, Articles and Discussions
  2. JavaScript Tutorial for Programmers
  3. Design
  4. JavaScript Tutorial for Programmers - Objects
  5. JavaScript Tutorial for Programmers - JavaScript Grammar
  6. JavaScript Tutorial for Programmers - Versions of JavaScript
  7. Cascading Style Sheets
  8. JavaScript Tutorial for Programmers - Embedding JavaScript
  9. JavaScript Tutorial for Programmers - Functions
  10. Authoring JavaScript
Domain Name Lookup
Search to find the availability of a domain name. Just enter the complete domain name with extension (.com, .net, .edu)

Victory with Vectors; or How to Create Curved Text with PSP7

November 3, 2000

Creating vector text can be as simple or as complicated as you want to make it. For most of us, creating text on a path and fitting existing text to a path is all we'll ever need. For the adventurous, there is a brief introduction to converting text to curves included at the end of this article.

Creating Text on a Path


First you're going to need a curve on which to place the text. With the Preset Shape Tool draw a circle on a new canvas. If your background color is turned off on the color palette you will get an outline of a circle, if the foreground is off and the background color on you will get a solid circle. Which you decide on is unimportant for this exercise as we'll be turning the vector shape off for the final result.

Switch to the Text Tool. When you move your cursor over the image you'll notice that it changes to the Curved Text Cursor. This is the time to click. If you click to open the text dialog box while the normal cursor is showing your text will be inserted into your image as a straight line.

Most of the items in the text dialog box will be self explanatory, but there are a few items that bear explanation. Leading is the space between lines. Not only does it increase/decrease space between the lines of text, but it can be used to position text on a curve. Positive values will place the text below the line while negative values will place it above the line.

Working with text on a curve, you will eventually run into the problem where the letters will overlap each other as they bend around the curve. This is where Kerning comes in handy. Kearning is the space between the letters. Higher numbers increase the space between letters, lower numbers decrease it.

In the example, I had the Auto Kern check box to use the default kerning values.

The Styles and Texture boxes are not something I'm going to go into at this time. For now, if you just click on the Standard Text button, a nice flat text in the color displayed will appear on your circle. In the Create As box, select the Vector radio button and make sure that Antialias is checked. If you haven't already done so, type some text and click OK.

Cool! We've got text in a circle but we've also got that circle and we really don't want it there. Not a problem, getting rid of that line is as easy as clicking a button!

Locate the layer that contains your text and vector object. If you've followed this example you should only have a background and one layer. Expand the layer and click the Visibility button of the object so that it appears crossed out.


Add a transparency and your circled text is finished!

Fitting Existing Text to Object (Path)


Up to => Home / Authoring / Graphics / Tools / PSP7




Jupiter Online Media: internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and Jupiter Online Media

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Web Hosting | Newsletters | Tech Jobs | Shopping | E-mail Offers