Make a Bezier Frame

A Help Page by Mary



This is a frame that I discovered quite by accident by playing with bezier. If it is similar to anyone else's, it is a coincidence. This is merely a transcription of my notes, written for my benefit.




Take this image to Gifworks and crop a piece of the flowers. Here is my fill, cropped for your convenience.

(For printer's convenience - http://www.wtv-zone.com/Kitkat3l/Help_Pages_2/cutie12_keep.jpg
http://www.wtv-zone.com/Kitkat3l/Help_Pages_2/cutie_bg_keep.gif)


Go to Image Magick and make a transparent blank the same size as your image, 341x270. On the next page, color the blank mistyrose.

We will draw a Round Rectangle, first. The dimensions of this image are 341x270. Go to Draw and select Round Rectangle in the drop-down menu. We will make the round rectangle 25 pixels from all edges. So our first set of numbers will be +25+25.

Now, we must subtract 25 from the dimensions. 341 minus 25=316 and 270 minus 25=245. So our second set of numbers will be +316+245.

The third set of numbers will be +40+40 which determines the curve of the rectangle's corners.

Therefore our numbers will be +25+25 +316+245 +40+40. Delete fill color. Stroke color will be #558BB1 and width is 1. Click Draw.


Bezier numbers require at least three sets of numbers. They are the beginning point, the widest part of the curve and the ending point. We will do the width of the image first, which is 34l. Go to Draw and select "bezier" from the menu.

I will start the curve 50 pixels from the left and 0 pixels from the top. So my first set of numbers would be +50+0.

The second set of numbers would be the center of my width of 341 and will be 50 pixels from the top. Therefore, my numbers would be +170.5+50.

The third set of numbers will be the ending point which is 50 pixels from the right or 291 pixels from the left. (291+50=341 or the width of the image) And like the beginning point, it will be 0 pixels from the top.

So my numbers would be +50+0 +170.5+50 +291+0.

Flip the image to do the opposite side just the same.


Rotate the image to the right, or shorter side which is 270. Again, we will begin the curve 50 pixels from the left and 0 pixels from the top or +50+0.

The center point, or half of 270, is 135. And the curve again is 50 pixels from the top. So our second set of numbers would be +135+50.

The ending point of the curve is 50 pixels from the right or 220 pixels from the left. And again it would be 0 pixels from the top. So the third set of numbers is +220+0.

So the numbers would be +50+0 +135+50 +220+0 with the stroke the same.

Flip the image to do the other side.


The corner curves start on the left edge or +0 and 50 pixels from the top so the first set of numbers would be +0+50.

The second set of numbers is the top left corner and would be +0+0.

The third set of numbers is 50 pixels from the left and 0 pixels from the top so they would be +50+0. (Note--The number 50 connects up to our other bezier line.)

The numbers for the corner curve are +0+50 +0+0 +50+0.

Flip and rotate the image to do the curves.

To reduce the times you flip/rotate, I did a corner and curved line together and then flipped.


After you have your frame drawn, scroll below the picture and use matte, replace, fuzz 9999, and transparent to matte out the mistyrose.

Click composite at the top. Put the url for the fill in the slot. Select "atop" from the menu and check the box at the bottom for Miscellaneous Options.

Composite the frame "over" your image. Remember to uncheck the box for tiling.


I've written this for my benefit but feel free to use it and share it with whomever or wherever you wish. The idea is to learn and to have fun!!!


If you have any questions, you can write to me at Kitkat3l@(remove)webtv.net or you can find me here.


See my other Help Pages---
Mary's Help Pages


Written this 17th day of June, 2006.