Difference between revisions of "Inkscape quick start guide"

From Fab Lab Wiki - by NMÍ Kvikan
Jump to: navigation, search
m (Changing image to vector using trace bitmap option: changing numbering)
m (Cleaning up image: changeing numbering)
Line 100: Line 100:
  
  
'''1.''' Let say I want to remove the area’s, all highlighted in yellow, from my trace bitmap-ed drawing.  
+
'''10.''' Let say I want to remove the area’s, all highlighted in yellow, from my trace bitmap-ed drawing.  
  
 
[[File:12_how-to-prep_inkscape_img-cleanup.jpg|400px]]
 
[[File:12_how-to-prep_inkscape_img-cleanup.jpg|400px]]
Line 107: Line 107:
  
  
'''2.''' Select your design, and in the menu go to path > break apart.  
+
'''11.''' Select your design, and in the menu go to path > break apart.  
  
 
The image should break apart in a lots of little parts. Notice that the eye's turn black (this will be fixed later).  
 
The image should break apart in a lots of little parts. Notice that the eye's turn black (this will be fixed later).  
Line 116: Line 116:
  
  
'''2.1.''' Optionalː if it is hard to see what you are doing, you can temporary tun you design to lines instead of colored fills.  
+
'''12.''' Optionalː if it is hard to see what you are doing, you can temporary tun you design to lines instead of colored fills.  
  
 
Select you whole design and go to menu > object > fill&stroke.  
 
Select you whole design and go to menu > object > fill&stroke.  
Line 124: Line 124:
  
  
'''3.''' You can now select the bits you want to delete, and clean up the design.
+
'''13.''' You can now select the bits you want to delete, and clean up the design.
  
 
When done, select everything and go to menu > path > combine. That should fix the eye's again.   
 
When done, select everything and go to menu > path > combine. That should fix the eye's again.   

Revision as of 16:00, 22 April 2016


Inkscape logo.png

To download inkscape, visit: http://www.inkscape.org

And download PDF : Inkscape beginners tutorial - short



screenshot program

Inkscape-program-overview.jpg



recommended YouTube's


Setting document size

1. Go to menu > file > document properties.

1 how-to-prep inkscape document-size.jpg



2. Change the width and height to your preference.

2 how-to-prep inkscape document-size.jpg



And close this window.

Changing image to vector using trace bitmap option

3. Find a black&white image on google. Right click to copy the image.

3 how-to-prep inkscape img-to-vector.jpg



4. Back to inkscape, right click and to paste.

4 how-to-prep inkscape img-to-vector.jpg



5. Re-size the image to fit in the page. Hold the [CTRL] key down to keep the image in proportion.

5 how-to-prep inkscape img-to-vector.jpg



6. Go to the menu and choose path > trace bitmap

6 how-to-prep inkscape img-to-vector.jpg



7. While the image is selected, click on ok.


(if you want to know more about this menu ː watch this video)

7 how-to-prep inkscape img-to-vector.jpg


8. A (vector) copy should have appeared over the image. Pick it up and drag it to the side.

8 how-to-prep inkscape img-to-vector.jpg


9. If you want edit the vector, select the edit mouse from the toolbar and click on the shape.

The little squares that now appear (called nodes) can be changed and dragged around to where ever you like.

10 how-to-prep inkscape img-to-vector.jpg

Cleaning up image

10. Let say I want to remove the area’s, all highlighted in yellow, from my trace bitmap-ed drawing.

12 how-to-prep inkscape img-cleanup.jpg



11. Select your design, and in the menu go to path > break apart.

The image should break apart in a lots of little parts. Notice that the eye's turn black (this will be fixed later).

If it does not work, make sure that your design is not a group (menu > object > ungroup).

13 how-to-prep inkscape img-cleanup.jpg


12. Optionalː if it is hard to see what you are doing, you can temporary tun you design to lines instead of colored fills.

Select you whole design and go to menu > object > fill&stroke.

Inkscape-fill-and-stroke-menu.jpg


13. You can now select the bits you want to delete, and clean up the design.

When done, select everything and go to menu > path > combine. That should fix the eye's again.

14 how-to-prep inkscape img-cleanup.jpg

Typing text

1. Choose the type tool from the toolbar. Click on your document and start typing.

14 how-to-prep inkscape text-tool.jpg



2. Change the font into something fun by selecting the text and choosing something different in the popdown menu at the top of the screen.

15 how-to-prep inkscape text-tool.jpg



joining shapes together or cutting them out

Inkscape-using-union.jpg



Inkscape-using-difference.jpg



Drawing (tracing) by hand using the bezier tool

1. Start by opening up a image. In the menu choose file > open, select the right file and click open.

23 how-to-prep inkscape drawing-pen-tool.jpg



2. From the toolbar choose the bezier tool. Make sure the mode and shape option at the top of the screen are set on standard.

24 how-to-prep inkscape drawing-pen-tool.jpg



3. For this example I will use a photo of a flower. Let start by tracing one of the leaves.

On the starting point click once, move your mouse along the shape, and click again.

Roughly trace the shape (keep clicking once, several times) and double click to finish.

25 how-to-prep inkscape drawing-pen-tool.jpgInkscape-drawing-by-hand.jpg



4. Use the fill and stroke options to change the color and line width to your own preferences. shortcut to open window: [SHIFT] + [CTRL] + [F]

26 how-to-prep inkscape drawing-pen-tool.jpg



5. To make the line smooth, first change to the edit mouse from the toolbar. With this tool selected, click on one of the nodes (squares) to select it.

When 1 is selected, click in the top icon menu bar on the node icon with the 2 handles.

Inkscape-drawing-by-hand-screenshot-program.jpg 27 how-to-prep inkscape drawing-pen-tool.jpg


6. This may take so practice, but keep on going until you're happy with the shape.

End result:

29 how-to-prep inkscape drawing-pen-tool.jpg



Changing color of object: (fill and stroke menu)

1. Go to menu > object > fill and stroke.

Inkscape-fill-and-stroke-menu.jpg

  • Lasercutting / Vynilcutting : no fill > set stroke in red with a line width of 0.01 mm.
  • Laser engraving (raster) : no stoke > set fill on black color.



Saving as PDF

1. Go to the menu and choose file > save as...

30 how-to-prep inkscape saving-as-pdf.jpg



2. Choose where you want to save the file, on public computers a good place is (usually) the desktop.

Type in a descriptive file name, and select PDF as file format. Then hit the save button.

31 how-to-prep inkscape saving-as-pdf.jpg



3. In this dialog window make sure the standard resolution setting is 600.

And you need to choose if you want to export as drawing or as page.

if unsure, export as drawing. (You can always fix the size later on if necessary.) Hit ok when ready.


- Exporting as drawing: will mean you document size will be as big or as small as you drawing. So it will ignore any document properties settings.

- Exporting as page: will mean it will export your document properties settings. So you're drawing will get cut if a part is drawn outside the document window.


Error creating thumbnail: Unable to save thumbnail to destination




Tips for saving file for laser cutter

Cutting out shapes: set the line width to 0.01 mm

  • You can change this by fist selecting your artwork [ctrl] + [A]
  • Then open up the fill and stroke menu [shift] + [crtl] + [F]
  • Go to the stroke style tab and change the width to 0.01 mm


For engraving shapes, set you drawing on a black fill (no stroke)

  • You can change this by fist selecting your artwork [ctrl] + [A]
  • Then open up the fill and stroke menu [shift] + [crtl] + [F]
  • Go to the stroke paint tab and click on the [X] (no paint)
  • Then go to the fill tab en click on the cube (flat color)
  • Also check in this tab is the opacity is at 100%


The documents color mode needs to be in RGB (not CMYK) note that in inkscape standard is RGB, but in illustrator it is not.

Read more laser cutter: Epilog_Laser




Saving file for vinyl cutter

Cutting out shapes: set the line width to 0.01 mm

  • Fist selecting your artwork [ctrl] + [A]
  • Then open up the fill and stroke menu [shift] + [crtl] + [F]
  • tun off the fill, and turn on the stoke.
  • Go to the stroke style tab and change the width to 0.01 mm


If you use text make sure the font is outlined and joined for a nice result.

  • You can change this by fist selecting your artwork [ctrl] + [A]
  • Then send the text object to path by [shift] + [ctrl] + [C]
  • Make sure you shapes are not grouped by [shift] + [ctrl] + [G]
  • Join the letter together by union [shift] + [ctrl] + [+]



Links