Inkscape quick start guide: Difference between revisions

From Fab Lab Wiki - by NMÍ Kvikan
Jump to navigation Jump to search
No edit summary
clearifying tutorial
 
(34 intermediate revisions by 2 users not shown)
Line 1: Line 1:
== Common commands ==
{{languages|Inkscape_quick_start_guide}}
'''Page Size:''' File-> Document Properties
*  (px, mm, cm o.s.frv.)
* Width (x axis)  (px, mm, cm o.s.frv.)
* Height(y axis)  (px, mm, cm o.s.frv.)




'''Transform objects''' Object -> Transform
* (%, px, mm, cm o.s.frv.)
* (move)
* (Scale)
** Scale proportionally
* (rotate) degrees


'''Fill and stroke''' Object -> Fill & Stroke
== inkscape screenshot overview ==
* (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'''
[[File:Inkscape_logo.png|300px|thumb|right]]
* Import image, File -> Import -> Open
[[File:inkscape-program-overview.jpg|600px]]
* Choose Path -> Trace Bitmap


== Using Inkscape with Vinyl Cutter ==
For making outline stickers
* Object ->  Fill and Stroke -> Stroke paint set to Flat Color
If you have text in your file, you should convert it to path. 
* Path -> Object to Path


If you want to have filled stickers


* Object ->  Fill and Stroke -> Fill ''Flat color''
* Object ->  Fill and Stroke -> Stroke paint set to ''No paint''


And if you want to cut it out on the vinyl cutter
'''inkscape is open source program and free to download ː[http://www.inkscape.org http://www.inkscape.org]'''
* File  -> Print -> Preference -> Get data from Machine-> Ok




== Using Inkscape with laser Cutter ==
* Object ->  Fill and Stroke -> Stroke paint set to Flat Color ->  Stroke Style set to 0,01 mm


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


== Links ==


* [http://en.flossmanuals.net/Inkscape/Introduction Inkscape Tutorial from Floss manuals]
=== set document size ===
'''1.''' Go to menu > file > document properties.  


[[Category:Tutorials]]
[[File:1_how-to-prep_inkscape_document-size.jpg|200px]]
[[Category:Software]]
 
 
 
 
'''2.''' Change the width and height to your preference.
 
[[File:2_how-to-prep_inkscape_document-size.jpg|200px]]
 
 
 
*lasercutter - [[Epilog_Mini_24]] : '''max cutting area 60 x 30 cm''' 
*vynilcutter - [[Roland_GX-24_CAMM-1]] : '''max cutting area 58 or 48 cm wide, depending on roll size'''
 
 
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  ==
 
*[http://inkscape.org Inkscape] — official web page
*[http://inkscape.org/doc/ Official inkscape user documentation]
*[http://en.flossmanuals.net/Inkscape/Introduction Inkscape Tutorial from Floss manuals]
*[http://sourceforge.net/p/inkscape/code/HEAD/tree/ sourceforge manuals]
*[http://en.wikibooks.org/wiki/Inkscape Inkscape Wikibook]
 
 
[[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