Shapes 4 7 – Simple Diagramming App

Posted on  by

DrawExpress is a fast gesture-recognition diagram application. With DrawExpress, you can draw diagrams and flowcharts in a simple and intuitive way. It's just as easy as using a pen and paper! Whether you work in software design, finance, business, law, or need it for school, DrawExpress is the ultimate solution to your diagramming needs. Try out the free DrawExpress Lite version before your. Diagram Designer provides users with an opportunity to quickly design simple flow charts, which should appeal to business people. Though it has a snag with its text feature, the program's.

In the library menu, you can use these drawing tools to draw line, arc, spiral, rectangle, rounded rectangle, oval, polygon and star shapes

In the library menu, you can use these drawing tools to draw line, arc, spiral, rectangle, rounded rectangle, oval, polygon and star shapes.

Draw Straight Lines with the Line Segment Tool

Use the Line tool when you want to draw one straight line segment at a time.

  1. Select the Line tool.
  2. Do one of the followings:
    1. Position the pointer where you want the line to begin, and drag to where you want the line to end.
    2. Double click where you want the line to begin, the 'Line' property dialog will appear and specify the length and angle of the line. Then click OK.

Draw Arcs

Use the Arc tool when you want to draw one arc segment at a time.

  1. Select the Arc tool.
  2. Do one of the followings:
    1. Position the pointer where you want the arc to begin, and drag to where you want the arc to end.
    2. Double click where you want the line to begin, and in the dialog box set the following options. Then click OK.

Notes:

Length X‑Axis Specifies the width of the arc. Length Y‑Axis Specifies the height of the arc. Type Specifies whether you want the object to be an open path or a closed path. Slope Specifies the direction of the arc's slope. Enter a negative value for a concave (inward) slope. Enter a positive value for a convex (outward) slope. A slope of 0 creates a straight line.

Draw Spirals

  1. Select the Spiral tool.
  2. Do one of the following:
    1. Drag until the spiral is the desired size. Drag the pointer in an arc to rotate the spiral.
    2. Double click where you want the spiral to begin. In the dialog box, set any of the following options, and click OK.

Notes:

Simple

Radius specifies the distance from the center to the outermost point in the spiral. Decrease specifies the amount by which each wind of the spiral should decrease relative to the previous wind. Segment Number specifies how many segments the spiral has. Each full wind of the spiral consists of four segments. Style specifies the direction of the spiral.

Draw Rectangles and Squares

Shapes 4 7 – Simple Diagramming App
  1. Select the Rectangle tool.
  2. Do one of the followings:
    1. To draw a rectangle, drag diagonally until the rectangle is the desired size.
    2. To draw a square, hold down the Shift key while you drag diagonally until the square is the desired size.
    3. To create a square or rectangle using values, double click where you want the center point to be. Specify a width and height, and click OK.

Draw Rounded Rectangles

  1. Select the Rounded rectangle tool.
  2. Do one of the followings:
    1. To draw a rounded rectangle, drag diagonally until the rectangle is the desired size.
    2. To draw a rounded square, hold down the Shift key while you drag diagonally until the square is the desired size.
    3. To create a rounded square or rounded rectangle using values, double click where you want the center point to be. Specify a width, height and the corner radius, then click OK.

Draw Ovals

  1. Select the Oval tool.
  2. Do one of the followings:
    1. To draw an oval, drag diagonally until the ellipse become the desired size.
    2. To draw a circle, hold down the Shift key while you drag diagonally until the circle become the desired size.
    3. To create a circle using values, double click where you want the center point to be. Specify a width and height, then click OK.

Draw Polygons

  1. Select the Polygon tool.
  2. Do one of the followings:
    1. Drag until the polygon is the desired size. Drag the pointer in an arc to rotate the polygon. Press the Up Arrow and Down Arrow keys to add and remove sides from the polygon.
    1. Click where you want the center of the polygon to be. Specify a radius and number of sides for the polygon, and click OK.

Note:

Triangles are polygons too! You can draw one just as you make any other polygon.

Draw Stars

  1. Select the Star tool.
  2. Do one of the followings:
    1. Drag till the star is the desired size. Drag the pointer in an arc to rotate the star. Press the Up Arrow and Down Arrow to add and remove points from the star.
    2. Double click where you want the center of the star to be. For Radius 1, specify the distance from the center of the star to the star's innermost points. For Radius 2, specify the distance from the center of the star to the star's outermost points. For Vertex Num, specify how many points you want the star to have. Finally, click OK.
Revision Date: 4 January 2020

The tool for creating geometric shapes in paint.net is the Shapes Tool. This new tool replaces the Rectangle, Rounded Rectangle, Ellipse and the Freeform Shape tools found in paint.net 3.5x.

The Shape Tool has 29 predefined shapes. 8 Basic shapes, 8 Polygon or Star shapes, 4 Arrows, 4 Callout shapes and 5 Symbols.

The different Shapes are selectable from the drop-down menu in the Tool Bar when the Shapes Tool is active.

Basic Shapes

  • Rectangle & Rounded Rectangle
  • Ellipse
  • Diamond
  • Trapezoid & Parallelogram
  • Triangle & Right Angle Triangle

Polygons & Stars

  • Pentagon (5), Hexagon (6), Heptagon (7) & Octagon (8)
  • Three-point Star, Four-point Star, Five-point Star & Six-point Star

Arrows

  • Arrow & Notched Arrow
  • Pentagon Arrow & Chevron Arrow

Callouts

  • Rectangular Callout & Rounded Rectangle Callout
  • Ellipse Callout
  • Cloud Callout

Symbols

  • Lightning Bolt
  • Check Mark
  • Multiply
  • Gear
  • Heart

Pressing A cycles through the shapes when the Shapes tool is active ( Shift + A cycles backwards ).

To create a shape, click on the shape type in the Tool Bar menu and drag the shape out on the canvas. The shape will be created in Edit mode. In Edit mode, the shape is not fixed and can be altered in size, orientation, fill and color along with antialiasing options and blend modes. All these options are available from the Tool Bar when the Shapes Tool is active. Click the Finish button in the Tool Bar to commit the shape to the active layer.

When creating a Shape, hold down the Shift key to maintain the original height and width ratio.

The draggable control nubs transform the shape. Click and drag these to relocate them. Dragging one nub over the one diametrically opposite has the effect of flipping the shape.

Moving a Shape

Before a Shape is committed to the canvas, it can be moved anywhere on the canvas. Click and drag the pulsing four-arrows-in-a-square icon (see diagram below) using the Left Mouse Button to reposition the Shape.

A Shape can also be moved by positioning the pointer inside the Shape. It will turn into a four-way arrow. Click and drag with the Left Mouse Button to move the Shape.

The keyboard arrow keys can also be used to move a Shape. A single key press moves the object by one pixel in the direction of the arrow. Simultaneously holding the Ctrl key moves the object by 10 pixels per arrow key press.

Rotating a Shape

Before a Shape is committed to the canvas, it can be rotated.

The Rotation Point determines the center of rotation. It looks like a circle with a cross inside it (see diagram below) and is initially located in the center of the Shape. Click and drag the Rotation Point to relocate it (it can be moved outside the Shape or even off-canvas).

Rotate the Shape about the Rotation Point using the Right Mouse Button to click and drag. An alternative is to position the cursor just outside the Shape when it will become a double headed curved arrow (see diagram below). This indicates the Shape can be rotated about its center by clicking and dragging using the Left Mouse button.

If the Shift key is held down while rotating the angle of rotation is snapped to 15 degree increments.

The keyboard arrow keys can also be used to rotate a Shape while the Right Mouse Button is held down.

Committing a Shape to the canvas

Commit the Shape to the active layer and exit editing mode using any one of these methods…

  1. Press the Enter key
  2. Click outside of the bounding box of the current Shape.
  3. Click Finish in the Tool Bar
  4. Draw a new Shape.

Draw Mode

Shapes are able to be drawn in three distinct modes; Shape Outline, Filled Shape and Filled Shape with Outline. The first two options use the Primary Color if the Left Mouse button is used or the Secondary color if the Right Mouse button is used. In the Filled Shape with Outline mode, the fill will be the Secondary color and the outline the Primary color if the Left Mouse button is used. The Right mouse button reverses this coloration.

Shapes can be forced to have equal height and width by holding down the Shift key while dragging out the shape.

Brush Size and Style

Shapes are subject to the Brush settings in the Tool Bar. Brush Width & Line Styles are all configurable.

Sentence Diagramming Apps Or Websites

Corner Size (Rounded Rectangle only)

From 4.0.11+ the Rounded Rectangle Shape has an additional configurable Tool Bar setting: Corner Size.

Corner Size is the radius applied to each of the corners of the Rounded Rectangle shape. Small values see the rectangle rendered with sharper corners. Larger values round off the corners more.

Once the Corner Size value has been highlighted in the drop-down list, the up and down arrow keys can be used to change the value.
Note that the change applied with each key press is selected from a scale. Changes of 1, 5, 25, 50 or 100 might be applied depending on the magnitude of the current Corner Size.

Fill Styles

Shapes can be rendered using a Fill Type as specified in the Tool Bar. This feature allows the Shape to be filled with one of numerous patterns rather than a solid color.

Fills utilizing a fill style will make use of both the Primary and Secondary colors.

Antialiasing

There are two antialiasing modes associated with the Shapes tool.

These settings determine whether the lines used to create the Shape are rendered in a clip-to-pixel mode or not.

When Antialiasing is enabled, lines will appear slightly thicker and smoother (upper example).

When Antialiasing is disabled, lines are rendered in solid pixels and appear more jagged and thinner (lower example).

Antialiasing can be switched on or off via the Tool Bar when the Text tool is active.

Blend Modes

Shapes can be applied using a Blend Mode selected from the Tool Bar. The Shape will be applied in accordance with the other parameters then reinterpreted as if the pixels were on their own layer with the layer blend mode set.

With Draw Shape Outline selected in toolbar
Outlined Shapes
With Draw Filled Shape selected in toolbar
Filled Shapes
With Draw Filled Shape With Outline selected in toolbar
Outline and Filled Shapes

Custom Shapes

paint.net's built-in Shapes cannot be deleted or modified, however you can add new Shapes or create your own.

Shapes are rendered from customized XAML files. One file is required for each Shape.

XAML Shape files must be copied into the paint.net/Shapes/ folder and paint.net restarted before new Shapes will show up in the drop-down list.

The best place to find free pre-made custom Shapes is the paint.net forum: paint.net Shapes forum

Free Diagramming Application

To install custom shapes, see this guide by forum Administrator BoltBait: How To Install Custom Shapes

In the Windows Store version of paint.net, the directories for plugins and Shapes are different. These will have to be created manually.

First create a folder in /My Documents/ called /paint.net App Files/.
Then create three subfolders inside the new folder. These should be called:

  • /Effects/
  • /FileTypes/
  • /Shapes/

If you wish to create your own Shapes, you may find this tutorial useful:

How To Create Custom Shapes

Additionally, there is a plugin which will assist making your own custom Shapes:

ShapeMaker