Sticker: Unterschied zwischen den Versionen

Aus SFZ Aalen Wiki
Zur Navigation springen Zur Suche springen
(How to create a sticker with inkscape)
 
(Making stickers with Inkscape and Silhouette)
 
(3 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
<span id="making-stickers-with-inkscape-and-silhouette"></span>
= Making stickers with Inkscape and Silhouette =
<span id="step-1-installation"></span>
<span id="step-1-installation"></span>
== Step 1: Installation ==
== Step 1: Installation ==
Zeile 34: Zeile 31:
== Step 2: Launch Inkscape ==
== Step 2: Launch Inkscape ==


[[File:Setup.png|center|500px]]
[[File:Setup.png|center|900px]]


<br>
<br>
Zeile 40: Zeile 37:
Inkscape (At the time the wiki was created: Version 1.1.2) should look like this:
Inkscape (At the time the wiki was created: Version 1.1.2) should look like this:


[[File:Inkscape.png|center|500px]]
[[File:Inkscape.png|center|900px]]


<br>
<br>
Zeile 49: Zeile 46:
To set regmarks, these must be selected from the menu under Extensions -&gt; Render.
To set regmarks, these must be selected from the menu under Extensions -&gt; Render.


[[File:Renderer-Regmark.png|center|500px]] <br>
[[File:Renderer-Regmark.png|center|900px]] <br>


Use at least 20mm x 20mm distance, to make (relatively) sure that it can be plotted after printing. You can close the pop-up after hitting Apply.
Use at least 20mm x 20mm distance, to make (relatively) sure that it can be plotted after printing. You can close the pop-up after hitting Apply.


[[File:Regmarks.png|center|500px]] <br>
[[File:Regmarks.png|center|900px]] <br>


After this step Inkscape should look like this:
After this step Inkscape should look like this:


[[File:Regmarks-after.png|center|500px]] <br>
[[File:Regmarks-after.png|center|900px]] <br>


<span id="step-4-design-your-sticker"></span>
<span id="step-4-design-your-sticker"></span>
Zeile 64: Zeile 61:
Now you can design your stickers. One way to do this, is to import an image:
Now you can design your stickers. One way to do this, is to import an image:


[[File:Files-Import.png|center|500px]] <br>
[[File:Files-Import.png|center|900px]] <br>


The settings can be ignored in this process.
The settings can be ignored in this process.


[[File:Import.png|center|500px]] <br>
[[File:Import.png|center|900px]] <br>


The imported image may look like this. Obviously this is too large, as it does not fit on DIN A4.
The imported image may look like this. Obviously this is too large, as it does not fit on DIN A4.


[[File:Image.png|center|500px]] <br>
[[File:Image.png|center|900px]] <br>


The maximum recommended size is ~5cm x 5cm. This can be changed via W and H. To apply a uniform scale the lock must be selected.
The maximum recommended size is ~5cm x 5cm. This can be changed via W and H. To apply a uniform scale the lock must be selected.


[[File:Scale.png|center|500px]] <br>
[[File:Scale.png|center|900px]] <br>
 
As soon as the image is scaled and placed inside of the white area it is possible to cut it.


[[File:Bezier.png|center|500px]] <br>
Once the image has been placed in the white area draw a path around it to define where it will be cut out.
[[File:Cut.png|center|500px]] <br>


Inside of the layer menu click “Add new layer” and confirm the dialog.
[[File:Bezier.png|center|900px]] <br>
[[File:Cut.png|center|900px]] <br>


[[File:Layers.png|center|500px]] <br>
Put the path in a new layer by first creating a layer and moving the path into it.


After adding the layer move the path to this new layer.
[[File:Layers.png|center|900px]] <br>


[[File:path-to-layer.png|center|500px]] <br>
[[File:path-to-layer.png|center|900px]] <br>


After you have defined a border for your sticker and moved it to a new layer, adjust the border, so that the inevitable inaccuracies in the cutting step are less obvious. To do that double click on the border and press Ctrl+A to select all the nodes on the border. Now click on “Make selected nodes auto-smooth”.
After you have defined a border for your sticker and moved it to a new layer, you may want to smooth it out. To do that double click on the border and press Ctrl+A to select all the nodes on the border. Now click on “Make selected nodes auto-smooth”.


[[File:Round.png|center|500px]] <br>
[[File:Round.png|center|900px]] <br>


Now click on “Make selected nodes auto-smooth”.
Now click on “Make selected nodes auto-smooth”.


[[File:Rounded.png|center|500px]] <br>
[[File:Rounded.png|center|900px]] <br>


Now, fill the page with as many of your stickers as possible, while not going into the checkerboard patterns. To duplicate the image and the border press Ctrl+d. After duplicating both drag them around. Make sure to also keep the outline around the stickers.
Now, fill the page with as many of your stickers as possible, while not going into the checkerboard patterns. To duplicate the image and the border first select the image and the border, then press Ctrl+d. After duplicating both drag them around. Make sure to also keep the outline around the stickers.


[[File:duplicates.png|center|500px]] <br>
[[File:duplicates.png|center|900px]] <br>


<span id="step-5-print-the-sticker"></span>
<span id="step-5-print-the-sticker"></span>
Zeile 113: Zeile 108:
Take the print, fit it onto the print plate, and load it. Hide all layers except the outline layer containing the border. Connect the computer to the plotter and select “Send to Silhouette”.
Take the print, fit it onto the print plate, and load it. Hide all layers except the outline layer containing the border. Connect the computer to the plotter and select “Send to Silhouette”.


[[File:send.png|center|500px]] <br>
[[File:send.png|center|900px]] <br>

Aktuelle Version vom 13. April 2024, 22:43 Uhr

Step 1: Installation[Bearbeiten]

1.1 Inkscape[Bearbeiten]

Inkscape is already pre-installed on the notebooks (NixOS) of the SFZ. Unfortunately there is no support for the required plugin on NixOS. For your own devices follow the steps below:

  • Windows - Download the Windows installer from the Inkscape website and run it.
  • MacOS - Download the MacOS installer from the Inkscape website and run it.
  • Linux - Open a Terminal and type:

Debian-based systems (e.g. Ubuntu):

sudo apt-get install inkscape

Arch Linux:

sudo pacman -S inkscape

Fedora:

sudo dnf install inkscape

1.2 Silhouette[Bearbeiten]

Go to github.com/fablabnbg/inkscape-silhouette and follow the installation steps for your platform. These may change over time, so only the source is referenced here.

Step 2: Launch Inkscape[Bearbeiten]

Setup.png


Inkscape (At the time the wiki was created: Version 1.1.2) should look like this:

Inkscape.png


Step 3: Set up regmarks[Bearbeiten]

To set regmarks, these must be selected from the menu under Extensions -> Render.

Renderer-Regmark.png


Use at least 20mm x 20mm distance, to make (relatively) sure that it can be plotted after printing. You can close the pop-up after hitting Apply.

Regmarks.png


After this step Inkscape should look like this:

Regmarks-after.png


Step 4: Design your sticker[Bearbeiten]

Now you can design your stickers. One way to do this, is to import an image:

Files-Import.png


The settings can be ignored in this process.

Import.png


The imported image may look like this. Obviously this is too large, as it does not fit on DIN A4.

Image.png


The maximum recommended size is ~5cm x 5cm. This can be changed via W and H. To apply a uniform scale the lock must be selected.

Scale.png


Once the image has been placed in the white area draw a path around it to define where it will be cut out.

Bezier.png


Cut.png


Put the path in a new layer by first creating a layer and moving the path into it.

Layers.png


Path-to-layer.png


After you have defined a border for your sticker and moved it to a new layer, you may want to smooth it out. To do that double click on the border and press Ctrl+A to select all the nodes on the border. Now click on “Make selected nodes auto-smooth”.

Round.png


Now click on “Make selected nodes auto-smooth”.

Rounded.png


Now, fill the page with as many of your stickers as possible, while not going into the checkerboard patterns. To duplicate the image and the border first select the image and the border, then press Ctrl+d. After duplicating both drag them around. Make sure to also keep the outline around the stickers.

Duplicates.png


Step 5: Print the sticker[Bearbeiten]

To print the document hide the layer containing the border. Either export the project to a PDF or print as a SVG. To do this press Ctrl+P. Print that pdf without margins (firefox can do that) on sticker paper (or regular paper if you want to test first).

Step 6: Cut the print[Bearbeiten]

Take the print, fit it onto the print plate, and load it. Hide all layers except the outline layer containing the border. Connect the computer to the plotter and select “Send to Silhouette”.

Send.png