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.
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.
Inkscape¶
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:
- 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.
- 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.
Thats all I learned on inkscape for this week.
Gimp¶
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.
step-2
- Edit a few things before delating the background.
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.
Results
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:
With that, I attempted to make this project
Blender¶
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
-
Then we build on the node to change the shape of the cube.
-
This is a more detailed view of the node for the cube that I made in class.
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
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:)
(The outcome honestly shocked me.Its actually better than I expected and similar to my idea)
I also tryed some other prompts
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
Here are the images that I edited using ImageMagick:
Chatgpt was used for the prompts and google for the images.