Hi guys, this week we have a very nice tutorial done by a guest writer. It cover some basic functionalities and it's very useful for those willing to improve their Fireworks skills. You will learn how to play with paths, combining, subtracting and much more. Also you will end up creating a logo. And, if you want to post a tutorial or a good post, just send us an email with your article. Thanks and enjoy.

First let's see what combine path objects are and what can you do with them. In Fireworks there are four main combine paths: Union, Intersect, Punch and Crop.

Union

You can unite two or more objects with it. Just drag the two objects onto each other (it helps if you select the same color for both shapes, this way you would see the final union), select both objects and go to the Modify menu, Combine Paths -> Union. This simple command alone creates rather complex shapes.

Fireworks 101

Intersect

With intersect you can create a shape whose the result of the intersection of two or more shapes. Let me show you. You can do this the same way as with Union, select the two shapes and go to Modify -> Combine Paths -> Intersect. It also helps if you decrease the opacity of the topmost shape to see the final intersected result.

Fireworks 101

Punch

With punch you can cut a shape from another. Just go to Modify -> Combine Paths -> Punch. I use this command the most while I'm creating my shapes.

Fireworks 101

Crop

I rarely use this command, although it's very powerful. It's useful if we use more than two shapes. The main idea with crop is that it creates a hybrid intersection from the two circles underneath the rectangle. The rectangle is the topmost shape.

Fireworks 101

Now let me show you the real power of these commands. Let's create a complex shape without using the pen tool or a tablet. Just the plain old mouse and these four commands.

Creating a Logo

Let's create a logo with two leaf shapes and some fancy text. First the most important thing is that we have to learn how to see different shapes from two or more, and what type of command to use to get those shapes.

Step 1

For me the easiest way to create a leaf is from an oval. So, create the oval and draw a rectangle shape on top of it like this:

Fireworks 101

Now just Punch the rectangle from the oval and the result will be this:

Fireworks 101

Dublicate this shape (CMD+C; CMD+V) and flip it horizontally (Modify -> Transform -> Flip Horizontal). Match the two shapes and apply the Union command to get this shape:

Fireworks 101

Step 2

Ok. Now rotate this shape a little bit and duplicate it twice. Draw a rectangle under the duplicated shapes like this (note that the blue oval shape is the top most, the green one is in the middle and the rectangle is at bottom):

Fireworks 101

The idea is to get that shape in the middle (dark blue):

Fireworks 101

We achieve this by selecting all three shapes using the Crop command and then selecting the remaining shapes and using the Punch command. You will get this shape:

Fireworks 101

Now we go back to our original 'leaf like' shape. Duplicating it again and shrinking a by 80% (CMD+SHIFT+T), then punch the smaller shape from the original.

Fireworks 101

Step 3

Align the remaining shapes and apply the Union command, like this:

Fireworks 101

Duplicate the final shape and color it differently. Flip it horizontally and align the two shapes therefore the duplicated shape goes under the original one, like so:

Fireworks 101

Duplicate the red shape one more time and drag it out, we will need it later. And now you guessed it select the two shapes and Punch the red shape and mask the rest like this:

Fireworks 101

Punch the oval from the green shape. Align it with the remaining red shape group it together (CMD+G) and shrink it to 30%.

Fireworks 101

Final Result

Voila, we got a leaf logo. You can write a 'web 2.0' name and you got your company :-)

Fireworks 101

Also, you can play a little bit and create some crazy shapes like that!

Pacman Fireworks 101

Guest post by: Gyorgy Fekete

About the author of this post

I'm an architect and designer from Porto Alegre, Brazil. I've been working with design since he got my degree in architecture, a bit odd isnt it? I'm a fan of Fireworks, CSS among other skills. Besides that I'm co-founder of ZEE.