Showing posts with label Classroom in a Blog. Show all posts
Showing posts with label Classroom in a Blog. Show all posts

Sunday, January 10, 2010

Quickly Drawing a Figure in Inkscape

Introduction:
In this lesson we will create a simple figure by creating a bunch of shapes and then combine them together. This is a technique used by many traditional drawing books that helps students see the fundamental shapes within an object.

Learning Objectives:
Learn how to use the:
  • Shape tools
  • Selection tool
  • Edit Path tool
  • Combining shapes
  • Object order


Figure 1


Figure 2


Figure 3
Directions:
  • Select the rectangle tool and draw a rectangle for the body by clicking and dragging the mouse with the button held down until you get the size of the body that you want. Don't worry if it is not exactly like you want you can come back and change it easily later.
  • The color and outline or stroke of the body may not be want you want to change that click the fill/stroke button (the paint brush) in the tool bar at the top.
  • Now remove the fill by selecting the x. Click the stroke tab and set the outline color.
  • Now draw rectangle for the arms and legs.
  • Use the circle/oval tool to draw an oval for the head.
  • Use the selection tool (the arrow pointer) to make sure that all of the shapes overlap and are about the right size that you wan them to be. Now your drawing should look something like figure one.
  • Select all of the shapes by pressing ctrl-a and select union from the objects menu. This will combine them all into one shape. Now your figure should look something like figure 2.
  • Now click the Edit Path tool and then click the outline of your figure. You should now see the notes that control the lines. To change the location of a node click it and move it or its handles to the desired location. When you are finished your figure should look something like figure 3.
  • Add extra features such as eyes, mouth, hair, etc.... feel free to explore the tools and add extra details.
Another Example:
In the cat example below I only used ovals and decided not to join all of the shapes together to give it a little bit of perspective.

Thursday, December 3, 2009

Classroom in a Blog: A Quick Introduction to Inkscape

In the image below I've outlined the sections of tools that you need to know to help you get up and running with Inkscape.

The numbered list below high lights each of the numbered tools in the image above.
  1. New Document, Opening, Printing & Importing

    Tools from left to right: New, Open, Save/Save As, Print, Import, and Export
    Inkscape has the ability to open and save a wide variety of file types: svg, PDF, Adobe Illustrator (ai), and more.
    Inkscape can also send files directly to the printer.
    Inkscape can import even more file types that it can open.
    Inkscape can only export one file type - portable network graphic (png).

  2. Zoom tools

    Tools from left to right: Zoom to selection, zoom to all objects, and zoom to page.
    • The first tool allows you to zoom so that what you currently have selected fills the screen.
    • The second tool zooms so that you can see everything that has been drawn. This can be handy if you are trying to find a missing object.
    • The last tool zooms so that your page fills the page.

  3. Useful dialogs

    Dialogs from left to right: Stroke/fill, text, XML, and alignment.

  4. Quick transformations and in-layer ordering

    Tools from left to right: Rotate 90 counter clockwise, 90 clockwise, mirror along the vertical axis, mirror horizontal, move to back, move back, move up, and move to front.

  5. Drawing tools
    • Select & Transform
      Use to move objects around and change their size and rotation. You can also do a few distortions such as skewing.
    • Edit Path
      This tool allows you to readjust key points within an object called nodes.
    • Tweak
      Manipulate objects by pushing them around.
    • Magnifying glass
      Use this tool if the keyboard shortcuts for zooming in and out aren't enough.
    • Square/Rectangle
    • 3D Box
    • Circle/Ellipse
    • Star/Polygon
    • Spiral
    • Freehand
    • Bezier curve & straight line tool
      Bezier curves are based on points and how they affect a line. The line drawn does not necessarily pass though the point that controls what a bezier curve line looks like.
    • Calligraphy
    • Fill
    • Text
    • Diagram Connect
    • Gradient edit
    • Eye Dropper

  6. Drawing area
    The drawing area is all of the white space in the center of the screen referred to as the canvas. The box in the center is a page on the canvas. Because Inkscape is a drawing program not a desktop publishing program such as Scribus, Quark, Adobe InDesign, or MS Publisher, you only get one page to work on.

  7. Color palette

    There are two main things to think about with the color palette the fill and stroke. The fill as the name implies is the color inside of an object and the stroke is the outline color. In the image above you can see that with the current tool that is selected I don't have a fill or stroke color selected because N/A appears instead of a color.
Coming Next
A lesson that will briefly introduce you to the majority of the tools shown here.

Wednesday, December 2, 2009

Classroom in a Blog: Inkscape

This blog series will help introduce you to the open source vector base drawing program Inkscape. The title obviously is a spin-off from the well known series by Adobe Systems.

Note: This series is based on Inkscape version 0.46 and newer. Since Inkscape has not yet matured to version 1.0 we will focus only the features that are considered stable. My focus is to have lessons that can be used in the classroom without having to install extras and work around solutions or cause the program to crash.

Here is a rough table of contents for what this series will contain. I will come back and update this with links as I progress.
  1. Quick Start
  2. Creating and Editing Shapes
  3. Selecting & Aligning
  4. Transforming Objects
  5. Drawing Tools
  6. Color and Painting
  7. Working with Type
  8. Working with Layers
  9. XML
  10. Combining Inkscape with other Applications
  11. SVG
Other Reading:
Book/Website: Inkscape: Guide to a Vector Drawing Program