Inkscape how to make name sticker: Difference between revisions

From Fab Lab Wiki - by NMÍ Kvikan
Jump to navigation Jump to search
added new tutorial for workshop simple stickermaking
 
m clarifying sentences
 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{languages|Inkscape_tutorial}}
{{languages|Inkscape_how_to_make_name_sticker}}
 


[[File:vinylsticker-example-hello.jpg|400px|thumb|right|Vinyl sticker example - end result]]




Line 9: Line 9:
'''1.''' Go to menu > file > document properties.  
'''1.''' Go to menu > file > document properties.  


[[File:1_how-to-prep_inkscape_document-size.jpg]]
[[File:1_how-to-prep_inkscape_document-size.jpg|200px]]




'''2.''' Switch the units from px (pixels) to contimeters (cm)


And change the width to 10 cm and height 6 cm.


Hit enter and close this window.  
'''2.''' Switch the units from px (pixels) to centimeters (cm)


[[File:2_how-to-prep_inkscape_document-size.jpg]]
Change the width to 10 cm and the height to 6 cm.


Hit enter and close this window.


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




Line 29: Line 29:
'''3.''' Choose the typetool from the toolbar. Click on your document and type in your name.  
'''3.''' Choose the typetool from the toolbar. Click on your document and type in your name.  


[[File:14_how-to-prep_inkscape_text-tool.jpg]]
[[File:14_how-to-prep_inkscape_text-tool.jpg|400px]]
 
 
 
If you want the letters bigger, switch back to the black mouse from the toolbar and select your text.
 
Drag on the little black arrows and change the size to however you like it.
 
 
 




'''4.''' Change the font into something fun by selecting the text
'''4.''' Change the font into something fun.  
and then you can choose something different in the popdown menu at the top of the screen.  


[[File:15_how-to-prep_inkscape_text-tool.jpg]]
Selecting something you like from the popdown menu at the top of the screen.  




[[File:15_how-to-prep_inkscape_text-tool.jpg|400px]]




Line 46: Line 55:
'''5.''' Switch back to the black mouse from the toolbar and select your text.
'''5.''' Switch back to the black mouse from the toolbar and select your text.
   
   
Now go to the menu and choose path > object to path.  
Now go to the menu > object > fill and stroke.


[[File:16_how-to-prep_inkscape_text-tool.jpg]]
Or use the shortcut [SHIFT] + [CTRL] + [F]




'''6.''' Next step is to open the fill and stroke window.


There is a little brush icon (usually) on the right side of the screen.


Or use the shortcut [SHIFT] + [CTRL] + [F]
Now, while you have the text selected, go to the 'fill' tab and click on the [X] button.
 
It should make your selected text '''disappear'''.
 
[[File:17_how-to-prep_inkscape_text-tool.jpg|600px]]


Now, while you still have the text selected, go to the 'fill' tab and click on the [X] button.


It should make your selected text '''disappear'''.


[[File:17_how-to-prep_inkscape_text-tool.jpg]]




'''7.''' Go to the stroke paint tab. And click on the [box] button.
'''6.''' Go to the stroke paint tab. And click on the [box] button.
   
   
Now you should see your text again, but in outline.  
You should see your text again, but now outlined.  


And change to color to red (255)


[[File:18_how-to-prep_inkscape_text-tool.jpg]]




'''8.''' Now switch to the stroke style tab.
== Merging letters to one shape ==


Change the units to mm, type in 0.01 and hit [enter]
'''7.''' While still selecting your text, go to the menu and choose path > union.


and close window.
[[File:21_how-to-prep_inkscape_text-tool.jpg|400px]]


[[File:19_how-to-prep_inkscape_text-tool.jpg]]








== Pimp your letter ==


'''8.''' Lets make the letters a little bit cooler. You can use the star, circle or square tool from the toolbar to draw shapes.


== Merging letters to one shape ==


'''9.''' While still selecting your text, go to the menu and choose object > ungroup.


[[File:20_how-to-prep_inkscape_text-tool.jpg]]
'''To make a star''': select the star tool from the toolbar.  


Change the settings in the top of the screen to:


'''8.''' and then go to menu and choose path > union. 
Corners: 5, spoke ratio: 0.350, Rounded: 0, Randomized: 0


[[File:21_how-to-prep_inkscape_text-tool.jpg]]




You can now see that all the overlapping letters are merged together.
You can try out different settings to create different shapes.


[[File:22_how-to-prep_inkscape_text-tool.jpg]]
[[File:1_inkscape-how-to-make-namesticker.jpg|600px]]




Line 106: Line 111:




'''9.''' When shapes overlap each other, remember to merge them back into one shape by using 'union'.


So, pick the black mouse from the toolbar, select both shapes. Then go to the menu > union.


== Pimp your letters ==
[[File:2_inkscape-how-to-make-namesticker.jpg|400px]]


'''9.''' Lets make the letter a little bit cooler. You can use the star, circle or square tool from the toolbar to draw shapes.


To make a star: select the star tool from the toolbar.


Change the settings in the top of the screen to:


Corners: 5, spoke ratio: 0.350, Rounded: 0, Randomized: 0




== Before saving ==


You can try out different settings to create different shapes.
'''10.''' When you are happy with you design,


[[File:1_inkscape-how-to-make-namesticker.jpg|400px]]
select the box tool from from the toolbar and draw a box around you work.  


[[File:3_inkscape-how-to-make-namesticker.jpg|600px]]


'''10.''' When shapes overlap each other, remember to merge them back into one shape again.


So, pick the black mouse from the toolbar and select both shapes. Then go to the menu en select union.
[[File:2_inkscape-how-to-make-namesticker.jpg|400px]]




'''11.''' Switch to the black mouse again and select all of you work.
Or hit the shortcut keys [ctrl] + [A]








== Important before saving ==
'''12.''' Open up the fill and stroke window again. The shortcut keys are [shoft] + [ctrl] + [F]


'''11.''' When you are happy with you design, as final design step you select the box tool from from the toolbar and draw a box around you work.


[[File:3_inkscape-how-to-make-namesticker.jpg|400px]]
In the 'stroke paint' tab you change to color to red.  


Dragging the arrow all the way to the right until you see the number change to 255.


'''12.''' Switch to the black mouse again and select all of you work.
[[File:18_how-to-prep_inkscape_text-tool.jpg|600px]]
Or hit the shortcut keys [ctrl] + [A]






'''13.''' Open up the fill and stroke window again. The shortcut keys are [shoft] + [ctrl] + [F]
'''13.''' Switch to the stroke style tab.  


And make sure within the stroke style tab that all the lines are 0.01 mm
Change the units to mm, type in 0.01 and hit [enter] and close window.


[[File:4_inkscape-how-to-make-namesticker.jpg|400px]]
[[File:19_how-to-prep_inkscape_text-tool.jpg|600px]]




Line 165: Line 167:
'''14.''' Go to the menu and choose file > save as...
'''14.''' Go to the menu and choose file > save as...


[[File:30_how-to-prep_inkscape_saving-as-pdf.jpg]]
[[File:30_how-to-prep_inkscape_saving-as-pdf.jpg|200px]]
 
 




'''15.''' Choose the desktop as location to the file.
'''15.''' Choose the desktop as location to the file.
   
   
Type in a descriptive file name, and select PDF as file format.  
Type in a '''descriptive''' file name, and select PDF from the dropdown list.  


Then hit the save button.
Then hit the save button.


[[File:31_how-to-prep_inkscape_saving-as-pdf.jpg]]
[[File:31_how-to-prep_inkscape_saving-as-pdf.jpg|600px]]
 
 




'''16.''' In this second dialogue window make sure the standard resolution setting is 600.  
'''16.''' In this second dialogue window make sure the standard resolution setting is 600.  


And you need to make sure that '''export as drawing is checked''', not as page
And you need to make sure that '''export as drawing is checked''', not as page!


[[File:32_how-to-prep_inkscape_saving-as-pdf.jpg]]
[[File:32_how-to-prep_inkscape_saving-as-pdf.jpg|300px]]








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

Latest revision as of 23:45, 26 November 2014

Vinyl sticker example - end result


Setting document size

1. Go to menu > file > document properties.



2. Switch the units from px (pixels) to centimeters (cm)

Change the width to 10 cm and the height to 6 cm.

Hit enter and close this window.



Type your name

3. Choose the typetool from the toolbar. Click on your document and type in your name.


If you want the letters bigger, switch back to the black mouse from the toolbar and select your text.

Drag on the little black arrows and change the size to however you like it.



4. Change the font into something fun.

Selecting something you like from the popdown menu at the top of the screen.




Switch letters to outline

5. Switch back to the black mouse from the toolbar and select your text.

Now go to the menu > object > fill and stroke.

Or use the shortcut [SHIFT] + [CTRL] + [F]



Now, while you have the text selected, go to the 'fill' tab and click on the [X] button.

It should make your selected text disappear.



6. Go to the stroke paint tab. And click on the [box] button.

You should see your text again, but now outlined.



Merging letters to one shape

7. While still selecting your text, go to the menu and choose path > union.



Pimp your letter

8. Lets make the letters a little bit cooler. You can use the star, circle or square tool from the toolbar to draw shapes.


To make a star: select the star tool from the toolbar.

Change the settings in the top of the screen to:

Corners: 5, spoke ratio: 0.350, Rounded: 0, Randomized: 0


You can try out different settings to create different shapes.



9. When shapes overlap each other, remember to merge them back into one shape by using 'union'.

So, pick the black mouse from the toolbar, select both shapes. Then go to the menu > union.




Before saving

10. When you are happy with you design,

select the box tool from from the toolbar and draw a box around you work.



11. Switch to the black mouse again and select all of you work.

Or hit the shortcut keys [ctrl] + [A]



12. Open up the fill and stroke window again. The shortcut keys are [shoft] + [ctrl] + [F]


In the 'stroke paint' tab you change to color to red.

Dragging the arrow all the way to the right until you see the number change to 255.


13. Switch to the stroke style tab.

Change the units to mm, type in 0.01 and hit [enter] and close window.




Saving as PDF

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



15. Choose the desktop as location to the file.

Type in a descriptive file name, and select PDF from the dropdown list.

Then hit the save button.



16. In this second dialogue window make sure the standard resolution setting is 600.

And you need to make sure that export as drawing is checked, not as page!