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
PDA Phones & Cases
Laptop Batteries
Memory Upgrades
Online Shopping
Build a Server Rack
KVM Switch over IP
Corporate Gifts
KVM Switches
Hurricane Shutters
Find Software
Web Hosting Directory
Web Design
Boat Donations
Shop

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


Get the SOA Development Survival Guide
Get started understanding the benefits and tools needed for service-oriented architecture development. Includes whitepapers, Webcasts, and articles. » IBM Rational Systems Development Solution eKit
As systems increase in complexity, communication between systems and teams becomes more and more difficult. Read the "Model Driven Systems Development" whitepaper to see how to improve product quality. Also included are more whitepapers, customer examples, tutorials, informative Webcasts, and best practices for designing, building, and managing systems. » Webcast: Succeed with Asset-Based Development: Introducing Rational Asset Manager
Learn how IBM Rational Asset Manager enables organizations to identify, manage and govern the design, development and consumption of software assets, including services, as part of an SOA initiative. Learn about the key challenges of asset-based development and how IBM Rational Asset Manager can help provide the solutions. » Download: IBM Rational Rose Technical Developer
IBM Rational Rose Technical Developer is a robust Model-Driven Development (MDD) solution, expressly created to meet the challenges of complex systems development. Based on UML, Rational Rose Technical Developer provides a highly-automated and reliable solution to the unique problems of concurrency and distribution. »
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