Inkscape how to make name sticker: Difference between revisions

From Fab Lab Wiki - by NMÍ Kvikan
Jump to navigation Jump to search
m clarifying sentences
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{languages|Inkscape_how_to_make_name_sticker}}
{{languages|Inkscape_how_to_make_name_sticker}}


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




Line 16: Line 16:
'''2.''' Switch the units from px (pixels) to centimeters (cm)
'''2.''' Switch the units from px (pixels) to centimeters (cm)


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


Hit enter and close this window.  
Hit enter and close this window.  


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




Line 35: Line 33:




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


'''4.''' Change the font into something fun by selecting the text
Drag on the little black arrows and change the size to however you like it.
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|400px]]








'''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.
[[File:15_how-to-prep_inkscape_text-tool.jpg|400px]]
Now go to the menu and choose path > object to path.  


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






== Switch letters to outline ==


'''6.''' Next step is to open the fill and stroke window.
'''5.''' Switch back to the black mouse from the toolbar and select your text.
 
There is a little brush icon (usually) on the right side of the screen.  
Now go to the menu > object > fill and stroke.


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


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|400px]]


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]]




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


And change to color to red (255)


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


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






'''8.''' Now switch to the stroke style tab.


Change the units to mm, type in 0.01 and hit [enter]
== Merging letters to one shape ==


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


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




Line 96: Line 89:




== Pimp your letter ==


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


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


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


'''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


'''8.''' and then go to menu and choose path > union. 


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


You can try out different settings to create different shapes.


You can now see that all the overlapping letters are merged together.
[[File:1_inkscape-how-to-make-namesticker.jpg|600px]]


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








'''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.


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


== Pimp your letters ==


'''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:
== Before saving ==


Corners: 5, spoke ratio: 0.350, Rounded: 0, Randomized: 0
'''10.''' When you are happy with you design,  


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


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


You can try out different settings to create different shapes.


[[File:1_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]






'''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.
'''12.''' Open up the fill and stroke window again. The shortcut keys are [shoft] + [ctrl] + [F]


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


== Important before saving ==
In the 'stroke paint' tab you change to color to red.


'''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.
Dragging the arrow all the way to the right until you see the number change to 255.
 
[[File:3_inkscape-how-to-make-namesticker.jpg|400px]]
 
 
 
 
'''12.''' Switch to the black mouse again and select all of you work.
Or hit the shortcut keys [ctrl] + [A]


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






'''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 188: Line 174:
'''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|400px]]
[[File:31_how-to-prep_inkscape_saving-as-pdf.jpg|600px]]




Line 199: Line 185:
'''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|400px]]
[[File:32_how-to-prep_inkscape_saving-as-pdf.jpg|300px]]





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!