draw banner

Draw

Introduction









Draw links

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?.


  • Arc
  • Bezier
  • Circle
  • Ellipse
  • Line
  • Rectangle
  • Round Rectangle
  • Polyline
  • Polygon

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 circle's edge located on the background. The larges complete would be able to make on your background is if the center of your circle is in the exact center of the background. The closer your circle's center is to the edge of the background, the smaller the circle will be, that is if you want it to be complete.

[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 creates curves where it connects to another point except at the beginning and ending coordinates. The other coordinates are curving around them.

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. I made a complete Arc on a 300x300 black image which formed into a circle. I then did the Arc again but this time I did a half arc with fill color. Look below.

color fill




STROKE WIDTH AND COLOR. This is the color and the width of your strokes in all the draw Primitives. Below you will see an example of Line used to make strokes starting at stroke five with color white. stroke 5, 10, 20, 30, 40 and last is 50. I also used a different color for each of them.

strokes

Well now, that wasn't as hard as you thought it would be, was it?. I believe you have the courage to jump into drawing now. If you need more help, then use one of the tutorial on the left or Contact me.


(c) Copyright 2001-2011 all rights reserved Susanna Mitchell.


Valid XHTML 1.0 Transitional



tutorial banner

Website Hit Counters
Web Counters