Home
Username:
Password:
QuickStart! - Adobe Fireworks CS3 Tutorials

Working with Text / Working with Text




Visitors to VTC.com will be able to view all introductory videos for each training course.
Free Trial Members will gain access to first three chapters for each training course.
Full Access Members have full access to VTC.com’s entire library of video tutorials.


Learn More

Subtitles of the Movie

Much like this web page right here, most websites are composed primarily of text. Fireworks CS3 has many text features typically reserved for sophisticated desktop publishing applications. You can create text in a variety of fonts and sizes and adjust the kerning, spacing, color, letting, base-line shift and much more primarily using the property inspector here. Notice if I add some text here, text formatting is done here in the properties inspector. First thing, notice that I can draw out a box of text and then format that text, move the text around. If I double click on the text, notice the properties inspector lets me change the typeface, size, color, formatting such as bold, italic, underline. Some of the more sophisticated editing features such as kerning and spacing are down here. Notice the kerning adjustment or the distance, the spacing between individual letters. If I have multiple lines of text, let's go ahead and add a new line of text here. I can adjust the line spacing or letting is another term for this. Notice that I have a percentage or a pixel setting to really get a precise letting or line spacing adjustment there. Notice that here I can also set the text orientation horizontal left to right, horizontal right to left, not sure why you'd need that but also vertical left to right and vertical right to left. And you have your alignment options; center. Let's go ahead and open up this text box here like so and you can see the alignment options better. That's full justification there. So it's giving you even alignment on both the left and the right. You've also got the stretch alignment, which stretches. Notice it stretches the text out to give you the full justification that you need. Then we come to the filter section. Fireworks makes it a snap to add filter effects to your text. Just drop shadows or bevels. There's the standard drop shadow there. Notice that there is the effect filter. You can also delete very easily those filters. Here is an inner bevel on that text. Let's go ahead and make this text a bit bigger. You can see that bevel a little bit better. As well as blur, noise, some of these also have options for the amount of effect you want to apply. So there's the noise effect. I can apply multiple filters to the text. Lucky for me Fireworks also has an excellent spellchecker. Let's select this text block and choose from the main menu text check spelling. Fireworks has finished checking this selection. Let's continue checking the rest of the selection. It's correcting the entire document. Let's go ahead and notice that you can edit the text at any time, even after you apply live filters to it. So let's misspell that word and let's run the spellchecker again. And this is the dialog you get: word found a problem. You can change the text to something else or provide suggestions here. That's my favorite part because it'll provide suggestions on what you think you're trying to spell. I can add to this to my personal dictionary if it's a technical term. I can ignore the misspelling. I can ignore all instances of that misspelling. I can change. Let's go ahead and change it back to taxation. Fireworks has finished checking the selection. Let's go ahead and cancel that and there is the update that the spellchecker provided for me. And when you import an Adobe Photoshop document containing text, this text will also remain editable. Fireworks handles missing fonts upon import by asking you to select a substitute font or allowing you to import text as a static image. I have an example of a project that was done on a Mac and I don't have the correct fonts. So let's go ahead and, and there's the warning that you get. Text in this document uses fonts not available in your system. Would you like to maintain the look of the missing fonts until the text is edited or replace the missing fonts? So your options are to maintain the appearance or replace fonts. So if you choose replace fonts, you have the opportunity to use an alternate font. In this case the font that's available here on the PC, which is the one that was on my Macintosh I don't have here on my PC. So let's go ahead and change this to black oak. click OK. And this looks very much different to me. You can see that this text to me looks terrible because it's really substituting a font that's not appropriate. But you do have the option of bringing it in and maintaining appearance. Let's choose the maintain appearance option. And this is now a little bit closer to the way that it looked on the Macintosh. Still some problems right here with font sizes but it looks better. In conclusion, because web pages are still composed primarily of text, you need a graphics editor that gives you a great deal of control over the appearance and file sizes of these graphics and Fireworks' simple to use but powerful text editing and creation tools fills this need exceptionally well.

Tutorial Information

Course: QuickStart! - Adobe Fireworks CS3
Author: James Gonzalez
SKU: 33813
ISBN:
Release Date: 2007-10-25
Duration: 1.5 hrs / 16 lessons
Captions: For Online University members only
Compatibility: Vista/XP/2000, OS X, Linux
QuickTime 7, Flash 8

VTC Sign up & Benefits

  • Unlimited Access
  • 98,729 Video Tutorials (23,265 free)
  • Video Available as Flash or QuickTime
  • Over 1026 Courses
  • $30 for One Month Access
  • Multi-User Discounts Available