Skip to content

2-Computer-Aided Design

Asssisnments

  • Model (raster, vector, 2D, 3D, render, animate, simulate, …) a possible final project,
  • Compress your images and videos and document it on your page
  • Learn the use of the different applications.

Applications used:

2-D Design: - Inkscape (helps when laser cutting) - Gimp (Removes background so we can change it) - Stable Diffusion AIO (Ai image generating app) - Image Magick. (Can change placement of images)

3-D Desingn: - Fusion 360 (make a project that can move for the video) - Blender. ( attempt making final project desihn)

For documentation: - Ffmpeg (video compresser) - Text to CAD (generates 3-d model)

Here is this weeks schedual.

week 2

You can view my timetable here

2-D Design

Before starting this section, we firstly need to learn the difference between raster and vector images.

1

image_source

So for a basic describtion, Raster images are made up of pixels, which tends to make it blury wherelse vector images are made up of lines and strokes which makes it clearer for printing or cutting as well.

Inkscape

3

image_source

Today, I decided to explore the dirfferent tools of inkscape and test them out. The tutorial I watched is here This is how inkscape looks when opening it:

ink3

  • I firstly decided to try the freestyle pencil to see how hard it would be to use on a laptop.I drew a star, then compared it to the star brush tool.

ink2

  • Then, I designed a warning poster for a cliff. We can see many of these types of stickmen posters, so I thought it would be a fun project to make one myself as well.

ink4

Thats all I learned on inkscape for this week.

Gimp

2

image_source

Gimp can be used in many ways, but this time, I used it for adding a new background to a image I found on google

step-1

  • Download or screenshot the image you want to add to a new background to.

g1

step-2

  • Edit a few things before delating the background.

g2

g3

step-3

  • Download or screenshot the image you want to add as the new background to the previous image.

step-4

  • drag and drop image to new layer, and then drag the background you choose to the first image.

g4

Results

gr

Keep in mind - Having an image eith a clearer outline from the background will benifit you. If the object you want to cut out is similar to the background, then it will be difficult to erase the background - If you want the image to fit into the frame, use the comandshift + s

3-D Design

Fusion 360

These are the pictures i took from the online class:

d

f

With that, I attempted to make a design for my final project. Heres how it went:

This is the first model I have for my 3d model of my final project. There will be wheels connected to it, but I’ll be geting that from anconstruction kit we have in our fab lab, so I didnt design the model of that. With addition to that, the slothes are not properly made in this design, but this is just supposed to give me a base idea of my final project

Blender

When downloading blender, you can search up blender download, or click on the link [here] (https://www.blender.org/download/)

These are some of the basic commands on how to use blender.Though i won’t be focusing on blender to much because i chose to use fusion this time. We learned how to use blender during a local session though, so here are some notes in case I use blender in the future.

Add commands : ctrl + A Transformation commands :
Move the object : G + X/Y/Z
Scale the object : S + X/Y/Z
Rotate : R + X/Y/Z
Cancle : esc
Undo commands : ctrl + Z
Group nodes : ctrl + J
Duplicate : ctrl + D
Name the group of nodes : fn + F2

These are the images tI took from the online class on blender:

  • Firstly, we installed blender, then learned a few tools
  • After that, we accesed the node for a cube 2-2

  • Then we build on the node to change the shape of the cube. 2-3

  • This is a more detailed view of the node for the cube that I made in class.

2-4

Text to CAD

This site can be used for generating 3-d models depending on the prompt you write. I decided to try this out by making a lego piece for a prompt

t to cad

This actually worked really well, and if I ever needed to make a vision for a 3-d model, I would use this to get a base idea of what I want to make.

Image and Video compresser

DeepAI

DeepAI ai is used for generating images with the prompt you give the bot

For this assignment, I decided to give a prompt that describes my final project just to see if there are any points I can take, and if the AI image looks better than my actual idea:)

d1

(The outcome honestly shocked me.Its actually better than I expected and similar to my idea)

I also tryed some other prompts

d2

Imagick

Before I did any editing on my own images, I researched on a few prompts that I can use.

Here are some prompts to use imageMagick

  • Resisize an image depending on the width and height changed
convert input.jpg -resize 800x600 output.jpg
  • Converting your image format(like from png and jpeg)
convert input.png output.jpg
  • Adding text to image with font, size, and color specified as well
convert input.jpg -font Arial -pointsize 30 -fill white -annotate +50+50 'Sample Text' output.jpg
  • Crop an Image to the area you decied on
convert input.jpg -crop 100x100+50+50 output.jpg
  • Rotate an Image by the degree you specify
convert input.jpg -rotate 90 output.jpg
  • Apply a Blur Effect to the image:
convert input.jpg -blur 0x8 output.jpg
  • Convert an image to grayscale (black and white )
convert input.jpg -colorspace Gray output.jpg
  • Combine Multiple Images into One Concatenate horizontally:
convert +append input1.jpg input2.jpg input3.jpg output.jpg

Concatenate vertically:

convert -append input1.jpg input2.jpg input3.jpg output.jpg
  • Create an Image from Text
convert -size 300x100 xc:skyblue -gravity center -pointsize 24 -fill white -annotate 0 'Hello, World!' output.png
  • Apply a sepia effect to the image:
convert input.jpg -sepia-tone 80% output.jpg
  • Add Border to an Image
convert input.jpg -bordercolor black -border 10x10 output.jpg
  • Create a Thumbnail
convert input.jpg -thumbnail 100x100 output.jpg
  • Make an image partially transparent:
convert input.png -alpha set -channel A -evaluate set 50% +channel output.png
  • Create a collage or montage of several images:
convert +append input1.jpg input2.jpg input3.jpg output.jpg
  • Draw a rectangle on the image:
convert input.jpg -stroke black -strokewidth 2 -fill none -draw "rectangle 10,10 200,200" output.jpg

After that, I watched this tutorial

Flameshot

Flameshot is a software used to take screenshots with additional features

flameshot

You open flameshot in the icon bar.the steps are - Press and select the area you want to take a picture of. - Press Ctrl + S to save

Here are a few extra commands-

Ctrl + C: Copy selection to clipboard
Mouse wheel: chang tool size
Right click: chnage color
Space: open side panel
Esc: exit

XnConvert

XnConvert is a image compresser software.It can reduce the size of images by a drastic amount, so we were all advised to use it.

Drag and drop, or chose the image you want to convert.

After that, you can change the settings for file format or location in the output settings

settings

You can also change the size of your image in the actions settings.

size

After your happy with the settings, you can convert your image.

convert

Video Compression

You can access the website I used [here] (https://www.cloudpresso.com/compress-video)

First of all, we need to downoad your video. Then for the video compression, I used cloudpresso.

The first step is to drag and drop the video you want to convert.

dnd

Then, you can cahnge a few of the settings of the quality you want the video in, Then compress it.

settings

Chatgpt was used for the prompts and google for the images.

Thank You


Last update: April 10, 2025