Javascript required
Skip to content Skip to sidebar Skip to footer

Inkscape Draw Circle With Known Radius

Link to Table of Contents

Tutorial three – Creating Basic Shapes

Logo image file for Tutorial 3

Many objects in the Inkscape program tin can be created by starting with basic shapes and then editing them to create new shapes. In this tutorial, y'all volition employ some basic shapes to create a logo.


In this tutorial on the work surface area, you will acquire how to:

  • apply rulers, grids, and guides as cartoon aids.
  • use tools and commands to create basic shapes.
  • copy and combine objects to create new shapes.
  • paint objects.
  • scale objects using the bounding box.

Prepping for this tutorial

  1. Start Inkscape.
  2. Download file Tutorial03Image01.svg to your estimator.

    Logo image file for Tutorial 3
  3. If y'all like, choose View > Zoom > Zoom Out (-) to make the finished artwork smaller, adjust the window size, and leave it on your screen equally y'all work. Movement the artwork where you lot want information technology in the window using the <Shift>+arrow keys. If you don't desire to leave the image open up, cull File > Close.

Now create the start file to begin the lesson.

  1. Choose File > Due northew to open a new, untitled document.

  2. Choose File > Salvage Adue south…, name the file Logo, and navigate to the folder where you want to store the file using the Save In menu. Leave the default file format as Inkscape SVG (*.svg). Inkscape will automatically append the filename with .svg as information technology saves.

Back to Top link

Setting up the Document

You'll begin this tutorial by

  1. displaying a filigree to use every bit a guideline for cartoon,

  2. setting the ruler units to inches,

  3. closing the color palette and Command toolbar that you won't apply,

  4. opening the Snap Controls bar to suit the positioning of objects.

  5. Close the colour palette by pressing <Shift>+<Alt>+p or choosing View > Show/Hibernate > Palette. To close the Commands toolbar, choose View > Show/Hide < Commands Bar. For at present, y'all won't need to utilize it.

  6. Choose View > Folio Grid to display a grid that's useful for measuring, drawing, and aligning shapes. The grid won't print with the artwork.

  7. If the rulers are non visible along the superlative and left side of the window, choose View > Testify/Hide > Rulers to display them. The ruler units are set up by default to pixels.

You can change ruler units for the current certificate. The ruler unit of measurement of measure out applies to measuring objects, moving and transforming objects, setting grid and guide spacing, and creating ellipses and rectangles. (It does non affect the units in the Character, Paragraph, and Stroke palettes.)

  1. Choose File > Document Properties.

    Document Properties dialog box, selecting units
    Document Properties dialog box.
  2. Click on the Grids tab.

    Grids dialog box, selecting units
    Grids dialog box.
  3. Click on the New button in the Creation section.

    Grids dialog box, selecting units
    New Filigree dialog box.
  4. Click on in in the Grid units dropdown carte du jour.

    Grids dialog box, selecting units
    Grid Spacing inches dialog box.
  5. We will now change the grid spacing then that squares measure one/8 inch on each side. With the Grids dialog box still active, change the Spacing X and Spacing Y measurements to 0.125 (Press <Enter> afterward each entry). The grid spacing now shows squares that measure one/8 inch on each side.

    Changing the grid spacing
    Irresolute the grid spacing to ane/eight inch.
  6. We will make the major grid lines a darker blueish than they are currently. Click on the Major grid line color bar. The Major grid line color dialog box appears. Enter the numbers from the effigy beneath to create major filigree lines that are colored navy bluish:

    Major Grid Line Color dialog
    Major Grid Line Color dialog box. The numbers produce a navy blueish colour.
  7. Close the Major Filigree Line Color and Grids dialog boxes when washed.

  8. Shut the Color palette by choosing View > Show/Hide > Palette.

  9. If the Snap Controls Bar isn't visible, choose View > Shodue west/Hibernate > Snap Controls Bar to display information technology.

    Snap Control
    Snap Controls bar.
Back to Top link

Using Basic Shape Tools

In this tutorial, you'll create a elementary logo using the basic shape tools in the toolbox. The shape tools include the:

Back to Top link

Drawing the Pencil Shape

In Inkscape, you command the thickness and colour of lines that y'all draw by setting stroke attributes. A stroke is the paint characteristics of a line or the outline of an object. A fill is the paint characteristics of the inside of an object. The default settings volition let you see the objects y'all describe with a white fill and a black outline.

  1. Select the Zoom tool (Zoom      tool) in the toolbox, and click in the middle of the window in one case or twice until you lot are zoomed in to about 150%. (Find that 150%, more or less, is displayed in the lesser left corner of the window.)

  2. Choose View > One thousanduides to plow them on. Guides automatically snap the edges of objects to nearby objects or their intersect points as you motility them.

Back to Top link
  1. Select the Rectangle tool (Create Squares tool), and elevate information technology to draw a rectangle that'south 0.75 inches broad and 1 inch tall. (Utilise the rulers and the filigree as guides.) This will be the body of the pencil.

    Drawing a rectangle
    Drag to describe outset rectangle
  1. Note the rectangle's width (W) and tiptop (H) in the Tool Controls bar: Height and width info

  2. If the rectangle's dimensions are not correct, information technology's easy to change them. Click on the rectangle's edge if it isn't however selected. Then, click in the W (width) box and change the measurement to .75. Do the same with the H (height) box, irresolute the measurement to 1. The rectangle'southward dimensions will update accordingly.

    You lot'll draw another rectangle centered within the first one to represent the 2 vertical lines on the pencil.

  3. With the Rectangle tool still selected, position the pointer over the center point of the rectangle, hold down the <Shift> key, and drag out from the center point to draw a rectangle that's centered inside it. Release the mouse push when the rectangle is the same height as the start rectangle (1 inch). If the unit of measurement is not in inches (in), click in that box and cull in from the drib-down bill of fare. In the width (W) box, change the measurement to 0.42 so the inner rectangle won't announced unnecessarily wide.

    Belongings downward <Shift> every bit y'all elevate the Rectangle tool draws the rectangle from its centre betoken rather than from its elevation left corner.

    Drawing a rectangle
    <Shift>-drag to draw second rectangle
  4. The inner rectangle is ½ an inch in width. It makes the pencil look overly broad. Click in the width (W) box and modify the width to 0.42 (make sure the unit of measurement is in).

    Drawing a rectangle
    Inner rectangle width changed to 0.42 in.

The inner rectangle needs to be centered inside the outer rectangle. The Snap centers of objects tool (Snap centers of objects tool) will allow u.s. to do centering easily.

  1. Click on the Snap to object centre tool to activate it (Snap centers of objects tool)

  2. Click on the border of the inner rectangle with the Select tool (Selection tool) to select information technology. Drag the inner rectangle until you run into the tool tip indicating that the rectangle will at present snap into place.

    Centering the inner and      outer rectangles
    Inner rectangle snapping into place.
  3. Release the mouse and click off the rectangle to deselect it.

At present y'all'll create a rounded rectangle for the eraser using the Node tool (Node tool).

  1. Choose the Rectangle tool and create a 0.75 in × 0.75 in foursquare using the grid lines to snap the figure into a good position. Go out the square selected.

  2. Cull the Node tool (Edit paths by nodes tool).

  3. Left click on the circular handle on the upper right corner of the foursquare and drag information technology down by i grid square. Release the mouse button. Left click on the second circular handle that is still on the upper right corner of the square and elevate it over to the left by 1 grid square. All four corners of the foursquare are now rounded.

    Rounded square corners
    Elevate one circular handle down one filigree square length and so the second to the left to round all four foursquare corners.

You will at present snap the eraser shape to the pinnacle of the pencil trunk.

  1. If the Snap Controls Bar is non displayed, choose Fiveiew > Show/Hide > Snap Controls Bar to display it.

  2. Click the Select tool (Selection tool) if it is not already selected.

  3. Click on the border of the rounded foursquare to select it.

  4. Click on the Enable snapping push at the far left of the Snap Controls bar (Enable snapping button) to activate the snapping function.

  5. Click on the Snap bounding boxes button which is the next button to the right of the Enable snapping button. It looks identical to the Enable snapping button just has a unlike tool tip description.

  6. Click on the Snap midpoints of bounding box edges button (Snap midpoints of    bounding box edges button).

  7. Drag the rounded square shape until it is close to the top of the pencil trunk and release the left mouse button. The eraser shape immediately shifts into place squarely on the top of the pencil body. If you lot under- or overshoot, just drag the eraser into place and see the pulling action of the snapping office.

    Snapping the eraser to the pencil body
    Result

    Next yous'll create two shapes to stand for the metal bands connecting the eraser to the pencil.

  8. To prevent automated snapping to a filigree line that will misalign your objects, click on the Snap to grids button (Snap to grids button) to plow the characteristic off. Keep the other snapping features on considering they will assist in adjustment objects properly.

  9. To make the commencement band, create a rounded box 1 foursquare high and 8 squares long. Annotation that the corners are already rounded because the rounding role carries over into your adjacent created rectangle or square.

    Create first band
    Create the outset band.
  10. Now motion the ring to the top of the pencil body using the Select tool (Selection tool). Because the snapping part is nevertheless agile, the ring will snap into position.

    Move first band
    Reposition the showtime band.
  11. Resize the length of the band to 0.85 inches past clicking in the width (W) bar and typing in .85 <Enter>. The band automatically resizes.

    The band is resized.
    Resizing the band.
  12. Now move the ring with the Select tool (Selection tool)and so that it snaps into its properly centered position on elevation of the pencil torso.

    The band is resized and moved.
    Moving the resized ring.
  13. Copy the band by selecting it (if information technology'southward been deselected) and then pressing <Ctrl>-D (D or d for duplicate). A copy of the band now sits directly on pinnacle of the original. Drag the copy of the band up until it snaps into place above the showtime band.

    Copying and moving the band.
    Copying the band.

Now y'all'll depict two triangles to stand for the pencil tip and its lead using Outline view.

  1. Choose View > Display mode > Outline to switch from Normal view to Outline view.

    Pencil body in Outline view.
    Pencil torso in Outline view.
  2. Select the Polygon tool (Polygon tool).

  3. In the Corners box, change the number of corners to 3: Setting the number of corners to 3

  4. Position the pointer over the centre point of the ii rectangles.

  5. <Shift>-drag to begin drawing a triangle, but don't release the mouse push. Movement the mouse in an arc to rotate one side of the triangle to the elevation.

    Drawing a triangle.
    Drawing a triangle.

    While still pressing the left mouse button, drag the triangle downwards to position it only below the pencil trunk. Release the mouse button when the triangle is positioned. The triangle volition snap into place.

    Moving the triangle.
    Moving the triangle.

At present y'all'll create the second triangle for the pencil's lead tip.

  1. With the triangle still selected (select it if it isn't), left-click on the edge and, with the left mouse button however pressed, tap the spacebar once and then drag the re-create of the triangle off to the left or right for resizing.

    Moving the triangle.
    Moving the triangle.
  2. <Ctrl>-click on the triangle and shrink it downwards then that its edges are about one square edge in length.

    Resizing the triangle.
    Reducing the size of the second triangle.
  3. The pencil pb tip looks a fiddling too pocket-sized. We'll get in a footling larger. If the pencil lead triangle isn't selected, then select information technology so we tin can edit its size.

  4. Now click on the open lock icon in the Tool Controls bar (Open Lock icon), located between the width (W) bar and meridian (H) bar, to toggle it airtight (Closed Lock icon). When the lock is closed, you tin modify the size of a selected object without changing one or another dimension individually (in other words, you maintain the aspect ratio).

  5. With the small-scale triangle notwithstanding selected, change the elevation (H) to 0.2 in the the Peak box and press <Enter>.

  6. Motility the reduced triangle and then that information technology fits exactly into the tip of the larger triangle at the bottom of the pencil trunk. The Snap office will snap the smaller triangle into place.

    Pencil lead      resized.
    Positioning the 2d triangle.

Next you lot will apply the Draw freehand lines (or Line) tool (Line tool) in the toolbox to quickly depict a horizontal line segment near the pinnacle of the pencil.

  1. Select the Line tool (Line tool), and position the pointer over the left side of the pencil near the acme. Click where you want the line to begin and release the mouse push. Press the <Ctrl> button and motility the mouse without pressing the left mouse button to elevate to where you want the line to terminate. As you movement the mouse, keeping holding down <Ctrl> to constrain the line horizontally. When yous achieve the other side, click with the left mouse button to set the end of the line segment.

    Drawing with the Line tool.
    Cartoon with the Line tool.
  2. Choose File > Save to salvage your piece of work.

Back to Top link

Drawing the Piece of Jotter

You can describe the diamond-shaped slice of stationery for the logo in a couple of ways. One way is to draw 4-sided polygons (using the same methods you lot used to draw the triangle for the pencil tip). Another way is to draw using the Rectangle tool, and the Selection tool.

  1. Select the Rectangle tool (Rectangle tool) in the toolbox, and position the pointer over the center point of the pencil body. Concord down <Ctrl> and drag the tool to draw a square of any size from the centre of the pencil.

    Holding down the <Ctrl> key while dragging the Rectangle tool constrains the rectangle to a foursquare. Holding down <Shift> draws the rectangle from its centre indicate rather than from the top left corner. Property downward both the <Ctrl> and <Shift> keys allows you to draw a square from its center point out.

    Control dragging to make a square
    <Ctrl>-elevate to make a square of whatever size from pencil'south centre.
  2. Now yous'll use the width (Due west) and pinnacle (H) text boxes to enter precise dimensions for the square.

    Bank check that the units of measurement are in. Type 2.25 in the Due west text box and 2.25 in the H text box. Press <Enter> to employ the changes.

    New width and height dimensions
    Set new width and height.
    Resulting square
    Result.
  3. Choose File > Save to save your work.

Back to Top link

Drawing with the Rectangular Grid Tool

With the filigree tool, you lot can create different types grids. You tin can generate rectangular (Cartesian) grids and concentric circles for polar grids of a specified size with a specified number of dividers.

Now you'll add a filigree to the jotter. Unlike the View grid, this filigree can impress.

  1. To brand this side by side part of the lesson easier to visualize, choose View > Page Grid to plough off the grid display.

  2. Choose Entensions > Render > Grids > Cartesian Grid… The Cartesian Grid dialog appears. Click on the X Centrality tab. Enter the numbers in the figure below to design the X centrality of the grid. Do not click on Employ yet. Click on the Y Centrality tab and enter the same numbers that you entered for the 10-axis dialog box.

    Cartesian Grid dialog
    Cartesian dialog
  3. At present click on the Apply push. Click on Close to close the dialog box.

  4. Inkscape produces the 5 × 5 grid below.

    Five by five grid
  5. Click on the Snapping centers of bounding boxes button (Snap centers of    bounding boxes button) to activate this snapping feature.

  6. Click on the Select tool (Selection tool).

  7. Select the grid and resize it by entering 1.five into the width (W) and elevation (H) fields in the Tools Control Bar. Motion the grid into the larger stationery square so that their centers coincide. You will see a notification appear for a fraction of a 2d indicating that you lot are close. Release the left mouse button so that the grid tin snap into place at the center of the larger outer square.

    Resized and centered      grid
  8. If the filigree is not selected, so select it with the Select tool (Selection tool). Then <Shift>-click the edge of the larger square to include it as a selected object.

  9. Click once more on the edge of the larger foursquare so its rotating handles will appear.

    Rotating handles on square
    Click on the square'southward edge a 2d time to change the position handles to rotation handles.
  10. Printing the <Ctrl> key and drag-rotate the square 45° then that i of the corners now points up.

    Square rotated 45 degrees
  11. With the grid and square still selected, drag them over and then that the top corner of the larger square only touches the metal bands securing the eraser to the pencil. The squares volition snap into place.

    Preparing to move the stationery
  12. With the square stationery and grid withal chosen, cull Object > Lower to Bottom to movement the grid and foursquare stationery to backside the pencil.

    Stationery moved behind pencil.

    You see nothing different right now because the piece of work is in Outline view. Toward the end of the lesson, nosotros will get dorsum to Normal view, plough on the Color palette, and color fill all the parts of the logo image.

  13. Printing <Esc> to deselect the jotter.

  14. Choose File > Save to save your work.

Back to Top link

Decorating the Stationery Edge

Yous'll decorate the edge of the piece of stationery with a circle, a spiral, and some star shapes, using different methods to create the shapes.

  1. Press <Alt>-z to highlight the magnification text box in the lower right-hand corner of the window: (Magnification text box)

  2. Type 200 to increase the magnification and press <Enter>.

  3. Select the Ellipse tool (Ellipse tool) in the toolbox, and position the pointer in the left corner of the stationery edge. Concur downwardly <Shift>+<Ctrl> and drag the cursor to draw a small circle.

    Holding downwards <Ctrl> as you drag the Ellipse tool constrains the shape to a circle; holding <Shift> draws it from its center indicate. Belongings downwardly <Shift>+<Ctrl> allows you to describe a circle from its centre out.

    Creating a circle
    Press <Shift>+<Ctrl> and drag to create a circle.
  4. At present select the Spiral tool (Spiral tool) in the toolbox and position the cursor in the bottom left side of the jotter about midway betwixt the ii corners. Drag the cursor to describe a small spiral, release the mouse, and then use the arrow keys to accommodate the screw's position.

    Drawing a spiral
  5. Let's improve on the screw a chip. We'll add more turns and alter its radius of curvature. Enter the numbers beneath into the Screw tool bar text boxes.

    Numbers to configure the spiral.
  6. The spiral changes accordingly. Rotate the screw using bounding box rotational handles, change the size as you lot desire, and/or flip information technology horizontally or vertically equally you desire.

    Modified spiral
Back to Top link Back to Top link

Now yous'll draw some stars using different methods.

  1. Select the Polygon tool (Star-polygon tool). The Polygon-Star tool bar appears. Change the default number of 3 in the Corners text box to 5 so you lot tin draw a five-pointed star. Position the pointer in the bottom corner of the stationery. Put the Polygon tool cursor where you lot desire the center of the star to be and drag the tool to draw the commencement star shape. Keeping the left mouse button pressed, rotate the star until you similar what you see.

    Drawing a five-pointed star
    Drawing a 5-pointed star.
  2. In the Corners text box, type in 4 and press <Enter> to set the new number of corners.

  3. Now position the Polygon tool in the bottom right side of the stationery (midway between the two corners) where the center of a new star should get. Printing the left mouse button and drag to create a new 4-pointed star. Rotate it past rotate-dragging the mouse with the left button still pressed. Release the mouse button when the star is oriented in a pleasing way.

    Drawing a four-pointed star
    Drawing a 4-pointed star.
  4. To draw the last star, position the Polygon tool in the right-mitt corner and drag to create a second four-pointed star. With that concluding star all the same selected, increment the number of corners in the Corner text box to 8. Run into how the newly created star changes as yous increase the number of corners. You lot tin can fine-rotate the star, resize it, and reposition information technology as you encounter fit.

    Drawing an eight-pointed star
    Drawing an 8-pointed star.
  5. Click in an unoccupied area of the window to deselect the eight-pointed star. Cull File > Save to save your piece of work.

Back to Top link

Painting the Logo

In Inkscape, yous tin can pigment both the fill and the stroke of shapes with colors, patterns, or gradients. Yous can fifty-fifty apply various brushes to the path of the shapes. For this logo, you will apply basic black and white fills and strokes. You will likewise troubleshoot an Inkscape limitation.

  1. Choose 5iew > Display mode > Normal. Yous can at present do color editing. Outline view permits the graphics version of X-ray vision simply without colors. The Display Mode Normal setting permits coloring borders of objects and color filling them.

  2. Open up the Color Palette by choosing Fiveiew > Show/Hibernate > Palette.

  3. With the Select tool (Selection tool), click the eraser shape to select it.

    Click on the eraser shape.
    Select the eraser shape.
  4. Now click on the black swatch in the Color palette to create a black fill in the eraser.

    Click on the black swatch.
    Giving the eraser shape a black fill.
    Outcome.
  5. Side by side you'll paint the ii rings at the bottom of the eraser shape with a white make full.

    First, while pressing the <Ctrl> central, use the scroll wheel on the mouse to magnify the two bands to brand selecting them easier.

  6. Click on the border of one of the rings to select it. Then <Shift> -click on the border of the second ring to include it in the pick.

    Selecting the rings at the bottom of the eraser shape.
    Selected rings.
  7. Click on the white swatch in the Color palette to choose a white fill.

    Choosing a white fill.
    Choosing the white swatch.
  8. The two rings are automatically given a white make full.

    Rings now have a white fill.
    White fill.
  9. Next y'all'll paint the grid with a white make full and the stroke with a 50% screen of black.

  10. Select the grid with the Select tool (Selection tool).

    Select grid.
    Select the grid.
  11. Change the opacity (transparency) of the filigree to 39% past clicking in the O (opacity) text box, found underneath the Color palette, typing in 39 and pressing <Enter>. The grid automatically turns a shade of dark gray.

    Changing color opacity.
    Changing the grid from 100% black to 39% black.
    Gray grid.
    Result.

    Next you'll pigment the area betwixt the outer square of the stationery and the filigree black.

  12. Select the outer square and click on the black swatch.

    Black outer square.
    Black outer square.

    If yous don't get the same result equally you run into above, adept. Time to do some troubleshooting.

  13. Cull View > Display mode > Outline.

  14. Click on one of the stationery decorations (circumvolve, screw, or star) and <Shift>-click to include the other decorations in a grouping.

    Shift-clicking stationery decorations.
    <Shift>-clicking stationery decorations into a group.
  15. Click on the black swatch in the Color palette to make certain all the decorations take black strokes. Then, <Shift>-click the white swatch in the Colour palette to give them white fills.

  16. Choose View > Display mode > Normal to switch back to normal view.

    Stationery decorations are now visible.
    Stationery decorations are now visible.
  17. You will change how the spiral looks. Select the spiral with Select tool (Selection tool).

  18. Click on the black swatch. The spiral disappears. It's still there, nonetheless, because y'all see the spiral's bounding box. At present, <Shift>-click on the white swatch. The spiral reappears.

    Modified spiral
    The spiral modified.

    Click exterior the effigy to deselect information technology.

  19. The filigree is invisible in all the black. You will at present make it visible.

    Choose View > Display fashion > Outline. You can now see the outline of the grid.

    Outline of grid is visible.
    The filigree is visible in Outline view.
  20. Click on the edge of the grid with the Select tool (Selection tool) to select information technology. Then, click the left mouse button and continue information technology pressed. Tap once on the spacebar to create a re-create of the grid. You will see the grid become a little darker gray. Do not move the re-create of the grid.

  21. Release the left mouse button, leaving the re-create of the filigree selected. Now click on the white swatch in the Color palette to give the grid copy a white fill.

  22. Choose View > Display mode > Normal to return to normal view fashion and alter the opacity (O) of the grid copy to 100 (totally opaque).

    The grid is painted white.
    The grid is fabricated completely white.
  23. At present cull Object > 50ower. The grid lines appear. Click outside the figure to deselect it.

    The grid is now visible.
    The grid lines are now visible.
  24. You will now fill in the pencil lead. Click on the pencil lead with the Select tool (Selection    tool).

    Select the pencil lead.
    Select the pencil lead.
  25. Click on the blackness swatch in the Color palette.

    The pencil lead now has a black fill.
    Pencil atomic number 82 with black fill.

    You volition now give the body of the pencil a black fill with white edges.

  26. Click on the inner rectangle of the pencil body with the Select tool (Selection    tool) to select it.

    Select the inner rectangle of the pencil body.
    Select the inner rectangle of the pencil body.
  27. With the inner rectangle however selected, click on the black swatch in the Colour palette and <Shift>-click on the white swatch in the Color palette.

    The inner rectangle modified.
    The inner rectangle modified.
  28. Do the same matter with the outer rectangle that makes up the pencil trunk, that is, select the outer rectangle, click on the blackness swatch in the Color palette, and then <Shift>-click on the white swatch in the Color palette.

    The outer rectangle modified.
    The outer rectangle modified.

    We forgot to redo the line that crosses the pencil body simply under the bands that concur the eraser. You'll utilise Outline view to locate information technology and change its colour from black to white.

  29. Choose View > Display style > Outline. Yous can at present encounter the cross line.

    Cross line in Outline view.
    Cross line in Outine view.
  30. While still in Outline view, select the cross line, then <Shift>-click on the white swatch in the Color palette.

  31. Choose Fiveiew > Display mode > Due northormal to switch dorsum to Normal view.

    White selected cross line in normal view.
    White cross line, notwithstanding selected, in normal view.
  32. Press the <Esc> to deselect the cross line.

  33. The outer triangle that contains the pencil lead triangle needs to take a white make full.

    Click on the edge of the outer triangle to select it, then click on the white swatch in the Color palette. The outer triangle how has a white make full.

    Outer triangle now      has a white fill.
  34. The white line to a higher place the outer triangle is not esthetically pleasing. We'll motility the outer and inner triangles up a little to encompass the white line.

    Showtime, deactivate snapping by clicking on the Enable snapping (%) push (Enable snapping icon) in the Snap Controls Bar.

  35. At present click on the inner triangle that represents the pencil lead. And so, <Shift>-click the outer triangle to add information technology to the selection.

  36. <Ctrl>-drag the two selected triangles straight up until the summit border of the outer triangle touches the pencil body. Press <Esc> to deselect the triangles.

    Move the bottom part of    the pencil up.
  37. You will at present add together a curvy line below the pencil's tip. Click on the Line tool in the toolbox (Draw freehand  lines tool).

    Click underneath the tip of the pencil lead to set the beginning of the curve. Without pressing the left mouse button, bring the cursor about 2 squares' length straight down. Then click to set the finish of the line.

    Defining the ends of the line.
    Setting the starting point and ending signal of the line.
  38. With the line still selected, choose Object > Fill and Stroke.

  39. In the Fill and Stroke dialog, click on the drop pointer to the Units of measurement drop-downwards box, and click on pt (points).

    Select points.
    Select points for the unit of the line.
  40. Change the width to iii in the Width (W) text box (three points). The line becomes thicker.

    Line three points thick.
    Result.
  41. With the line nevertheless selected, click on the Node tool in the toolbox (Edit paths by nodes tool).

  42. Press both the <Ctrl> and <Alt> keys and while withal pressing, click on the midpoint of the line to set a new node.

    New node in the middle of the line.
    New node.

    Annotation: the new node is colored reddish when the Node tool cursor hovers over it. When the cursor is taken off, it changes to yellow to indicate that it is nevertheless a selected node.

  43. Position the cursor in the middle of the upper half of the line, press the left mouse push and keep it pressed. Drag the upper half of the line to 1 side to make it a curve.

    Making a curve.
    Making a curve.
  44. Position the cursor in the centre of the lower half of the line, press the left mouse button and go on it pressed. Drag the upper one-half of the line to the opposite of the first curve.

    Making a curve.
    Making a curve.
  45. Adapt the shape of the curve using the control handles. To use a control handle, position the Nodes cursor on one of the handles, click on it and move it without releasing the left mouse button. You lot can fine-tune the shape of the curve this way. When y'all're washed, press <Esc> to deselect the curve.

    Adjusting the shape of a curve.
    Adjusting a curve's shape.
Back to Top link

Copying and Scaling Shapes

A concluding step in creating logos is to scale the artwork to a i-inch square and make sure that the resized logo still presents a clear image. Yous'll use the bounding box feature in Inkscape to brand a scaled re-create of the logo.

  1. Double-click in the Zoom text box in the lower right-hand corner of the window to highlight its contents and type in 100 to zoom out to 100% magnification.

  2. Cull View > Folio Yardrid to redisplay the grid.

  3. Click on the Calibration stroke width and Scale rounded corner radii icons in the Selection and Transform Toolbar to activate these functions (See the figure below) Go out the other settings equally they are.

  1. Choose Edit > Select All to select all the objects in the logo, and so click the Select tool (Selection tool) in the toolbox.

  2. Move the Select tool cursor into the artwork until the cursor changes into an arrow with an accompanying cantankerous arrow (Selection arrow with cross arrow cursor).

  3. Press the left mouse button and tap the spacebar once to make a copy of the artwork. Then elevate the artwork copy to below the original and line up the left corner point on the logo with a grid line to make it easier to measure as you scale the copy.

  4. Using the Select tool (Selection tool), select the bottom correct corner betoken of the bounding box, hold down <Ctrl>, and elevate the corner upwards and to the left to scale downward the logo. Release the mouse push when the logo is about an inch wide.

    Holding down <Ctrl> as y'all drag the corner of the bounding box scales the objects proportionately.

    Resizing the logo
    <Ctrl>-drag to scale the artwork proportionately.
    Done
    Result.
  5. You can use diverse zoom options to zoom in on the smaller logo and bank check its clarity. Using the Select tool (Selection tool), select the 1-inch-sized logo, and so press the number 3 (Zoom to fit selection in window shortcut cardinal).

    Logo magnified
    One-inch logo magnified.
  6. The spiral decoration needs to have a thicker stroke. Select the spiral with the Select tool (Selection tool).

  7. Choose Object > Fsick and Stroke. If the Stroke manner tab isn't selected, then click on it.

  8. Cull px (pixels) from the Units of measurement drop-downwards menu. Change the width in the W text box to .9. Press <Enter> to set the new stroke measurement.

    Setting the new stroke thickness
    Thicker spiral
  9. The logo is nearly finished. The spiral needs to be centered better in the middle of the background border. Select it and fine-adjust its position to satisfaction.

    Fine positioning the        spiral
    Fine-positioning the spiral.
  10. Here is your finished production. Choose File > Save. Choose File > Close to close the file.
    Finished logo

Y'all've now completed the basic shapes lesson and created the logo artwork.

Back to Top link


Review Quiz

  1. What are the bones shape tools?
  2. How do yous draw a square?
  3. How exercise you select the color make full of an object?
  4. How exercise you select the stroke color of an object?
  5. What is the deviation between a View filigree and a filigree fatigued with the Grid extension tool?
  6. How do you rescale an object then that it scales up or downwards proportionately?

Review Answers

  1. The basic shape tools are the Rectangle tool, Circle tool, Polygon tool, and the Spiral tool.
  2. Select the Rectangle tool, printing <Ctrl>, and drag to create the square.
  3. Select your object and, while the object is all the same selected, click on the desired colour in the Color palette. The interior of the object is colored with that particular colour. The stroke colour is not affected.
  4. Select your object and, while the object is notwithstanding selected, <Shift>-click on the desired colour in the Color palette. The exterior purlieus of the object is colored with that particular color. The fill color is not affected.
  5. The View filigree acts every bit a guiding tool that you can apply for precision placement of an object, including snapping. The View filigree does not print with the artwork. A filigree fabricated with the Grid extension tool does print.
  6. To rescale an object proportionately, concur down <Ctrl> and click-drag with the mouse to resize.

Link to Table of Contents

Back to Top link

connellthimeftes.blogspot.com

Source: https://roy-torley.github.io/Inkscape_Tutorial/Tutorial03/Tutorial03.html