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

Natural Living
Folklore and Mythology
Distance Learning

All times in EST

Clairvoyance: 08:00 PM

Full Schedule
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor


Fireworks CS5 Pixel Grid and Compound Shapes

One thing that I have noticed since AdobeR has started integrating their software is that a new feature for one software will most likely be a new feature for the whole Creative SuiteR. This holds true for the new pixel perfect drawing feature with Snap to Pixel.

As we discussed, IllustratorR CS5 has the new Align to Pixel Grid option in the Transform dialog box. In FireworksR CS5, we have a comparable pixel grid feature. If you find that the stroke path of your shape is aligned between pixels, it's a simple fix to use the Modify Snap to Pixel command. Fireworks will nudge the stroke path to the next pixel.

Drawing and editing compound shapes in Fireworks is faster and easier with the new drawing enhancements such as the Compound Shapes tools in the Properties panel. With this new tool, you can temporarily group shapes into complex vectors. When you turn on the Add/Union option in the Properties panel as you draw your shapes, each new shape will be "added" together as one compound shape, even if they don't touch.

For example, if you want to draw a rectangle and circle that will become a candy sucker, you will first draw the circle. When you draw the rectangle next to the circle, it will automatically become grouped with the circle. To prove this, just click and drag the group with the Pointer tool. As you drag, both shapes move as one.

However, in the example, I've drawn the rectangle a little to far to the right. I can easily edit this without "ungrouping" the circle from the rectangle. This is because the rectangle is only "temporarily" grouped with the circle. If I switch to the Subselection tool, I can click on the rectangle and drag it to the left. Because I am using the Subselection tool, only the rectangle will be moved. To work with these two shapes as a compound shape again, I just need to switch back to the Pointer tool.

Another nice feature of the new Compound Shapes tools is that you can apply non-destructive styles and effects, such as punch, to overlapping vectors. Let's say I want to cut out a small part of the circle to make it appear that someone has taken a bite. The easiest way to do this is to duplicate the circle, overlap them and use Substract/Punch in the Properties panel.

With the Subselection tool, select the circle and click Edit Duplicate. Still with the Subselection tool, drag the second circle to overlap the first along the right edge. In the Properties panel, click the Subtract/Punch icon. Notice that the second circle has cut a hole in the first circle. But, this is non-destructive. To prove this, let's move the second circle off the first and see what happens. With the Subselection tool, drag the second circle to the right to reveal that the first circle is not permanently altered.

*Adobe provided a review copy to me free of charge.

Join us in the Flash forum.

Join us in the Digital Art and Design forum.

Add Fireworks+CS5+Pixel+Grid+and+Compound+Shapes to Twitter Add Fireworks+CS5+Pixel+Grid+and+Compound+Shapes to Facebook Add Fireworks+CS5+Pixel+Grid+and+Compound+Shapes to MySpace Add Fireworks+CS5+Pixel+Grid+and+Compound+Shapes to Del.icio.us Digg Fireworks+CS5+Pixel+Grid+and+Compound+Shapes Add Fireworks+CS5+Pixel+Grid+and+Compound+Shapes to Yahoo My Web Add Fireworks+CS5+Pixel+Grid+and+Compound+Shapes to Google Bookmarks Add Fireworks+CS5+Pixel+Grid+and+Compound+Shapes to Stumbleupon Add Fireworks+CS5+Pixel+Grid+and+Compound+Shapes to Reddit


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

For FREE email updates, subscribe to the Digital Art and Design 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 Diane Cipollo for details.


g features
How to Create Patterns in Illustrator

Multiple Artboard Template in Photoshop CC

Design & Bind Your Creative Portfolio - Skillshare

Archives | Site Map


Past Issues

Less than Monthly

BellaOnline on Facebook

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

BellaOnline Editor