Subscribe to RSS

Fireworks 101

Making a Simple Logo!

 This time we have a very nice tutorial done by a Gyorgy Fekete. 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. 

Lets begin!
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.


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.


With intersect you can create a shape whose the result of the intersection of two or more shapes.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.


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.


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.

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:

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

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:

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):

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

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:

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.

Step 3

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

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:

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:

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

Final Result
Voila, we got a leaf logo. You can write a ‘web 2.0’ name and you got your company


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

Regards: Gyorgy Fekete


Add your comment


Other articlesgo to homepage

Final Cut X Controlled with an iPad

Final Cut X Controlled with an iPad(2)

Need to make a quick edit while on the road or export a project from a remote location? Using an iPad, Skype, SoundFlower,, and your primary Final Cut station you can edit from anywhere you have network connection. While not the only way to complete this task, the described method provides stability, flexibility, and

Exporting Quicktime video for YouTube out of Final Cut Pro

Exporting Quicktime video for YouTube out of Final Cut Pro(0)

Exporting Quicktime video for YouTube out of Final Cut Pro  As the Internet continues to dominate an increasing percent of our media consumption, it’s no surprise that clients almost always want a version of their video project created for web playback. In this post we’ll explore a simple way to create video optimized for YouTube

Animated Coca cola coke factory full version ad

Animated Coca cola coke factory full version ad(0)

Animated Commercial for Famous Coca Cola Coke  A 2006 famous Animated Coke Commercial , shown the world over. Fairytale in a vending machine. Masterpiece ad by Dutch creators. Music composed by Mark Altshuler.

FaceGen Tutorial – Model any face easy / edit in Zbrush

FaceGen Tutorial – Model any face easy / edit in Zbrush(0)

Model any face easy / edit in Zbrush  This tutorial covers basics on modeling any face from a photo using Facegen and exporting to other 3d applications. ————————

Vector Art and Design

Vector Art and Design(0)

What is Vector Graphics And Art? Vector graphics are a resolution-independent, scalable format composed of individual objects made up of mathematical calculations. Vector images can be resized easily without loss of quality making them an ideal format for initial design of logos and illustrations that to be used at multiple sizes. Illustration or drawing software such

read more

Contacts and information



Social networks

Most popular categories

Find me on Facebook
© 2011 Sultan Yaqub theme by All rights reserved.