I am sure many if not all of you, have noticed changes being made at Image Magick. Draw has been affected in some ways, but basically it has stayed the same. Take a blank gif to IMAGE MAGICK and past the URL into the window marked for it.. Be sure to delete the http:// before you do, otherwise you will receive an error message. Click on VIEW.
At the top of the page, do you see the Tabs? Find the one named DRAW and click on it.
Do you see the button labeled, PRIMITIVE. Click on it. See the list of shapes to choose from?.
- Line
- Rectangle
- Round Rectangle
- Arc
- Ellipse
- Circle
- Polyline
- Polygon
- Bezier
Choose the one you would like to use and click return.
The next step is where you place the COORDINATES. This is the hardest part of Draw. This is where you instruct Image Magick the location and shape you want something drawn. The Coordinates are the same is some of the PRIMITIVES and Different in others. Some use more sets of coordinates than others. When I say SETS I am referring to two numbers together like 20,20 or +20+20.
[ LINE: ]Requires two sets of numbers or coordinates. Example 20,20 20,100 First set is the start and the second set is the end.
[ RECTANGLE: ] Requires two sets of numbers or coordinates. First set is for the top left corner and the second set is for the bottom right corner.
[ ROUND RECTANGLE: ] Requires three sets of numbers or coordinates. First set is for the top left corner. The second set is for the bottom right corner. The third and last set is for the curves on the corners. How much of the width pixels you want to use is represented by the first number and how much of the height pixels you want to curve. Example: 100 width and 200 height round rectangle. If you use 30 pixels of the width for curves then that is 30x2 = 60 pixels used for curves and 40 straight. The same goes for height. 50 pixels of height, second number muliplied by 2= 100 of the 200 would be for curves. The limit of pixels used to make curves for the first number is the total width of the rectangle and the limit of pixels used for curves in the second is the total height of the rectangle. In this case 100,200 are the limits. Anything over, will equal total curves. Example. Square with total curves will then be a circle.
[ ARC: ] Requires 3 sets of numbers or coordinates. First two sets are the same as if you were drawing a rectangle. The ARC is working with one. The last set is all about rotation from 0 to 360 degrees. The rotation always moves in a clockwise manner. If you were using the rotation of 360,90 or +360+90, this would be a shorter rotation than if you used 90,360 or +90+360. A complete oval would be using 0,360 or +0+360.
[ ELLIPSE: ] Requires three sets of numbers or coordinates. First set centers the ellipse. The center will be a half of an oval. This is where the degrees of rotation begin at the right side. 0/ 360. The second set is for the width and height of the ellipse you are making. The third set is for the degrees of rotation. How much around the circle of degrees will it go. To make a complete rotation you can do it two ways. ALWAYS put first number 0 except in one case. The second number put 360. 0,360 or in this case only you can put -360 and leave out the 0.
[ CIRCLE: ] Requires two sets of numbers. First set is placing the center of your circle. The second set is where you want the outer rim to be. The only time the order of the second set will not matter is when the center of your circle is the center of your gif. All sides will be equal. First number is so many pixels from the left edge and second number so many pixels from top edge. The point where they meet is the center or where the rim will be.
[POLYLINE: ] The least number of coordinates required is 3 but you can use many more. The first set will be the start and the last set will be the end but anything in between will be like links in a chain. or doing a dot to do drawing connecting one point to another in one command.
[ POLYGON: ] POLYGON is exactly like Polyline except in one thing. The polygon will automatically connect the start point to the end point, making a complete enclosed image.
[ BEZIER: ] Bezier like polyline and polygon require 3 or more coordinate sets. But unlike them it will have a curve where it connects to another point.
In most of the Primitives the Coordinates will be measured from the Left edge across and from the top edge down.
Wasn't as hard as you thought was it? These next tools will be easy.
FILL COLOR What this does is fills the drawn image with color.
STROKE COLOR is the color of what the lines drawing the shapes will be. In the below example I used stoke color rosybrown4 and fill color oldlace.
STROKE WIDTH. This is how wide you want the drawn line to be. See the example below. First row is width 1 - 15 second is 30, 40, 50.
Well now that wasn't as hard as you thought it would be was it?. I think you are ready to begin drawing now. If you need more help, then use one of the tutorial on the left.
©Copyright 2001-2007 all rights reserved Susanna Mitchell. This tutorial was created for those that love imaging.