Jump to content


Photo
- - - - -

[Fireworks] Combine Path Tools


  • Please log in to reply
6 replies to this topic

#1 seraph!m

seraph!m

    Pixels 4 Life!

  • Members
  • Pip
  • 172 posts
  • Location:"In heavenly places..."

Posted 15 August 2006 - 12:14 PM

Well since I love the forum and I use nothing but fireworks, I figured I'd post a tutorial here and there, starting with this one. Fireworks has 6 different Combine Path options that really extend the level of control over simple shape creation to a higher level. *NOTE: Some images are bad quality on purpose :)

Let's jump on in! Create a new document by going to File > New.

Posted Image
Create a canvas of 400 pixels wide by 400 pixels high. Leave the resolution at 72 pixels/inch.

The first option is JOIN. This option allows two or more overlapping shapes to be combined into a single path, creating a "negative" shape where the shapes originally overlapped.

Now with your rectangle tool...
Posted Image
Draw three rectangles of equal height. Then use the pointer tool to drag them into the same position vertically, leaving parts to overlap.

Posted Image
This is relatively what you should have, three rectangles (I colored them for ease of viewing). Those black lines beneath show the length of each rectangle, just to give you an idea of how they overlap.

Next, select all three shapes and go to Modify > Combine Paths > Join
Notice the "negative" shapes that appear in the middle where the three shapes overlapped. This is the key to the Join command. Another thing to note, is that if you have each shape be a different color, the combined shape retains the color of the shape that was lowest on the "stacking order."

The next Fireworks Combine Paths option is just the opposite of join, SPLIT. Select your new shape and go to Modify > Combine Paths > Split. Your three original shapes should now be back to normal, except for the color.

The next option is the PUNCH command. Punch is a very unique option, as it allows you to make multiple paths and then use one as sort of a cookie-cutter, that cuts it's shape into the others.

Click and hold the rectangle tool that we used earlier to get an option menu of sorts. Select ELIPSE TOOL. Now make 3 circles of equal size and overlap them as seen in the next picture.

Posted Image
Again, I colored them for ease of viewing, but this is basically what you should have. Now select all three shapes and go to Modify > Combine Paths > Punch. You must do this twice! Notice how each time, Fireworks takes a shape on top and "punches" it through the shape on the bottom.

Now select your new shape and go to Edit > Duplicate. Then, with the duplicated shape selected, go to Modify > Transform > Rotate 90 degrees (Both will work). Now position the rotated shape on top of the other shape to make a cool cross thingy.

The next option is the UNION command. The union command basically does the same thing as Join, but instead of making a "negative" shape, it actually combines all the points in the paths to make a single, fluid shape. Select both your shapes in the cross and go to Modify > Combine Paths > Union. Notice how both shapes are now one. Nothing should really look different.

Now into the last option of Combining Shapes that we will go over. We will not be going over CROP because it basically does the same as intersect, except for multiple shapes. Just experiment with the Crop command on your own and see what you get. We will now learn about the INTERSECT command. The intersect command takes two shapes and then forms a new shape from where they intersect.

Grab your Elipse Tool again and draw two more circles, this time make them smaller. Overlap them on the very edges.

Posted Image

This picture is basically what you should have, again, colored for ease of viewing.

Now select both shapes, go to Modify > Combine Paths > Intersect. Notice how the new shape was formed from the intersection of the other two.

Now for those of you who smelled a finished product coming on, you were right. Just as an example of how simply those shapes could be used for just about anything, I've geared our exercises toward making a military medal of some sort :D So with a little arranging of what we've created, a bit of color, and a tad of my own touch, here is my finished product.
Posted Image

I hope this was a good example of how easily Combine Paths can make short work of seemingly complicated projects.

This is my first tutorial here, so I appreciate you taking time to read it and I sincerely hope you can use the knowledge to further your projects.

:D

#2 Donna

Donna

    Retired P2L Queen!

  • P2L Staff
  • PipPipPipPip
  • 12,330 posts
  • Gender:Female
  • Location:B.C Canada

Posted 17 August 2006 - 09:41 AM

Nice tutorial seraph!m.

#3 PSgirl

PSgirl

    P2L Staff

  • P2L Staff
  • PipPipPipPip
  • 2,056 posts
  • Gender:Female

Posted 17 August 2006 - 12:54 PM

I don't use Fireworks, but I must say your tut is very well explained, and the final outcome (the medal) is pretty cool.
Nice tut, thanks for adding seraph!m ;)

#4 seraph!m

seraph!m

    Pixels 4 Life!

  • Members
  • Pip
  • 172 posts
  • Location:"In heavenly places..."

Posted 17 August 2006 - 02:57 PM

Thanks guys! If I ever get time now that school has started, I'll post some more...since this forum seems to have quite an absence of fireworks related tuts.

<_<

#5 Matthew.

Matthew.

    Official Spammer .Matt

  • Members
  • PipPipPipPip
  • 2,749 posts
  • Gender:Male
  • Location:England

Posted 17 August 2006 - 04:13 PM

Yup, same as PSgirl and Donna said.

I remember reading one of these tuts when i didn't have photoshop (i sucked royally at fireworks lol) and i made a logo or something...kinda moon shaped.

Nice tutorial, well explained, sure it will help someone <_<

Edited by .Matt, 17 August 2006 - 04:13 PM.


#6 seraph!m

seraph!m

    Pixels 4 Life!

  • Members
  • Pip
  • 172 posts
  • Location:&quot;In heavenly places...&quot;

Posted 19 August 2006 - 10:50 AM

Thanks!

;)

#7 Bug

Bug

    P2L Staff

  • P2L Staff
  • PipPipPipPip
  • 3,611 posts
  • Gender:Male
  • Location:Perth, Australia

Posted 09 September 2006 - 03:49 AM

As a matter of fact, I find it absolutely hard to work with Photoshop. I was brought up with Fireworks and I'm pretty sure it will stay that way. The only thing I will use Photoshop for is to get some sweet sweet Filter effects and then bring it back into Fireworks.

I'll be posting up some Fireworks tutorials sooner or later as well.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users