Inkscape quick start guide: Difference between revisions

From Fab Lab Wiki - by NMÍ Kvikan
Jump to navigation Jump to search
changing units in the default.svg
clearifying tutorial
 
(29 intermediate revisions by the same user not shown)
Line 1: Line 1:
See also:
{{languages|Inkscape_quick_start_guide}}
*[[Inkscape kennsluefni|Inkscape in Icelandic]]
*[[Inkscape Russian]]


== Common commands  ==


'''Page Size:''' File-> Document Properties


*(px, mm, cm o.s.frv.)
== inkscape screenshot overview ==
*Width (x axis) (px, mm, cm o.s.frv.)
*Height(y axis) (px, mm, cm o.s.frv.)


<br> '''Transform objects''' Object -&gt; Transform
[[File:Inkscape_logo.png|300px|thumb|right]]
[[File:inkscape-program-overview.jpg|600px]]


*(%, px, mm, cm o.s.frv.)
*(move)
*(Scale)
**Scale proportionally
*(rotate) degrees


'''Fill and stroke''' Object -&gt; Fill &amp; Stroke


*(Fill)
*Outlines and color: Stroke Paint
*Thickness of the outlines: Stroke Style


'''Import a bitmap bitmap, jpg or gif mynd and change to vector image'''  
'''inkscape is open source program and free to download ː[http://www.inkscape.org http://www.inkscape.org]'''


*Import image, File -&gt; Import -&gt; Open
*Choose Path -&gt; Trace Bitmap


== Using Inkscape with Vinyl Cutter  ==


For making outline stickers
== instruction  ==
This is a short beginners tutorial to explain how to turn a image into a vector PDF, ready to vinyl or laser cutting. 


*Object -&gt; Fill and Stroke -&gt; Stroke paint set to Flat Color


If you have text in your file, you should convert it to path.  
=== set document size ===
'''1.''' Go to menu > file > document properties.  


*Path -&gt; Object to Path
[[File:1_how-to-prep_inkscape_document-size.jpg|200px]]


If you want to have filled stickers


*Object -&gt; Fill and Stroke -&gt; Fill ''Flat color''
*Object -&gt; Fill and Stroke -&gt; Stroke paint set to ''No paint''


And if you want to cut it out on the vinyl cutter


*File -&gt; Print -&gt; Preference -&gt; Get data from Machine-&gt; Ok
'''2.''' Change the width and height to your preference.


<br>
[[File:2_how-to-prep_inkscape_document-size.jpg|200px]]


== Using Inkscape with laser Cutter  ==


*Object -&gt; Fill and Stroke -&gt; Stroke paint set to Flat Color -&gt; Stroke Style set to 0,01 mm


How to change default template, units and so.
*lasercutter - [[Epilog_Mini_24]] : '''max cutting area 60 x 30 cm''' 
Open default.svg in Inkscape in this folder C:\Program Files (x86)\Inkscape\share\templates
*vynilcutter - [[Roland_GX-24_CAMM-1]] : '''max cutting area 58 or 48 cm wide, depending on roll size'''
Change the units to mm and save the file.
 
<br>  
 
And close this window.
 
 
 
=== copy&paste image ===
 
'''3.''' Find a black&white image on google. Right click to copy the image.
 
(if your image is a PNG istead of Jpeg, then first save the file to the desktop, and in inkscape go to the menu > file > import)
 
[[File:3_how-to-prep_inkscape_img-to-vector.jpg|300px]]
 
 
 
 
'''4.''' Go back to inkscape, right click and to paste.
 
[[File:4_how-to-prep_inkscape_img-to-vector.jpg|200px]]
 
 
 
 
'''5.''' Re-size the image to fit in the page. Hold the [CTRL] key down to keep the image in proportion.
 
[[File:5_how-to-prep_inkscape_img-to-vector.jpg|200px]]
 
 
 
=== change image to vector ===
'''6.''' select you image and go to the menu > path > trace bitmap
 
[[File:6_how-to-prep_inkscape_img-to-vector.jpg|400px]]
 
 
 
 
'''7.''' In this window, click on update then on ok. (it can happen that the preview will no respond after clicking on update)
 
(if you want to know more about this menu ː watch [https://www.youtube.com/watch?v=i-xxhphybnE this video])
 
[[File:7_how-to-prep_inkscape_img-to-vector.jpg|400px]]
 
 
 
'''8.''' A copy should have appeared over the image. Pick it up and drag it to the side.
 
You can now delete the (original) image (select > right mouse button > delete) and keep the vector (copy).
 
[[File:8_how-to-prep_inkscape_img-to-vector.jpg|400px]]
 
 
 
=== editing your design ===
 
'''9. optionalː''' To make changes to the vectorː select the edit mouse from the toolbar and click on the shape.
 
The little squares that now appear (called nodes) can be dragged around to where ever you like.
 
[[File:10_how-to-prep_inkscape_img-to-vector.jpg|400px]]
 
 
 
 
=== cleaning up ===
 
'''10. optionalː'''  how to remove many details quickly, like all highlighted yellow area's of this example, .
 
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, check if your design is not a group (menu > object > ungroup).
 
[[File:12_how-to-prep_inkscape_img-cleanup.jpg|400px]] [[File:13_how-to-prep_inkscape_img-cleanup.jpg|400px]]
 
 
 
 
'''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.
 
[[File:inkscape-fill-and-stroke-menu.jpg|600px]]
 
 
 
'''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. 
 
[[File:14_how-to-prep_inkscape_img-cleanup.jpg|400px]]
 
 
 
 
 
=== set file&stroke ===
 
 
'''14.''' before we save the file,
 
Select your design and go to menu > object > fill and stroke.
 
 
*'''for cutting shapes''': turn off fill, turn on stroke, set it to 255 red, and set the stroke style to 0.02 mm<br>
*'''For engraving''' keep the fill on and set it to black, and turn the stroke off.
 
[[File:inkscape-fill-and-stroke-menu.jpg|600px]]
 
 
 
 
'''15.''' if you notice that objects need to be joined, first make sure it is not a group (menu > object > ungroup)
 
[[File:inkscape-using-union.jpg|800px]]
 
 
 
=== save file as... ===
 
'''15.''' Go to the menu and choose file > save as...
 
Navigate to the desktop > choose either vinylcutter or lasercutter folder.
 
[[File:30_how-to-prep_inkscape_saving-as-pdf.jpg|200px]]
 
 
Type in a descriptive file name, and select PDF as file format. Then hit the save button.
 
[[File:31_how-to-prep_inkscape_saving-as-pdf.jpg|400px]]
 
 
 
 
'''3.''' In this window the resolution to 600. And you need to choose if you want to export as drawing or as page.
 
 
'''- Exporting as drawing:''' will mean you document size will be cropped to the size of your drawing.
(It will ignore your document properties setting.)
 
'''- Exporting as page:''' will mean it will export your document properties settings.
So you're drawing is drawn over the edge of the page, it will get cut off.
 
 
[[File:32_how-to-prep_inkscape_saving-as-pdf.jpg|400px]]
 
 
 
 
== recommended YouTube's ==
 
*[http://wiki.fablab.is/wiki/Inkscape recommended video's listed]
*[https://sites.google.com/site/fablabiceland/home/teaching/software/inkscape icelandic video's listed]
*[https://www.youtube.com/channel/UCIauCyh_UshuncR5zI7NzYg FabLab Reykjavik YouTube channel]
 


== Links  ==
== Links  ==


*[http://en.flossmanuals.net/Inkscape/Introduction Inkscape Tutorial from Floss manuals at flossmanuals.net — licensed under GNU GPL V3]
*[http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.php Help Inkscape tutorial]
*[http://inkscape.org Inkscape] — official web page  
*[http://inkscape.org Inkscape] — official web page  
*[http://inkscape.org/doc/ Official User Documentation] — licensed under GNU GPL V2[http://inkscape.svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/COPYING?revision=14188&view=markup]  
*[http://inkscape.org/doc/ Official inkscape user documentation]
*[http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.php Inkscape Manual] by Tavmjong Bah — available without paying ony for personal use
*[http://en.flossmanuals.net/Inkscape/Introduction Inkscape Tutorial from Floss manuals]  
*[http://inkscape.deviantart.com/favourites/ Inkscape drawings] on DeviantArt
*[http://sourceforge.net/p/inkscape/code/HEAD/tree/ sourceforge manuals]  
*[http://en.wikibooks.org/wiki/Inkscape Inkscape Wikibook]
*[http://en.wikibooks.org/wiki/Inkscape Inkscape Wikibook]


[[Category:Tutorials]] [[Category:Software]]
 
[[Category:Tutorials]] [[Category:Software]]

Latest revision as of 18:58, 22 April 2016


inkscape screenshot overview



inkscape is open source program and free to download ːhttp://www.inkscape.org


instruction

This is a short beginners tutorial to explain how to turn a image into a vector PDF, ready to vinyl or laser cutting.


set document size

1. Go to menu > file > document properties.



2. Change the width and height to your preference.



And close this window.


copy&paste image

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

(if your image is a PNG istead of Jpeg, then first save the file to the desktop, and in inkscape go to the menu > file > import)



4. Go back to inkscape, right click and to paste.



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


change image to vector

6. select you image and go to the menu > path > trace bitmap



7. In this window, click on update then on ok. (it can happen that the preview will no respond after clicking on update)

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


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

You can now delete the (original) image (select > right mouse button > delete) and keep the vector (copy).


editing your design

9. optionalː To make changes to the vectorː select the edit mouse from the toolbar and click on the shape.

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



cleaning up

10. optionalː how to remove many details quickly, like all highlighted yellow area's of this example, .

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, check if your design is not a group (menu > object > ungroup).



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.


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.



set file&stroke

14. before we save the file,

Select your design and go to menu > object > fill and stroke.


  • for cutting shapes: turn off fill, turn on stroke, set it to 255 red, and set the stroke style to 0.02 mm
  • For engraving keep the fill on and set it to black, and turn the stroke off.



15. if you notice that objects need to be joined, first make sure it is not a group (menu > object > ungroup)


save file as...

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

Navigate to the desktop > choose either vinylcutter or lasercutter folder.


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



3. In this window the resolution to 600. And you need to choose if you want to export as drawing or as page.


- Exporting as drawing: will mean you document size will be cropped to the size of your drawing. (It will ignore your document properties setting.)

- Exporting as page: will mean it will export your document properties settings. So you're drawing is drawn over the edge of the page, it will get cut off.




recommended YouTube's


Links