Rectangles-Polygons-Ovals


I've been having fun making several types of framing for images and came up with a few variations. Thought I'd put them all into a tutorial so others will have the same fun I've been having. Explanations may seem long but I like to really explain in detail to make it easier to follow.

You don't have to follow exactly what I've done. You can come up with an idea of your own once you know the basics of this drawing and it really becomes addictive.

So I will list each project and enter the directions under each one. Enjoy and oh, if you want any of these, please upload to your own directory and I worked very diligently in making them my own designs. Yes, there are tutes out there showing how to make these shapes but I tried making variations with them. I put the original to show what it looked like and how much of it actually gets composited.Thanks ~Lee~






Step 1. Using a transparent background of 300x300 go to Draw and Polygon. Now all these numbers go into the box and use White for color fill (if you are going to fill it with an image or else use just Stroke Color and 3 for Stroke width. 100,50 200,50 250,100 250,200 200,250 100,250 50,200 50,100 100,50 .

Step 2. Draw this time clicking on Ellipse and Stroke color same and Stroke width same use these numbers: 150,150 70,100 0,360 Up to Draw again and this time: 150,150 60,90 0,360

Step 3. You now have a frame and if you want to put an image as I have it above (your oval has to be all white), you get an image not too large because the center of your image is all you are going to see, and use Center and Composite ATOP or ADD. Now try both because it seems the colors vary using one or the other. That's it. Trim and upload as a Gif.


Now here is another variation where the polygon is a little wider and one oval extends above and below.



Step 1. Make the polygon the same as above only the two oval numbers change slightly. One is: 150,150 90,110 0,360 and the other is 150,150 80,100 0,360. Do the same way as the first one. With the kittens I did use Center +0+15 to bring them down a bit. Don't forget to trim when done.


Now on to something even a little different then the above in that I used a polygon and rounded rectangles.



Step 1. Using a 300x300 transparent background - Draw and Polygon. Same numbers as with the above samples and again making the polygon all white to composite an image and then we will make the rounded rectangles.

Step 2. Go to Draw - Rounded Rectangle numbers: 30,30 270,270 35,35 stroke color and 1 for stroke width. Then a second time - Draw and Rounded Rectangle this time using: 5,40 295,260 35,35

Step 3. I added a third one that is close to the polygon and the numbers for that one is 46,46 254,254 35,35

Step 4. Now you want to color the outside four corners between the rectangles, see how mine is done above and to do this you have to use Color and white, click the arrow in those places and now you can get an image and use Composite and Add or Atop(again check for coloring - they do change with some). you will see that you have the center with the center focal point and part of the picture used is blended into the white you colored around the sides. Now to get this look your picture has to be a little large. Mine measured 343x274 so I had lots of width there.

Step 5. You can skip this but I thought finishing it off by putting back the stroke color around the polygon and the rectangles looked rather neat. You see when you composited the image, it covered your original stroke color so I wanted to put them back in. It's easy enough if you left the polygon numbers in there and just changed Stroke color to something to compliment your picture then the same using your rectangle numbers and put a stroke color around those. You can make your stroke wider if you'd like when you do this.

Here's another style you can make using Round Rectangle. I didn't design this one but i made it in two sizes. The first one will be using a 200x200 background or you can draw this right over your image using a stroke color and stroke width of 2 or 3. If you want to use a color other than what you can enter into the box, like a background color and using the fill method of Atop and Misc, as I do many times, then you have to do it separately and then just output and comp it over your picture.

The second set of numbers are for a 300x300 background. Here's a sample of what it looks like.



Step 1. Using a 200x200 clear bg - Draw and Round Rectangle numbers: 20,20 180,180 180,180

Step 2. Draw again - numbers will be: 20,20 180,180 -90+90

Step 3. Once more: 20,20 180,180 +90-90 That's it.

For 300x300 background the numbers are a bit different using same steps.

Step 1. 20,20 280,280 280,280

Step 2. 20,20 280,280 -140+140

Step 3. 20,20 280,280 +140-140

You can finish off with a border or a frame if desired.

Page 2

Another tute on rectangles
RdRectangles


İMay 17, 2005