2. Computer Aided design¶
2D Designing¶
Cuttle¶
Cuttle.xyz is A web-based design tool for digital cutting machines. It Generates custom SVGs in seconds with templates, or use the editor to make your own designs.
You can drag and drop whatever you want from the side panel shapes text or even draw something from scratch

as you can see the text is not displayed as the font does not support arabic that is the reason why we need to find a different compatible font

we look up arabic and choose the font family that we desire

there are different options to fabricate the text here we adjusted the spacing

in this part we are trying to create an external frame matching the text. to do so we are duplicating the text and turning it into an outline stroke


After making it into an outline stroke we can then adjust the width of it to what we find presentable

in this step we are separating the text from the outline to be abele to modify each separately

The subject is then turned into paths which makes deleting specific lines possible


Readjusting the position of the sections to keep them intersecting to be able to have the whole design in one piece

Rejoining the text and the outline


merging the outline using the boolean union weld tool

adding a circle to have it as a key chain holder

welding the pieces together

finally adding the hole

Some other designs that I did using paths manipulation
A Batman logo with a key chain hole

A cute bunny

File download
Batman logo
The key chain
Bunny
fusion 360¶
In this section i just wanted to experiment with Fusion360’s tools and different types of ways to fabricate the drawing
Starting a sketch

choosing a plane to start the drawing

the different shape options that we can start with

This tool allows you to define the size of the shapes and it has a shortcut of "D"

Adding center lines and turning them into construction lines makes invisible or not a part of the actual drawing if we can say yet we can apply constraints on them to align the shapes for example

Collinear constraint

The trim tools allows you to cut lines without affecting the whole shape

The fillet tools allows for cutting edges with a specific radius


Final drawing with some additional details

I found that cuttle is a very versatile 2D design software and it is similar to a lot of different 2D vector design softwares although since I am personally not very familiar with the 2D design I found it a little challenging to deal with it unlike Fusion360, even when it’s a new software to me I have worked with solid works before so the ideas are the same it is just a matter of finding where the tool that I need is.
3D Designing¶
Fusion 360¶
Testing and experimenting¶
using the drawing from previously we are now trying ti turn it into a 3D object this is done by the Extrude tool having a shortcut of "E"

we can just drag the shape out with the cursor or write down the dimensions

to create a hole in the object we can sketch on the specific face we want by selecting it and choosing to sketch

I added a perpendicular constraint to the shape to keep it upright

I added a construction line and then created a center point constraint to have the shape in the middle of the drawing face

Using the extrude tool we can have an option of cutting by adjusting it manually or by dragging the direction into the material

finally I added a chamfer on the round edge

This was the final result

Download the file
Trying a unique design¶
The Reference



Hollowing the design to be able to add some type of LED inside the cube

Selecting a face for sketching

inserting a schematic picture of the design to draw over it


creating a plane to be able to draw the cuts and the pattern on a top piece


The final result

For more in detail and in depth Fusion360 check the link below Fusion360 30 day tutorial playlist
TinkerCad¶
I made this simple plane using the default shapes available I just had to modify the sizes of each shape and relocate them accordingly

these were the steps taken (there was no special functions used):
The interface of TinkerCad

After dragging and dropping the shape there are a few options to adjust and manipulate it the circle surrounding it is for rotating the shape you can decide if the shape is a solid shape or an empty hole in another object you can adjust the size and scale of the object some shapes could have adjustable segments which means that you can control how smooth the shape is

dragging the shape from these squares would adjust the size of the shape

The color and how the shape is perceived could be adjusted here

Adding different shapes and moving them to the desired position

Manipulating the size and ratio of the shape

Adding the engines

it is possible to select grouped shapes and be copied

final adjustments

this video explains the basics of using TinkerCad