Skip to content

Week 2: Computer Aided Design

Potential Final Project

sketches About 10 years ago, I was flying my drone in winter, when it suddenly collapsed. The weather was dry, the temperature not very cold, above the extreme rating. But it fell about a 100m, and one of its arms got broken.

After repairing, I started looking into attachable parachute options, because I couldn’t fly it with the same courage. But commercial drones were new to the market, and such products were not available. Years later, I still have the drone, no a parachute, and a great idea to solve!

falling drone animation GIF

More on how I made this GIF under the section Making a GIF.

CAD

When I was 15, I had taken an introductory course on graphic design, which unsurprizingly had reflected more on my adaptation and navigation skills to new software than sense of design thinking…

What is CAD?

CAD is the digital evolution of technical drafting, enabling the creation of precise 2D blueprints and 3D models for engineering and architecture. It relies on vector geometry — mathematical paths that maintain perfect clarity at any size – rather than raster pixels, which blur when scaled. This precision allows designers to move seamlessly from a digital concept to a physical product through accurate, scalable data. CAD almost always uses vectors!

Raster vs. Vector

When learning about CAD, the first thing one probably encounters with are the terms raster and vector. Raster files are comprized of pixels, and are generally larger than vector files. Whereas vectors are lighter, and are made of mathematical equations. Here’s a visual example on my favicon to compare the two variations.

raster vs. vector files

Rasters can contain millions of pixels and incredibly high levels of detail. Their large size can impact device storage space and slow down page loading speeds on the web. However, you can compress raster files to make sharing easier, as one does the same for Fab Academy documentations.

Vector files are much more lightweight than raster files, containing only the mathematical formulas that determine the design.
There are also **native** file types, meaning the default format a specific software used to save its work.

Comman file types

Vector [mathematical equations]:

DXF: CAD exchange; moves geometry between different drafting apps
SVG: Web-standard; ideal for scalable logos and icons

Raster [pixels]:

PNG: High quality; supports transparent backgrounds
JPG: Small files; best for photographs and web images
TIFF: Zero quality loss; the standard for high-end printing

Exception:

PDF: Universal container; can hold both vector functions and raster pixels in one file

What to use: JPEG or PNG?

Note, JPEGs cannot have a transparent background, whereas PNGs can! So, in dark mode, in the images below you can clearly notice the difference between the left JPEG file with white background, and color-matched background PNG file on the right.

alt text alt text

To get a better understanding about JPEGs I recommend this video!

Software

Throughout the first several weeks I have tried out many apps. During our local lectures we primarily used FreeCAD for learning purposes, yet for me, the most prominent ones were Fusion, Blender, and Figma.

FreeCAD

FreeCAD This was my first experience with FreeCAD, in fact I did not know of any open-source CAD software before. In the begining it was a complete love and hate relationship between me and FreeCAD, it was not straightforward whatsoever. But eventually I got used to the interface, and its endless errors.

alt text alt text

OpenSCAD

openSCAD I did not get to use much of OpenSCAD, but it was a very intriguing software. It actually reminded my of CAD apps on dumbphones. Despite, I am planning on returning to OpenSCAD!

One experiment I did – giving a prompt to LLMs, more specifically Claude, ChatGPT, and Grok. The prompt was:

"Create an OpenSCAD script for a parachute canopy consisting of 16 panels [22.5° each] that form a dome shape, not flat slices. The canopy should be hollow [edge surfaces only], with each triangular panel meeting at the apex and connecting along the rim. Panels must alternate red and white, and the overall shape should resemble a real curved parachute canopy, not a pizza slice or flat/open structure."

After much back and forth, the reults were not very pleasing. The most popular LLM – chatGPT performed the worst. But the rest – Claude and Grok had their results more or less close to what a parachute would look like.

Claude

These were the two “okay” version generated by Claude, but the second file was made up of too many poligons, hence the file was very heavy and slow to operate.

claude parachute 1 claude parachute 2

Grok

With Grok I achieved the prettiest results, and overall Grok is best at generating visuals of any kind. However, the problem with this file was the presence of internal polygons.

grok parachute alt text

Please find the downloadables in the Resouces secotion below.

Fusion

Fusion360 In the beginning, I could not get my account verified for a while. But after having talked to Fab Academy Administration folks the issue was solved. I quite enjoyed the UI of the app, and it was much easier to navigate through. After FreeCAD the app was a total reliefe.

For Fusion, beside YouTube tutorials, I also found official learning material on AutoDesk's website.

Blender

Blender I had previously worked with Blender, in fact it was last spring, during a wrokshop in my Fab Academy node.

The workshop was about creating a digital twin of an object. We first made a small objects with clay, then let them dry. After we 3D scanned them, and imported onto Blender to improve their surfaces. We resulted in 3D printing them, and coating them in copper by dipping in anodized baths.

Figma

Figma Figma is a cloud-based collaborative design tool used primarily for creating user interfaces [UI], and user experiences [UX]. It offers a forever-free standard plan. Though I do not use the app to its full potential, it comes in handy when working with basic iconography. This is a great alternative for Adobe Illustartor, which also offers a user-friendly interface.

drone animation steps

Making a GIF

2D drone Here’s an example of how I use Figma, and have been using for some time now. Through it, I created multiple frames of the drone falling, and deploying the parachute; then animated this all with a .gif file. Then I went online, to ezgif.com and uploaded the folder with all the frames. GIF maker > Choose Files > Upload Files > Adjust delays > Adjust FPS > Create

Gimp, Inkscape and others

Although I had downloaded Gimp and Inkscape, I did not proceed to explore much of these apps. I don’t always follow the saying “don’t judge a book by its cover,” and indeed with these app interfaces it is quite difficult, and not very intuitive to navigate through. I mostly get to use these apps only with our lab computers connected to machines.

Compressions

For image compressions please refer to Week 1, under Compressing Images. There I have a thorough explanation of compression methods.

Video

One thing one should note is not to include .mov format videos. Instead the format should be .mp4.

Previously, I also have used HandBreak, an open-source tool with a vast amount of video formats. Not very intuitive, especially if you are not familiar with formats, and their encodings. In any case, I still recomend this tool.

Less compliacted options are web-base tools, and FreeConvert is quite versatile.

Conclusion

The second week went by faster than the first one. At the end of the week I realized that I should have dedicated more time to bare with patience, and go over some introductory tutorials of some of the applications. I wish I would have learned more than I had!

Resources

Source files:

Parachute by Claude
Parachute by Grok