Computer Aided Design
February 5, 2024
Challenge
- 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 Modelling:
Modeling serves as the foundational stage in the intricate realm of sketching, where conceptual ideas begin to materialize along the precise axes of X and Y coordinates. This pivotal phase incorporates two distinct techniques: Raster and Vector. Each method brings its own set of advantages and characteristics, contributing to the nuanced artistry of transforming abstract concepts into tangible visual representations.
-
Rasterization stands as the technique employed for rendering images through the meticulous arrangement of pixels—square units whose color and transparency can be finely adjusted. This method, rooted in pixel-based manipulation, allows for a granular and customizable approach, facilitating the creation of detailed and vibrant visual elements.
-
Vectorization represents a distinctive approach to drawing that relies on the precision of lines, curves, and fills. This method transcends the pixel-based paradigm, offering a versatile means of creating images characterized by smooth contours and scalable details. The use of vectors provides a level of flexibility conducive to intricate design and seamless adaptability across various sizes and resolutions.
Pros & Cons
Rasterization | Vectorization |
---|---|
The best when it comes to editing photos. | The best when it comes to illustrations and Logos. |
Complex and time-consuming to transform raster to vector. | Easily to be converted to raster. |
Not that scalable. | Scalable to any size. |
easily converted to any file format | Can’t be changed at all |
It’s challenging to print raster images when it comes to color | Easily to be printed as the number of colors can be modified during the printing process. |
Softwares
Rasterization | Vectorization |
---|---|
GIMP | Inkscape |
pixlr | Illustrator |
artweaver | CorelDraw |
GIMP (Raster)
In the course of my research, I directed my attention towards acquiring a beginner-friendly software that facilitates a rapid and straightforward learning experience. Following numerous recommendations, I decided to explore GIMP. Here, I present my findings on GIMP, an application deemed suitable for beginners, marked by its user-friendly interface and efficient learning curve. Let’s delve into the details below! 🤓
- GIMP Interface is simple and clear.
- To start we will create a new window to create our drawing.
At this juncture, we have the option to define the dimensions of the Background layer that align with our project requirements. Furthermore, we possess the capability to adjust the resolution to our desired specifications. This level of control over size and resolution ensures a tailored workspace conducive to the precision and quality demanded by our creative endeavors.
- Then we can start adding our drawing.
In my case, I want to create a logo (simple one) Just to demonstrate the working environment using GIMP.
- I will start by adding text.
- After adding the text we can change the spacing between the letters and also the font type.
Then I will have my entire logo built just using text and some Alignment.
- Then I will add some drawings to it. –> I will just search Google for (bulbs and Feathers) and I will insert it as a layer in my working space.
Then we will find it as a layer on the right-hand side of the screen.
Now I have both of them as layers to play around I will hide the bulb and work the Feather by scaling its size down to integrate it into the text.
- To Scale Down we will Select the Feather layer and then we will right-click and select Scale Layer.
Then we can play with the opacity and the placement of the picture.
Also to have it behind the text we have to make the layer of the bulb after the layer of the text.
- Combining all together.
My Opinion
I find myself not particularly inclined towards drawing or designing artistic elements, yet my initial experience with GIMP has been notably positive. The software’s intuitively simple interface, especially designed for beginners like myself, has greatly appealed to me. The straightforwardness of operations, such as adjusting letter spacing and manipulating individual layers independently, offers a user-friendly environment. Furthermore, I appreciate the versioning feature, which automatically saves every action and allows for easy undoing and redoing, providing a safety net for experimentation. For novices in the realm of graphic design, I highly recommend GIMP as a user-friendly and accessible tool.
Raw Files :
(Logo) (Bulb , Source) (Feather , Source)
InkScape (Vector)
As part of my exploration into graphic design tools, I am inclined to replicate the same logo using Inkscape. This comparative endeavor aims to discern and evaluate the differences between the two software applications, focusing on aspects of simplicity and overall design quality. By undertaking this parallel project, I seek to gain insights into the unique features and user experiences offered by both GIMP and Inkscape in the context of logo creation.
- Then I will start by creating the text to have the same logo.
Proceeding with the Inkscape project, my next actions involve selecting a font reminiscent of the one chosen in the prior GIMP design. I will carefully adjust the font size and meticulously fine-tune the spacing between letters to ensure a parallel aesthetic.
About spacing settings in Inkscape, there is comprehensive control over both letter and word spacing. This level of precision allows for the fine-tuning of the typographic elements, ensuring a harmonious and visually pleasing arrangement.
Inkscape offers the ability to adjust the spacing for individual letters, although the process can be somewhat more intricate. While the user can select two specific letters for spacing modification, there is a need for careful handling, as the adjustments may inadvertently affect adjacent letters.
Moving on to the next word in the logo, I plan to create a separate layer in Inkscape to maintain distinct control over each word, independent of its neighboring elements.
- Now I will select the layer and create new text within it.
Inkscape notable efficiency comes to the forefront as it seamlessly retains the settings from the preceding layer, streamlining the workflow and saving valuable time.
- Following a systematic approach, I will replicate the process for the next word by creating a new layer in Inkscape.
Transitioning to the incorporation of visual elements, I will create an additional layer in Inkscape dedicated to the integration of both the feather and the bulb. This deliberate layer separation, with each element residing on its own distinct layer, allows for independent manipulation and precise control over their positioning within the overall design.
- Then I can easily change their size and alignment here in Inkscape.
- Then I will change the opacity of each one of them to have what I’m looking for.
To optimize the efficiency of the design arrangement, I will select all the objects present on the canvas in Inkscape and group them.
- Now I’m Done so I just need to Export the file into SVG.
We can also change the directory file and the type of the file.
Now here is the final logo look.
What is this for
At the beginning I was planning to have this as a Logo for my product as I’m thinking of making a pack for the AQI device, But Mostly I’m gonna use it only on my website.
My opinion
I appreciate my candid reflection on my experience with Inkscape. While I’m not new to the software, this venture into logo creation has provided a fresh perspective. my observation regarding Inkscape’s user-friendliness and straightforward operation, especially in comparison to GIMP, underscores its versatility. It’s interesting to note how familiarity with specific features for paths and object tracing can influence perceptions. My conclusion that Inkscape proves to be exceptionally easy to use aligns with its reputation as a powerful yet accessible design tool.
Raw Files :
(Logo) (Bulb , Source) (Feather , Source)
3D Modeling
The process of generating a three-dimensional representation of an object or surface is known as 3D modeling. This involves the use of specialized computer software designed explicitly for this purpose.
In this modest documentation, I will try to evaluate 2 different software (OnShape & Solid Works)
Onshape (3D)
I will create a package (Rounded base and Lid with Arabesque Pattern).
- Create the document and name it.
The interface of Onshape is notably simple and straightforward. Its design prioritizes user-friendly navigation, offering an intuitive experience for users to efficiently engage with the software.
- Now i will start my design with a sketch, as I need to add a square to start making my Arabesque pattern.
- My entire object is going to be on the front plane.
- Then I will set the dimension to the square, in this case, the square will change to black which means relations are built for this object.
- Another square within the same square with dimension.
Now I have my base for the pattern ready, I will build some construction lines to build the other squares.
From Here I can know the start point for my next square.
Note: Construction lines are not included in the calculation they are just built to guide the designer without being built later on so the compiler will automatically neglect them.
Now the square is going to be similar to the big one and I will add construction points to it to set the center point.
- Then I will add another square from the set point in the center, like the smaller one we created previously.
So far I have created the base for my pattern.
-
Now I will start using the pattern option to create other copies from the bottom squares.
-
I will Use Circular Patterns.
- Another pattern to the other square.
Finally, we have the pattern sketch ready
Note: This sketch can be exported to DXF.
Now we can start making the 3D model from this sketch.
- In my case, I will start with only the centered drawing part.
Extrude Done
- Now we can apply the fillet and chamfer on both sides of the object.
- Now my 3D model is ready.
- After this, I want to expand my object and link more parts together, So I will use the transform option and I will make sure that my main model remains untouched.
In this case, I will have identical parts but each one of them is separate from the other we will deal with this later. Now we will use the circular pattern on the 3D model but before using it we need a rotation axis for the object.
This Is Exactly what we have sketched
- Now let us make all of these parts one.
Now the pattern is ready, but we need to create the boundaries.
We will do this by editing the sketch, adding a circle to it, and then extruding it so we can have the Lid ready.
Now let us create the base.
- to start we need a new part sheet.
Then we will simply create a new sketch as previously done and we will choose the front plane, we will simply draw 2 Circles whose center is the origin.
- Now we will extrude the outer layer alone and the inner one alone.
- Then we will union both parts together.
Then we will do some chamfer and fillet on both the top face and bottom face to make sure no sharp edges.
Now the Base is done.
Now we need to assemble both parts.
- Then we will insert the parts together.
Then we can create mates between the parts.
All done now.
I need to export the files, simply by clicking on the assembly file (right-click) then I chose Export.
Then choose the right options for you.
The STL file is now ready.
My Opinion:
Having used Onshape regularly for my work, I consistently favor it over other platforms due to its unparalleled simplicity and robust versioning management. The seamless experience it provides in tracking and organizing versions without any lag significantly contributes to my workflow efficiency. Furthermore, the live preview feature proves invaluable, offering real-time insights and promptly highlighting any mistakes, thereby facilitating a swift and informed design process.
Raw Files :
Onshape Document , Base , LID , The Model
Solidworks (3D)
In Solidworks I will create the stand for my package then I will assemble all the parts together.
- Solidworks Interface
- Let us start by creating the sketch.
My sketch is simple, I will use a centered rectangle in the origin and I will give it a dimension of 200mm by 150mm.
- Then I will trim some of the entities to have a Triangle.
- Then I will add a Spline Line between the two edges of the hypotenuse.
- Now I can Manipulate freely the spline line to have the required shape for my Stand.
- This is the shape that will go right for my package.
- Now I will Extrude the sketch.
- Now let us have the edges fine and smooth (Fillet feature)
Here we go the Stand Now is ready
Then I will import all the parts together in the assembler of SolidWorks and I will make sure to add mates to have the required position and look.
What is this for:
This is a simulation for the housing of the AQI device I would like to have as final project.
My Opinion :
Reflecting on my experience with Solidworks, it stands out as an advanced CAD software offering a plethora of features and the capability to handle intricate designs. However, the complexity, especially evident in the function tree, can be overwhelming, creating a somewhat daunting perception. Additionally, the demanding hardware requirements, as evidenced by the strain on my machine and the slower assembly times, add to the challenges.
Conversely, my preference leans towards Onshape for its simplicity and efficient versioning management. Although Solidworks excels in handling complex designs with intricate relations, Onshape’s user-friendly interface and accessibility make it a more favorable choice for my workflow. It’s a nuanced choice based on the specific needs of the project, where Onshape shines in ease of use and Solidworks excels in handling intricate design relationships.