Circles
butterfly

<-- FIRST SECTION-->



Parameters! Sometimes they make me want to pull my hair out. I know how frustrating they can be. That is why I have written imagery tutorials to help others to understand them as I do.

Okay, let's begin. FIrst thing I want to explain is the movement of the sets. The first number of each set in using circle will move horozontal or left to right or west to east. Now the second number in each set will move downward. Vertical, up to down or north to south.

Circle parameters require two sets of numbers with two numbers in each set. The first set of numbers determine where the center of your circle will be on your image. The second set determines how small or large the circle will be.

We will use a 300 x 300 background. Let's put the center of the circle in the center of the bg to be easier in this first circle we do.

Half of 300 is the center [150,150 ] . The first number represents how far across from the left edge the center will be. The second number represents how far down from the top edge the center will be. The center will be where these two meet at 150 across and 150 down.

Now that we have determined the center we will go on to the second set of numbers. The second set works the same way except they determine how large or small the circle will be. In other words, the second set of numbers finds the edge of the circle. Lets use the numbers [ 60,80 ]. 60 across from the left edge and 80 down from the top edge and where they meet it where the edge will be. Remember that the circle is always measured from the left edge. See the example below.



Well, I would say that was easy enough, but then I understand how this works. So, how about trying for a circle off center. Are you up to it? You're sure? Well, okay.

We will now use a background the size of 300x500 . Let's put the center at 200,300 (200 across and 300 down) and the edge of the circle at 160,140 ( 160 across and 140 down). The parameters should look as these do: 200,300 160,140 . If you look below, your circle should appear as mine does.


example


As you can see, it left the background. This is one of the problems with choosing the edge, or second set of numbers. The possibility of leaving the background or image..

To prevent this from happining you should always keep the vertical numbers ( second numbers of both sets ) the same..

Lets try again. We will use the same size background 300x500 but use make different size circle . The center again will be at 200,300 but this time the edge will be 140 across and 300 down. The parameter should look this way: 200,300 140,300 . If you look below you will see the difference with the image above.


example


See where the two line meet at 140 across and 300 down? Not that hard was it? Why not try one a little closer to the left edge. Let's say, 30 across from the edge. 200,300 (center) and 30,300 (edge) The parameter should be this [ 200,300 30,300]. As you can see, I use the same second number in both. The verticals or up to down numbers. Now look down and see how it turned out.


example


The closer first number is to the second set or horozontal, left to right number gets to the centers number, the smaller the circle will be. Such as, 200,300 180,300. 20 from 200. See my example below.


example


See how small it is. It's only 20 pixels from the center. But what happen if you should use a higher number than the center? Let's find out. Same size background as before, 300x500 and center at 200,300. Now try 270,300 for the edge. Notice the first number is higher than the first number in the first set? Check below and see what happened.


example


As you can see, it is now measuring for the right edge instead of the left of the circle. Using numbers lower than the centers will measure the left edge and numbers higher, will measure the right edge. The white line shows it is 30 pixels from the right edge. And if you were wondering why the circle we did at 30 across from the left is larger than the one above which is also 30 but from the edge but from right edge not the left. The size of this bg is 300x500 it's center is 150, 250 we are using 200,300 as the circle's center. The circle's center is 50 pixels more across and down from the backgrounds. The circle's center is closer to the right edge.

I hope this has helped clear up those pesky parameters we use in creating circles. If you should have a question then please contact me.

Keep exploring the wonderful ways that circle can be used.

Susanna Mitchell




Email


logo © Copyright 2001-2007 all rights reserved Susanna Mitchell. .



Website Hit Counters
Web Counters



<--START ADDME LINK-->Add Me! - Search Engine
Optimization




Powered by MSN TV