Difference between revisions of "Inkscape byrjendur vinna med myndir"

From Fab Lab Wiki - by NMÍ Kvikan
Jump to: navigation, search
m (áframhaldandi þýðing)
(áframhaldandi þýðing)
Line 116: Line 116:
  
  
== Cleaning up image using break apart option ==
+
== Að hreinsa upp mynd með því að nota ,,break apart“ möguleikann ==
  
  
'''1.''' Sometimes a trace bitmap result looks a bit messy, and needs a bit of cleaning up.  
+
'''1.''' Stundum er útkoman úr ,,trace bitmap“ svolítið subbuleg og nauðsynlegt að hreinsa til á myndinni, s.s. að eyða línum sem ekki eiga að vera.  
 
+
Hér er dæmi um slíkt.
Here is a drawing example, copied into inkscape.
+
  
 
[[File:11_how-to-prep_inkscape_img-cleanup.jpg|400px]]
 
[[File:11_how-to-prep_inkscape_img-cleanup.jpg|400px]]
Line 127: Line 126:
  
  
The end result is nice, but up close you can see there is a lots to improve.
+
Lokaútgáfan er fín en ef þú stækkar myndina upp (súmmar) sést að það er margt sem þarf að bæta.  
+
Segjum að við viljum fjarlægja allt þetta gula á myndinni.
Let say I want to remove the area’s highlighted in yellow.
+
  
 
[[File:12_how-to-prep_inkscape_img-cleanup.jpg|400px]]
 
[[File:12_how-to-prep_inkscape_img-cleanup.jpg|400px]]
Line 136: Line 134:
  
  
'''2.''' Select your shape, and in the menu go to path > break apart.  
+
'''2.''' Veldu myndina þína og farðu í path break apart.  
 
+
Nú ætti myndin að skiptast í fullt af litlum hlutum.  
The image shoud break apart in a lots of little parts.  
+
Ef þetta gerist ekki gæti ástæðan verið sú að myndin þín er enn hluti af hóp (group). Til að laga það ferðu í object ungroup.  
 
+
If it does not work, it could be that you object is still within a group.  
+
Then first choose within the menu object > ungroup.
+
  
 
[[File:13_how-to-prep_inkscape_img-cleanup.jpg|400px]]
 
[[File:13_how-to-prep_inkscape_img-cleanup.jpg|400px]]
Line 148: Line 143:
  
  
'''3.''' You can now select the shapes you want to delete.  
+
'''3.''' Þú getur nú valið það sem þú vilt eyða út úr myndinni.  
 
+
Haltu niðri Shift hnappnum á meðan þú smellir á það sem þú vilt eyða – þá getur þú valið marga hluti í einu.  
Holding the [shift] button while selecting, can help you select multiple objects.
+
Svona getur kisumyndin litið út eftir að búið er að eyða út af henni:
 
+
And after some clicking and deleting, my end result is:
+
  
 
[[File:14_how-to-prep_inkscape_img-cleanup.jpg|400px]]
 
[[File:14_how-to-prep_inkscape_img-cleanup.jpg|400px]]
Line 158: Line 151:
  
  
 +
== Vista sem PDF  ==
  
  
 +
'''1.''' Farðu í File  Save as....
  
 +
[[File:30_how-to-prep_inkscape_saving-as-pdf.jpg|200px]]
  
  
  
  
 +
'''2.''' Veldu hvar þú vilt vista skjalið (í Fab Lab er heppilegt að vista á desktoppinn eða á Fab Lab servernum)
 +
Gefðu skjalinu lýsandi nafn, og veldu að vista það sem PDF skjal. Smelltu svo á Save hnappinn.
  
  
 +
[[File:31_how-to-prep_inkscape_saving-as-pdf.jpg|400px]]
  
  
  
  
 +
'''3.''' Þá opnast gluggi þar sem þú þarft að velja stillingar. Mikilvægt er að stilla upplausnina á 600.
  
 +
Einnig þarftu að velja hvort þú ætlar að exporta skjalið sem teikningu eða síðu.
  
== Typing text ==
+
Ef þú ert ekki viss exportaðu skjalið þá sem teikningu (þú getur alltaf stillt stærðina seinna ef þörf er á).
  
 +
Smelltu svo á OK.
  
'''1.''' Choose the type tool from the toolbar. Click on your document and start typing.
 
  
[[File:14_how-to-prep_inkscape_text-tool.jpg|400px]]
 
  
 +
'''- Exporting as drawing:''' Það  þýðir að skjalstæðin þín verður í sömu stærð og teikningin þín – allar skjalstillingar verða hundsaðar.
  
 
+
'''- Exporting as page:''' Það þýðir að allar skjalstillingar þínar verða exportaðar með. Svo teikningin þín verður skorin í sundur ef hluti hennar er teiknaður utan skjalgluggans.  
 
+
'''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.
+
 
+
[[File:15_how-to-prep_inkscape_text-tool.jpg|400px]]
+
 
+
 
+
 
+
 
+
== joining shapes together or cutting them out ==
+
 
+
[[File:inkscape-using-union.jpg|800px]]
+
 
+
 
+
 
+
 
+
[[File:inkscape-using-difference.jpg|800px]]
+
 
+
 
+
 
+
 
+
 
+
== 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.
+
 
+
[[File:23_how-to-prep_inkscape_drawing-pen-tool.jpg|200px]]
+
 
+
 
+
 
+
 
+
'''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.
+
 
+
[[File:24_how-to-prep_inkscape_drawing-pen-tool.jpg|200px]]
+
 
+
 
+
 
+
 
+
'''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.
+
 
+
[[File:25_how-to-prep_inkscape_drawing-pen-tool.jpg|400px]][[File:inkscape-drawing-by-hand.jpg|400px]]
+
 
+
 
+
 
+
 
+
 
+
'''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]
+
 
+
[[File:26_how-to-prep_inkscape_drawing-pen-tool.jpg|400px]]
+
 
+
 
+
 
+
 
+
'''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.
+
 
+
[[File:inkscape-drawing-by-hand-screenshot-program.jpg|600px]]  [[File:27_how-to-prep_inkscape_drawing-pen-tool.jpg|200px]]
+
 
+
 
+
 
+
'''6.''' This may take so practice, but keep on going until you're happy with the shape.
+
 
+
End result:
+
 
+
[[File:29_how-to-prep_inkscape_drawing-pen-tool.jpg|400px]]
+
 
+
 
+
 
+
 
+
 
+
== Saving as PDF  ==
+
 
+
 
+
'''1.''' Go to the menu and choose file > save as...
+
 
+
[[File:30_how-to-prep_inkscape_saving-as-pdf.jpg|200px]]
+
 
+
 
+
 
+
 
+
'''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.
+
 
+
[[File:31_how-to-prep_inkscape_saving-as-pdf.jpg|400px]]
+
 
+
 
+
 
+
 
+
'''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.  
+
  
  
Line 300: Line 189:
  
  
 
+
== Hlekkir ==
 
+
 
+
 
+
== 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 ==
+
  
 
*[http://inkscape.org Inkscape] — official web page  
 
*[http://inkscape.org Inkscape] — official web page  

Revision as of 12:44, 3 December 2014

Inkscape logo.png

Hér er hægt að hlaða Inkscape niður (downloada): http://www.inkscape.org

Og hér getur þú hlaðið niður PDF: Inkscape beginners tutorial - short



screenshot program

Inkscape-program-overview.jpg



Stilla stærð á skjalinu

1. Farðu í file → document properties

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



2. Breyttu mælikvörðum úr px (pixlar) í mm (millimetrar). Breyttu svo vídd (width) og hæð (height) blaðsíðunnar – hér getur verið gott að miða við hversu mikið af efni (límmiðaefni) þú ætlar að nota.


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



Lokaðu svo glugganum.


Að breyta mynd (image) í vektor með því að nota Trace Bitmap í Inkscape

1. Finndu þér mynd á netinu. Hægri smelltu á myndina → copy

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



2. Farðu í Inkscape, hægri smelltu og veldu paste

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



3. Ef myndin er of stór minnkaðu hana þá með því að draga eitt hornanna inn. Haldu CTRL (control) hnappnum niðri á meðan þú minnkar/stækkar til að hlutföllin haldist rétt.

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



4. Veldu nú myndina, farðu í path → trace bitmap

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



5. Þá opnast nýr gluggi. Smellt fyrst á Update (uppfæra) hnappinn til að forskoða (preview) myndina.

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


Þú getur svo fiktað í þessum stillingum þar til þér finnst myndin líta vel út.

T.d. að velja Edge Detection – þá nærðu útlínunum. Ólíkar stillingar hér virka á ólíkan hátt, fiktaðu þig áfram. Þegar þú ert sátt/sáttur við útkomuna smelltu á OK og lokaðu glugganum.



6. Smelltu nú á myndina þína og dragðu hana til. Þá kemur vektoramyndin þín í ljós.

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



7. Ef þú ert sátt/sáttur við útkomuna þá hægrismellir þú á upprunalegu myndina og eyðir henni (delete).

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



8. Línuteikningin sem nú er eftir er vektor teikning.

Þú getur núna unnið í myndinni ef þú vilt. Þá velur þú ,,edit“ músina úr tækjastikunni og smellir með henni á myndina. Litlu ferningunum sem myndast þá (kallaðir ,,nodes“) er hægt að breyta og draga þangað sem þú vilt.


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


Að breyta lit á hlut og útlínum hans (fill and stroke)

1. Farðu í object → fill and stroke, þar stillir þú lit og línur

Inkscape-fill-and-stroke-menu.jpg

  • Laserskurður / Vynilskurður : Engin fylling (fill) → hafðu línur rauðar (í stroke paint) → hafðu þykktina 0,01 mm (í stroke style)
  • Rastering í laser (engraving) : Engar línur → hafðu ,,fill" í svörtum lit (dekkri litur = skýrari rastering)


Að hreinsa upp mynd með því að nota ,,break apart“ möguleikann

1. Stundum er útkoman úr ,,trace bitmap“ svolítið subbuleg og nauðsynlegt að hreinsa til á myndinni, s.s. að eyða línum sem ekki eiga að vera. Hér er dæmi um slíkt.

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


Lokaútgáfan er fín en ef þú stækkar myndina upp (súmmar) sést að það er margt sem þarf að bæta. Segjum að við viljum fjarlægja allt þetta gula á myndinni.

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



2. Veldu myndina þína og farðu í path → break apart. Nú ætti myndin að skiptast í fullt af litlum hlutum. Ef þetta gerist ekki gæti ástæðan verið sú að myndin þín er enn hluti af hóp (group). Til að laga það ferðu í object → ungroup.

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



3. Þú getur nú valið það sem þú vilt eyða út úr myndinni. Haltu niðri Shift hnappnum á meðan þú smellir á það sem þú vilt eyða – þá getur þú valið marga hluti í einu. Svona getur kisumyndin litið út eftir að búið er að eyða út af henni:

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


Vista sem PDF

1. Farðu í File  Save as....

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



2. Veldu hvar þú vilt vista skjalið (í Fab Lab er heppilegt að vista á desktoppinn eða á Fab Lab servernum) Gefðu skjalinu lýsandi nafn, og veldu að vista það sem PDF skjal. Smelltu svo á Save hnappinn.


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



3. Þá opnast gluggi þar sem þú þarft að velja stillingar. Mikilvægt er að stilla upplausnina á 600.

Einnig þarftu að velja hvort þú ætlar að exporta skjalið sem teikningu eða síðu. 

Ef þú ert ekki viss exportaðu skjalið þá sem teikningu (þú getur alltaf stillt stærðina seinna ef þörf er á).

Smelltu svo á OK.


- Exporting as drawing: Það þýðir að skjalstæðin þín verður í sömu stærð og teikningin þín – allar skjalstillingar verða hundsaðar.

- Exporting as page: Það þýðir að allar skjalstillingar þínar verða exportaðar með. Svo teikningin þín verður skorin í sundur ef hluti hennar er teiknaður utan skjalgluggans.


Error creating thumbnail: Unable to save thumbnail to destination


Hlekkir