Skip to content
Snippets Groups Projects
Commit 79394c9d authored by Ahmad Fares's avatar Ahmad Fares
Browse files

-m updating Vinyl Cutter

parent c430445a
No related branches found
No related tags found
No related merge requests found
Pipeline #
Hide whitespace changes
Inline Side-by-side
Showing
with 87 additions and 3 deletions
participants/fares.ahmad/linux/linux.html
+ 1
− 0
View file @ 79394c9d
......@@ -25,6 +25,7 @@
<p>HTML does not includes tags for the web page format. markdown solved the problem of html tags for writing the content, but it can not be used to format the web page so I have used CSS to make the documentation looks more organized.</p>
<p>It is easy to include CSS in the html file, first thing I did is creating the styles.css file using <code>touch styles.css</code> in the terminal then I have copied the CSS code from <a href="http://git.fabcloud.io/francisco/beach-lab-htgaa-2015/raw/master/students/sanchez.francisco/base.css">this link</a> to the styles.css using atom. The file is now ready, to include it in the html file, pandoc comman is changed to <code>pandoc -s -t html -c styles.css filename.md -o newfilename.html</code>.</p>
<p>The name <strong>styles.css</strong> it's self can be set to any other names, but the <strong>.css</strong> is a must.</p>
<p><strong>Document CSS file / website </strong> http://markdowncss.github.io/modest/</p>
<h2 id="git-repository">Git repository</h2>
<p>I have heard about github, but never used it or read about how does it works. Prefab academy has introduced the concept of repository to me, and allowed me to learn the technology behind git.</p>
<h4 id="signing-up">signing up</h4>
......
participants/fares.ahmad/linux/linux.md
+ 3
− 0
View file @ 79394c9d
......@@ -30,6 +30,9 @@ It is easy to include CSS in the html file, first thing I did is creating the st
The name **styles.css** it's self can be set to any other names, but the **.css** is a must.
**Document CSS file / website **
http://markdowncss.github.io/modest/
## Git repository
I have heard about github, but never used it or read about how does it works. Prefab academy has introduced the concept of repository to me, and allowed me to learn the technology behind git.
......
participants/fares.ahmad/linux/styles.css
+ 1
− 1
View file @ 79394c9d
......@@ -222,5 +222,5 @@ blockquote {
pre,
code {
background-color: #ccc;
background-color: #c0c0c0;
}
participants/fares.ahmad/vinyl-cutter/images/10.png 0 → 100644
+ 0
− 0
View file @ 79394c9d
participants/fares.ahmad/vinyl-cutter/images/10.png

120 KiB

participants/fares.ahmad/vinyl-cutter/images/7.png 0 → 100644
+ 0
− 0
View file @ 79394c9d
participants/fares.ahmad/vinyl-cutter/images/7.png

446 KiB

participants/fares.ahmad/vinyl-cutter/images/8.png 0 → 100644
+ 0
− 0
View file @ 79394c9d
participants/fares.ahmad/vinyl-cutter/images/8.png

306 KiB

participants/fares.ahmad/vinyl-cutter/images/9.png 0 → 100644
+ 0
− 0
View file @ 79394c9d
participants/fares.ahmad/vinyl-cutter/images/9.png

431 KiB

participants/fares.ahmad/vinyl-cutter/images/inkscape1.png 0 → 100644
+ 0
− 0
View file @ 79394c9d
participants/fares.ahmad/vinyl-cutter/images/inkscape1.png

63.2 KiB

participants/fares.ahmad/vinyl-cutter/vinyl-cutter.html
+ 38
− 1
View file @ 79394c9d
......@@ -10,7 +10,44 @@
</head>
<body>
<h1 id="vinyl-cutter">Vinyl Cutter</h1>
<p>Day 3 was the start of learning about the fab machines. In this day I have learned about using the vinyl cutting machine. This machine is used to produce stickers and logos. First thing to do was downloading <strong>inkscape</strong> software which will convert the required image from Raster to Vector and then back to Raster. This conversion process is performed to improve the quality of the image.</p>
<p>## Introduction</p>
<p>Vinyl cutter is a computer-controlled machine which cuts thin vinyl into shapes like logo and stickers. This machine was the first to learn about in the prefab academy.</p>
<h2 id="inkscape">Inkscape</h2>
<h4 id="install">Install</h4>
<p>Inkscape was the first thing I did, this software helps improving the quality of an image by first converting it to vector then back to raster. I have downloaded the software using the following commands:</p>
<p><code>sudo add-apt-repository ppa:inkscape.dev/stable</code><br />
<code>sudo apt update</code><br />
<code>sudo apt install inkscape</code></p>
<p>The program GUI</p>
<div class="figure">
<img src="images/inkscape1.png" />
</div>
<h4 id="producing-the-logo">Producing the logo</h4>
<p>The idea behind using vector graphics is to produce a 1000dpi image. Images from the internet cannot guarantee this quality so inkscape is used.</p>
<p>After opening the software, I have opened the logo from <strong>File --&gt; Open</strong> then I have converted the image to vector using <strong>Trace Bitmap</strong> in <strong>Path</strong> option.</p>
<p>As shown in the following image, I have chose the option <strong>Brightness steps</strong>. My image is already with transparent background so I did not choose <strong>Remove Background</strong>.</p>
<div class="figure">
<img src="images/7.png" />
</div>
<p>After I have pressed OK, I got the new image beside the old one as shown in the following image.</p>
<p>Next step was the scale the logo down to the needed dimensions, to do so I have locked the dimensions and chose the <strong>mm</strong> option then I have changed the dimensions to 40x29.205 mm.</p>
<div class="figure">
<img src="images/8.png" />
</div>
<p>The last step before exporting the logo was to place the logo inside the borders with the required margins form <strong>File --&gt; Document Properties</strong>. I have placed it with a margin of 5px each side as shown in the following image.</p>
<div class="figure">
<img src="images/9.png" />
</div>
<p>Now that the logo is ready, I have exported as <strong>PNG</strong> from <strong>File --&gt; Export as PNG</strong></p>
<div class="figure">
<img src="images/10.png" />
</div>
<h2 id="set-up-machine">set up machine</h2>
<p>After I have exported the logo (I will cut Jaguar logo), I have started to set up the vinyl cutter.</p>
<ul>
<li>Photos 1-3 show the unboxing the vinyl cutter</li>
......
participants/fares.ahmad/vinyl-cutter/vinyl-cutter.md
+ 44
− 1
View file @ 79394c9d
# Vinyl Cutter
Day 3 was the start of learning about the fab machines. In this day I have learned about using the vinyl cutting machine. This machine is used to produce stickers and logos. First thing to do was downloading **inkscape** software which will convert the required image from Raster to Vector and then back to Raster. This conversion process is performed to improve the quality of the image.
## Introduction
Vinyl cutter is a computer-controlled machine which cuts thin vinyl into shapes like logo and stickers. This machine was the first to learn about in the prefab academy.
## Inkscape
#### Install
Inkscape was the first thing I did, this software helps improving the quality of an image by first converting it to vector then back to raster. I have downloaded the software using the following commands:
`sudo add-apt-repository ppa:inkscape.dev/stable`
`sudo apt update`
`sudo apt install inkscape`
The program GUI
![](images/inkscape1.png)
#### Producing the logo
The idea behind using vector graphics is to produce a 1000dpi image. Images from the internet cannot guarantee this quality so inkscape is used.
After opening the software, I have opened the logo from **File --> Open** then I have converted the image to vector using **Trace Bitmap** in **Path** option.
As shown in the following image, I have chose the option **Brightness steps**. My image is already with transparent background so I did not choose **Remove Background**.
![](images/7.png)
After I have pressed OK, I got the new image beside the old one as shown in the following image.
Next step was the scale the logo down to the needed dimensions, to do so I have locked the dimensions and chose the **mm** option then I have changed the dimensions to 40x29.205 mm.
![](images/8.png)
The last step before exporting the logo was to place the logo inside the borders with the required margins form **File --> Document Properties**. I have placed it with a margin of 5px each side as shown in the following image.
![](images/9.png)
Now that the logo is ready, I have exported as **PNG** from **File --> Export as PNG**
![](images/10.png)
## set up machine
After I have exported the logo (I will cut Jaguar logo), I have started to set up the vinyl cutter.
- Photos 1-3 show the unboxing the vinyl cutter
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment