2. Computer-Aided Design

assignment

model (raster, vector, 2D, 3D, render, animate, simulate, …) a possible final project, compress your images and videos, and post a description with your design files on your class page

Part of the 2D

Raster vs Vector

To design a 2D image, it is important to know that we have two types of image format:

- The raster format (jpg, gif, png…)
- The vector format (ai, eps, svg…)

The main difference between these two formats is that a vector image can be enlarged without losing its quality, whereas a raster image loses its sharpness when enlarged.

The raster image (or bitmap): It is composed of small points called “pixels” that we do not see with the naked eye. When a raster image is enlarged, this image is no longer visible to the naked eye. When a raster image is enlarged, it becomes blurred because the pixels come out, these are the squares that appear on the screen.

The vector image: It is composed of lines of segments that are linked together by mathematical formulas. It is a system of proportionality and coordinates. Thanks to vectorization, each element has a well-defined place which prevents the image from being distorted.

Inkscape

for vectorial image you have many software some open source like Inskcape. For the 2D learning i will focus on Inskcape

download the software at this link: https://inkscape.org/release/inkscape-1.1/

I was looking for an idea of what I could do on Inkscape and my instructor gave me the idea to create an svg file to be used in the next assignment by the vinyl cutter to make a steaker for my laptop.

So I research my old logo of kalk3d on google. i have seen something on my old facebook page. it is a very poor quality image but enough for that job

After installing and opening Inscape looks like this

After downloading the logo, we open it in Inkscape by going to the File>Open tab.

As the image is to be pasted on my computer, it is important to resize it. To do this we click on the tab file>Document Properties

I took 204mm as height and 204 mm for the width

For the next step, we create a trace bitmap, which will allow us to transform the image into several editable shapes. To do this, we click on the Path>Trace bitmap tab and validate in the window that opens.

When you click the OK button, a second image in black is created above the initial image.

By double clicking on the image is black, we can see the different shapes that make up the image. From this step, I can save this image as an svg file but I will go further to show how I can modify this shape to my liking.

To change the shapes, you just have to move the little squares. By moving some of these squares, here is the result I get below.

To save the result in svg we go to File>Save as… and there in the window that will open we choose the extension svg

Image compression

The gimps

In the documentation of each week’s assignments, we use images to better explain our work. However, it is important to compress these images to reduce the size of these files before pushing them to gitlab.

To do this I use the gimp software to which I add a BIMP plugin

After installing gimp in addition to its bimp plugin, we open the gimp and go to the file tab and click on the Batch Image Manipulation Plugin sub-tab.

After clicking, the bimp window opens as shown in the image below. So, to compress an image, we first select the image to be compressed by clicking on the Add images button. Then we choose the folder in which the compressed image will be saved at the end of the process by clicking on the Output folder button.

Now we click on the +Add button located in the Manipulation set part.

There are several tabs, but the ones we are interested in are Resize and Change format and compression .

These are the settings used for Resize.

Here are the format change and compression parameters.

After the settings we press the Apply button and the chosen image will be compressed.

Below I show you an image that weighs 3.6 MB.

After compression, the image weighs 214.5 KB

Part of the 3D Modeling

3D modeling is the computer process of creating a three-dimensional digital representation of objects or environments, characterized by geometric data such as spatial coordinates, textures and visual properties, using specialized software for visualization and analysis in diverse applications such as animation, simulation, industrial design and video games. FreeCad is an open source software, stands out as an integrated solution, offering outstanding functionality for the creation of three-dimensional models. In this exercise, we’ll explore some of FreeCad features for 3D modeling,

For our training in FreeCad , we chose to design a five-pointed star