Jump to content


Photo

Fireworks Tutorial (Yin Yang)


  • Please log in to reply
7 replies to this topic

#1 Gordon

Gordon

    FireMonk

  • Members
  • PipPipPipPip
  • 55 posts
  • Location:N.W. UK

Posted 13 December 2007 - 04:00 PM

I did this tutorial some time ago on a non Fireworks forum, it wasent very popular , its pretty basic but were not all experts :D ...

Beginner (5 minutes)

A step by step guide to creating a Yin Yang symbol using Adobe Fireworks ...

Goto File/New - set the dimensions to 400x400.

Place a guide rule at 200, done by dragging one from the guide area on the left hand side, then placing at position 200(watch the top guide for placement).

Goto rectangle tool and change it to eclipse tool, place an eclipse in your scene, look at the bottom and change its dimensions to 300x300, and its XY to 50 - 50, and any colour you like ...

1.jpg

Take the knife tool as shown in the earlier image, and place it on the guide line above your eclipse, then slice right through it, which should leave you with two semi-circles, delete the right hand one by highlighting it and hitting delete.

Create another eclipse with dimensions of 150x150 and place it at 150 - 150 and placement of XY 125 - 50, copy and paste that eclipse and move it one side for the moment.

Now highlight the semi-circle and the 150x150 circle together, do this by holding shift and clicking the two vectors.


Goto Modify/Combine paths/Union, which will join the two together.

Now take the circle that you placed to one side and place it at 125 - 200.

Now highlight those two and goto Modify/Combine Paths/Punch.

You should now have something like this ...

2.jpg

Create an eclipse with dimensions of 100x100 and placement of 150 - 75.

Highlight the two vectors and goto Modify/Combine Paths/Punch, which will punch a hole in the underlying vector.

Now you need to Copy/Paste the vector and highlight one of them, then goto Modify/Transform/Flip Vertical and the same again but this time flip Horizon, now place this vector at position 125 - 50.

Now change one of them to black and the other white, and alter the canvas colour, canvas colour is altered by clicking outside the image and the selection area is at the bottom.

Which should give you something like this ...

3.jpg

And ultimately something like this ...

This is the PNG source.
4.png

#2 MagdalenaH

MagdalenaH

    FireworksNut

  • Members
  • PipPipPipPipPipPip
  • 557 posts
  • Location:Canada

Posted 13 December 2007 - 06:34 PM

Nice method Gordon, nice use of positioning and the rulers.

abeall had it done in a similar way in this thread a while ago

#3 Gordon

Gordon

    FireMonk

  • Members
  • PipPipPipPip
  • 55 posts
  • Location:N.W. UK

Posted 14 December 2007 - 02:08 AM

Ah i never saw that thread, anyway its there now, it may be useful to someone :) ...

#4 MagdalenaH

MagdalenaH

    FireworksNut

  • Members
  • PipPipPipPipPipPip
  • 557 posts
  • Location:Canada

Posted 14 December 2007 - 04:27 AM

Ah i never saw that thread, anyway its there now, it may be useful to someone :) ...


Don't worry - doesn't hurt to repeat things, like in school :) I am sure it will be useful.
And you explained it in more detail in words too, so if someone was to make a yin-yang, s(he) can use both posts as resources.

#5 abeall

abeall

    FireworksNut

  • Administrators
  • PipPipPipPipPipPip
  • 523 posts

Posted 14 December 2007 - 04:44 PM

Good job, I'll put this in the sticky.

Speaking of yin-yang, have any of you seen this 3d animated version(attached)?? Mesmorizing!

Attached Images

  • yin_yang_animation.gif


#6 kelton

kelton

    FireworksNut

  • Members
  • PipPipPipPipPipPip
  • 471 posts
  • Location:Antigua
  • Interests:web design, logo design, user interface design

Posted 14 December 2007 - 05:03 PM

that is cool.. tho i think if i stare at it any longer i will be hypnotized...

#7 raja

raja

    FireMonkey

  • Members
  • PipPipPipPipPipPipPipPipPipPip
  • 1,227 posts

Posted 15 December 2007 - 01:12 AM

cool one .Yes it really useful to every one.

#8 Alan

Alan

    FireworksGuru

  • Root Admin
  • PipPipPipPipPipPipPipPipPipPipPipPipPipPipPip
  • 1,507 posts
  • Location:San Francisco, California USA
  • Interests:Longboarding, art and video games

Posted 15 December 2007 - 01:54 PM

whoah thats cool aaron. im cross-eeeeyeeed now.