Assignment #1: Lines


Place all of these elements on a single page. Export as a PNG (raster) file. It should have a name like "lines1.png".

  1. Open Inkscape and go to File → Document Properties. Change the unit to inches, width to 11, and height to 17.
  2. Create a white background by using the rectangle tool to create a rectangle the same size as the canvas and setting its fill to white and stroke to none (right click on rectangle and select “fill and stroke”).
  3. side menu fill and stroke menu right click menu
  4. Choose a state from this map of the eastern half of the US. This map is in a raster JPEG format that is composed of pixels. The map can be copied and pasted into Inkscape. Once opened in a browser, it can be copied and pasted into Inkscape.
  5. After you have chosen a state, increase the size of the image while maintaining its proportions. First, make sure the cursor tool being used is the selector tool (looks like a standard cursor) by clicking on it in the left side menu. Then click on the image, if it is not already selected. Next, click the lock symbol in the top menu, and increase the height/width. Or, click “object” in the top menu, click “transform” in the drop-down menu, and click “scale” in the menu that opens on the right. In the scale menu, select “scale proportionally,” then increase the height/width and click “Apply.”
  6. top menu
  7. Reduce the opacity of the map by selecting the graphic, clicking “Extensions,” hovering over “Raster,” clicking “Opacity” in the side menu, and reducing the number in the box that pops up. Click “Apply.”
  8. Pencil tool. Distinction between smoothness levels (Fidelity vs. Smoothness in Illustrator). Click and drag to draw.
  9. Pen tool. We're not using bezier curves on this assignment. Click to start line, and double click to end line.
  10. Outline your selected state using a combination of the pencil and pen tools. Click on the last point to continue the line.
  11. When you are done outlining your state, go back to the selector tool, and select the background image that you used to trace your state. Hit delete on your keyboard.
  12. Rotate tool. Select your state outline and click on it a second time. Rotate the state so that it is relatively straight by dragging the corner handles.
  13. Text tool. Label the state.
  14. text tool
  15. Double line: Create a double line using the rectangle tool. Create a short and wide rectangle with black fill, and create a second rectangle that is shorter and slightly wider. Make the second rectangle white and lay it over the first rectangle.
  16. Create a dashed line by creating a straight line with the pen tool, right clicking on the line and opening the fill and stroke menu, selecting the “stroke style” tab, and selecting a dashed line under “dashes.”
  17. Add a line with arrows by creating a straight line with the pen tool, right clicking on the line and opening the fill and stroke menu, selecting the “stroke style” tab, and selecting an arrow under “markers.”
  18. Text along path. Add a river line and label along the path. 1) Create a wavy line with the pencil tool set to 75 smoothness. 2) Make the stroke blue. 3) Select the text tool and type the name of a river. 4) Choose the selector tool and select both the river line and the text. (Select one, hold shift, and select the other.) 5) Select “Text” in top menu and “put on path” in the drop-down menu. 6) Add spaces with the text tool and adjust font size if needed.
  19. Add a line of characters by creating a wavy line with the pencil tool, choosing a color for the stroke, selecting the text tool, typing a line composed of only “a” or “c,” highlighting the text line and changing the font to Label-EZ Symbols, selecting both the wavy line and the text line, and putting the text on the path like in the last step. Move the text down so it is intersected by the line and increase the spacing between letters.
  20. Add a railroad line by creating a wavy line with the pencil tool, making it black, selecting the text tool, typing a line composed of only “|” or sans-serif “I,” selecting both the wavy line and the text line, and putting the text on the path like in the last step. Move the text down so it is intersected by the line and increase the spacing between letters/characters.
  21. Add your name in one of the corners.
  22. File → save as: desktop, create a folder called "Lines1," name your file "lines1.svg" and save it in the new desktop folder.
  23. File → print: select the laser jet printer and print.
  24. When you are ready to upload to your website: File → Export PNG Image: Select drawing, select export as, place in desktop folder, title it lines1.png, and save.