Difference between revisions of "T-Shirt"

From maker-hub
Jump to navigation Jump to search
Line 78: Line 78:
 
* Set the Inkscape measurement field to inches (in the top bar).
 
* Set the Inkscape measurement field to inches (in the top bar).
 
[[Image:Tv_Tshirt_Inkscape_Inches.png]]
 
[[Image:Tv_Tshirt_Inkscape_Inches.png]]
* Make sure that the lock icon is set to lock. This will let you maintain the aspect ratio when you change just one of the dimensions.
+
* Make sure that the lock icon is set to lock. This will let you maintain the aspect ratio when you change just one of the dimensions. In the image directly below, it is still unlocked. Click it so that it locks like the following image.  
 
[[Image:Tv_Tshirt_Inkscape_Lock.png]]
 
[[Image:Tv_Tshirt_Inkscape_Lock.png]]
 
* Set the width to 3".
 
* Set the width to 3".

Revision as of 15:48, 14 July 2019

"Versaworks" is not in the list (7-Zip, Altium, Ansys, ArcGIS, Arduino, CutStudio, EES, Inkscape, Logic, MATLAB, ...) of allowed values for the "Uses software" property.

TV Tshirt Icon

In this TV, we will attach a logo on the front and back of a T-Shirt. We will use the Vinyl Cutter for the single color icon of this TV and use this for the front left of the T-shirt. The Maker Hub logo will be printed on the Vinyl Printer+Cutter and attached to the back. The Vinyl will all be affixed using the Heat Press.



Familiarize yourself with Inkscape

Follow the directions given in the Training section on the Inkscape page.

We will use this logo for the front of the shirt. It will be a single color, so we will use the Vinyl Cutter to cut it out.

  • Download TV_Shell.svg.
  • Download T_shirt_outline.jpg.
  • Open up the TV_Shell.svg in Inkscape.
  • Import the T_Shirt_outline.jpg into Inkscape.
  • Now turn this raster image into a vector image. With the image selected, run Path->Trace Bitmap. In the dialog box, I selected "Remove Background" so that the vector would be transparent. I also selected "Live Preview" so that I could see what was happening with different options. As it turns out, for this very simple bitmap, the default works just fine.

T Shirt Trace Bitmap.png

  • After you click OK, it looks like nothing has happened, except that the select focus changes to the T-shirt itself. This is because there is actually another new object on top of the image - the newly created T-shirt trace. Try moving it.

T Shirt Trace Bitmap Result.png

  • If you click on the "Edit Paths by Node" symbol Inkscape Edit Paths By Node.png you will see that the image is now a vector made up of a series of paths

T Shirt Vector Image.png.

  • Return to the standard select tool. Inkscape Standard Select Tool.png Select the box that is around the TV screen (it was placed there just for this purpose), and shift-select the new T-shirt Image. Use the Object->Align and Distribute command to bring up the Align and Distribute window, and then align them on center both vertically and horizontally.

Inkscape Align And Distribute.png

  • When completed, you should have this image.

Tv tshirt icon.png

Video Demonstration

We will start with the Maker Hub logo with a transparent background. We want to add in the white background to help us see the image better.

  • Download the Maker_Hub_Logo_Transparent.svg
  • Start by selecting just the blue portion. You can do this by clicking the object, and then hold CTRL and click again. The first click selects the group, the second one selects the object within the group. You can try and move it to make sure you have just the top. Undo to move it back. Then copy and paste it. Move this extra copy aside so that we can work on it.

TV Tshirt Maker Hub Logo Duplicate.png

  • Select Path->Dynamic Offset. This gives us an image with a little white handle on it. If you don't see this, make sure that your "Edit Paths by Node" select tool Inkscape Edit Paths By Node.png is active.

TV Tshirt Maker Hub Logo Dynamic Offset Handle.png

  • Drag the handle outward until the moment where there are no gaps in the light bulb. It should be fully encased by the gear.

TV Tshirt Maker Hub Logo Dynamic Offset Result.png

  • Let's change the fill to white, and lower it to the bottom. To change the fill to white, click the white square on the bottom - or open the Fill and Stroke menu by going to Object->Fill and Stroke. In the Fill window on the right, make it a white fill. To lower it to the bottom, use the command of that name in the Object menu.

TV Tshirt Maker Hub Logo Dynamic Offset Result White.png

  • We now need to take this object and convert it to a path so that we can get rid of the light bulb inside and just have a pure white fill. Select Path->Object to Path
  • Select the "Edit Paths by Node" select tool Inkscape Edit Paths By Node.png. You should see each node highlighted on the image.

TV Tshirt Maker Hub Logo Dynamic Offset Result White Nodes.png

  • Select and delete each of the nodes that make up the light bulb interior. This will eliminate the transparent region inside.

TV Tshirt Maker Hub Logo Dynamic Offset Result White Background.png

  • We need to center this behind the original. Select everything (draw a box around everything using the normal select tool) - the using the Align and Distribute command, center the original on the white background.

TV Tshirt Maker Hub Logo Centered.png

  • To send this to the Vinyl Printer+Cutter VersaWorks software, we need to add a stroke around the outside to serve as a cut line. Select the white background (make sure it is the white one - it is on the bottom and harder to get to - use the Ctrl-click if necessary). Give it a white stroke of size .01" You can change the color just to see what this is doing - but we will want to print it in white.

Video Demonstration

Print the TV T-Shirt Logo to the Vinyl Cutter

  • Load your saved TV T-Shirt Logo into Inkscape. Use the select tool to drag around the entire image, selected everything.

Tv Tshirt Inkscape Group.png Then use Object->Group to group them into a single object. We want to resize the entire thing.

  • Set the Inkscape measurement field to inches (in the top bar).

Tv Tshirt Inkscape Inches.png

  • Make sure that the lock icon is set to lock. This will let you maintain the aspect ratio when you change just one of the dimensions. In the image directly below, it is still unlocked. Click it so that it locks like the following image.

Tv Tshirt Inkscape Lock.png

  • Set the width to 3".

Tv Tshirt Inkscape 3 locked.png

  • Finally, resize the page to the selection by clicking Edit->Resize Page to Selection.

Print the Maker Hub Logo to the Vinyl Printer+Cutter

  • Open Inkscape with the Maker Hub Logo file you completed (with the stroke). Save this file as a pdf (File->Save As ... then select PDF in the file type). Save based on the object's size, not the page size.

Tv Tshirt Inkscape PDF Dialog.png


Versaworks

You can change the units to inches using the Edit->Preferences

Load the queue

Check the size. (If you get much bigger, need to make sure it is still vectored and not raster).

Hit print