Skip to content

2. Computer Aided design

Computer-aided design (CAD) refers to the use of computer software and hardware to assist in the creation, modification, analysis, or optimization of a design. CAD systems are widely used in various industries, including engineering, architecture, manufacturing, and product design.




This week Tasks:

  • Model (raster, vector, 2D, 3D, render, animate, simulate, …) a possible final project, compress your images and videos, and post it on your class page




2D design softwares

2D design is the process of creating visual compositions using only two-dimensional elements - length and width. It involves selecting and arranging visual components while adhering to the fundamental principles of art and design. Designers work with 2D design software to compose and manipulate these two-dimensional elements to produce a wide range of visual outputs, such as illustrations, logos, icons, and graphics.




Cuttle:

Cuttle is a web application that enables users to quickly generate personalized SVG (Scalable Vector Graphics) cut files. It allows users to create custom designs and patterns for different cutting projects, including vinyl cutting, paper crafting, and more.


To explore more Cuttle.xyz




I started exploring the website and trying to make a key chain.




  • Signing in to cattle.xyz throw the browser
  • My website




  • Tapping New Blank Project
  • My website




  • This is how the workspace appears like:
  • My website





  • Choosing TEXT
  • My website




  • Typing the text I want, and edit the font, the size, and the letterspacing.
  • My website




  • Adding Emoji from the Emoji toolbar and edit the color.
  • My website




  • Aligning the Emoji with the text by selecting all and tap to the center icon.
  • My website




  • Duplicating the design.
  • My website




  • Selecting the copy > Tapping Modify > Outline Stroke
  • My website




  • This is how it should appears, But there are some parts that I don't want
  • My website




  • To make it easier dealing with the design, I converted it to a path By clicking right click > convert to Paths.
  • My website




  • I chose the unwanted parts and deleting them.
  • My website




  • Before & After
  • My website




  • I put the text inside the outline and allign them to the center
  • My website




  • To make a hole for the chain, I added a circle.
  • My website




  • Then, Tapping MODIFY > Boolean Union (weld) to make it as one part
  • My website




  • After that, adding new circle inside the previous. To make the hole: Tapping MODIFY > BOOLEAN DIFFERENCE
  • My website




  • Final Result
  • My website



    Click here to download my work




    ARABIC ERROR


  • Once I started typing in Arabic, it shows error message
  • My website




  • I resolved this problem by tapping on the font type:
  • My website




  • Then in the search bar, I typed Arabic and it shows to me all fonts that supports Arabic.
  • My website




  • This how it appears after changing the fonts.
  • My website


    Inkscape:

    Inkscape is a free, open-source vector graphics editor used to create and edit scalable vector graphics (SVG) files. It provides advanced tools for path editing, text handling, and exporting to various formats.



    To download inkscape click here




    One year ago I needed to turn a picture into layers to cut the vinyl using my cricut machine, and lucky me, after searching I found it ready to use. My website

    I started exploring the software and once I knew that I can turn any image into svg layers I started looking how to to do it.
    I found a youtube tutorial about how to do it and I follow the steps with different image.

    You can watch the tutorial here



  • This is the workspace of the inkscape
  • My website



  • I started by uploading the image I wanted to turn into layers using the (IMPORT) tool in the right side toolbar.
  • My website



  • I clicked right click, and then chose (Trace Bitmap). It could be found also in the (Path) section.
  • My website



  • In the (Single scan) section. I changed the Detection mode into (Brightness Cutoff), and then changed the Threshold into 0.850 to give me a clear Black & white image.
    Now I have a Black&White version of the original image.
  • My website



  • In the (Multicolor) section. I changed the Detection mode into (Colors), and then changed the Scans into the image colors number which here I have 5 colors. I also enabled the Smooth - Stack - Remove background.
    Now I have 3 copies ( Original - Single Scan - Multicolor)
  • My website



  • I rearrange the copies by Lowering the Single Scan to the Bottom, and raising the Multicolor to the top using the rearrange tool in the toolbar,
    I kept the Original Copy for a refference.
  • My website

  • I selected the Single scan copy > Path > Break Apart.
    Each part is shown and we can see the eyes, hands, and socks.
  • My website

  • The back black layer is ready, and I changed the white elements color into white and they are ready.
  • My website

  • I moved to working with the Multicolor copy.
    Selecting the copy > Tapping Ungroup.
    Now we have each layer ready to be cut
  • My website



    Click here to download my work



    My personal review:

    I enjoyed both of the softwares and I will work on both. Each one has a different amazing feature. The Tracing in the inkskape is amazing, but it is a little bit complicated. However, Cuttle is very simple and easy to use especially with the ready-to-use shapes. It also has amazing feature for importing as svg for cricut design space.

    3D design softwares

    3D design is the process of creating 3D digital models and assets using software. It involves modeling shapes, applying textures, setting up lighting, and rendering the final 3D scene. 3D design has applications in engineering, architecture, visual effects, and more. Popular 3D software includes Blender, AutoCAD, and SketchUp.

    Fusion 360

    Fusion 360 is a cloud-based 3D CAD/CAM/CAE software by Autodesk. It offers 3D modeling, simulation, and manufacturing tools for product design and engineering. Fusion 360 is used across industries and has both free and paid subscription plans.



    I started exploring the software and since it was my first time in dealing with 3d design, I watched a tuotorial and followed it.


    You can watch the tutorial here



    My 3D model:

  • This is the software workplane:
  • My website

  • I start by using the (Sketch tool) from the toolbar.
  • My website

  • I chose the plane I want to sketch on.
  • My website

  • I added a 2-point rectangle from the Create section in the toolbar.
  • My website

  • I changed the dimension and use the (Tab) key to move between the width an height. Once I finshed I pressed (escape) key to apply it and stop adding more shapes.
  • My website

  • I ended the sketch and start using the Extrude tool.
  • My website

  • I changed the distance to the 9.6 so this is how much extruded.
  • My website

  • This is how it is when I move around. I can also use the small blue arrow to go up and increase the extrude or even decrease it.
  • My website

  • To make the top part, I used the sketch tool and choose the surface I want to work with
  • My website

  • From Create section I used the circle tool and make a Center Diameter Circle
  • My website

  • I made a cricle with diameter of 5.
  • My website

  • With the measurement tool, I alligned the circle with the sides with the distance I want.
  • My website

  • With the use of Extrude tool, I changed the distance and make sure that the Operation is Join.
  • My website

  • From Mesh section, I used the Rectangular Pattern tool to make more circles at the same measurement.
  • My website

  • I changed the object type to ( FEATURES)
  • My website

  • I choose the object and the axis
  • My website

  • I chose the quantity and the distance for each Axis manually. I can also use the small blue arrow for the distance.
  • My website

  • How it should appears:
  • My website



  • I used the Shell tool to make the lower part.
  • My website

  • I chose the surface and the distance.
  • My website

  • How it appears:
  • My website

  • Using the Line tool in the sketch, I drew a lone from the centre to the centre.
  • My website



  • I made a Centre diameter circle in the centre of the drawn line using the small triangle to guide me.
  • My website



  • Using the offset tool I made an inner offset.
  • My website

  • I extruded the offset.
  • My website

  • I used the rectangular pattern,
  • My website

  • I used the fillet tool to the edges.
  • My website

  • Finally, I changed the appearance from the modify section.
  • My website



    Another projects I did using Fusion:

    Tinkercad

    Tinkercad is a free, web-based 3D design and modeling tool created by Autodesk. It has an intuitive drag-and-drop interface, supports 3D printing, and provides educational resources for learning 3D modeling. Users can create 3D designs in the browser and export them in common file formats.



    I started exploring the software and since it was my first time in dealing with 3d design, I watched a tuotorial and followed it with some changes.


    You can watch the tutorial here



    My 3D model:



  • This is the home page of the website.
  • My website



  • I started new design.
  • My website



  • This is the workplane.
  • My website



  • I start by adding this shape and a solid box and placed them together.
  • My website



  • I grouped them.
  • My website



  • I flipped the shape using this double arrow.
  • My website



  • I adjust the size and height.
  • My website



  • I added new shape and allign it with the cup.
  • My website



  • I duplicated the cup, then made the copy a hole.
  • My website



  • I added aring shape and allign it to the position.
  • My website



  • Finally, I grouped all the elements together and changed the color.
  • My website



  • the final result.
  • My website

    Another projects I did:




    My personal review:

    Since it is my first time for 3D designs, I found it complicated at the beginning. Tinker cad is very simple for those who wants to start 3D designing. It offers templates and shapes. However, Fusion is for professional use as it provides more features like the fillet. I enjoyed the Extrude tool too.





    Last update: August 1, 2024