Week 2

Computer Aided Design

assignment

  • Understanding 2D and 3D concepts
  • Learning about various software for 2D and 3D design
  • Learning how to use this software to create objects
  • Documenting the process using images and videos
  • Including all relevant files

Explore 2D

"2D" stands for "two-dimensional" and refers to shapes or objects that have length and width but no depth, like a flat surface or a picture on a page.

when we deals with 2D, the main types are raster and vector. we need to understand this two concepts which is Pixel and Bitmap.

Pixel

A pixel is simply the smallest addressable element of a picture represented on a screen. An image is made up using a collection of pixels referred to as a bitmap.

Bitmap

A bitmap is a mapping from some domain to bits, that is, values which are zero or one. It is also called a bit array or bitmap index. The more general term pixmap refers to a map of pixels, where each one may store more than two colors, thus using more than one bit per pixel.

1.Raster

Raster is made up of pixels each pixels contains informations like colors in photographs. when we zoom in the quality of the image will reduce.

File extensions are .BMP, .TIF, .GIF, .JPG, etc...

Sample
Sample

2. Vector

Vector use mathematical paths making perfect for design need to be scaled without losing quality. Vector graphics are best for printing since it is composed of a series of mathematical curves.

File extensions: SVG, EPS, PDF, AI, DXF, etc...

Sample
Sample

3. 2D Raster Softwares

Raster graphics software is used to create and edit images composed of pixels, which are tiny squares of color arranged in a grid. Each pixel contains specific color information, making raster images ideal for complex visuals such as photographs, digital paintings, and detailed textures. Raster-based images are resolution-dependent, meaning their quality decreases when scaled up. These images are commonly used in digital art, photo editing, and web graphics.

Some popular raster software includes Adobe Photoshop, GIMP, Krita, Corel PHOTO-PAINT, Paint.NET and Pixlr. These programs are widely used for digital painting, photo editing, and creating pixel-based artwork.

Sample
Sample
Sample
Sample

GIMP (GNU Image Manipulation Program)

i would like to explore GIMP. GIMP is a free and open-source raster graphics editor designed for tasks such as photo retouching, image composition, and digital painting. It is a powerful alternative to Adobe Photoshop, offering extensive tools for image editing, filters, and plugins. GIMP supports multiple file formats, including PSD, JPEG, PNG, and TIFF, making it highly versatile.

4. GIMP

To begin, I visited the official GIMP website (https://gimp.org), where I downloaded the latest version, GIMP 2.10.38. The download page clearly provides a red button labeled "Download 2.10.38," making the process straightforward. Once the installer was downloaded, I launched the setup file. A colorful installation window appeared, and I proceeded by clicking the “Install” button to begin the default installation process.

Visit GIMP Official Website
Sample
Sample

After installation, I opened the GIMP application. From the main menu, I selected File → New to create a blank canvas. I chose a high-resolution page size (2480 x 3508 pixels) suitable for detailed design work. The interface displayed various tools on the left panel, including brushes, pencil tools, and text insertion options. I started designing using the pencil tool and experimented with different brushes and shapes. I also used the text tool to write my name “HARIHARAN” in a creative format using star-like patterns and added a GIMP mascot image to enhance the design.

Sample
Sample

Once the image creation was completed, I exported the project as a PNG file. To do this, I went to File → Export As, selected the file location and format (.png), and adjusted the export settings such as compression level and metadata. I finalized the export by clicking the “Export” button, which saved the raster image to my computer.

Sample

5. 2D Vector Software - Inkscape

I explored Inkscape, a free and open-source vector graphics editor, for creating digital illustrations. Inkscape is widely used for tasks such as designing logos, diagrams, icons, and complex artwork. It works across platforms like Windows, macOS, and Linux.

Visit Inkscape Official Website
Sample

To begin the process, I visited the official Inkscape website and downloaded the version 1.4 for Windows 64-bit. The download page provided a clear link, and I was redirected to the appropriate installer automatically, as shown in the first screenshot. Once the file was downloaded, I launched the setup wizard. The installer welcomed me with the Inkscape logo and setup instructions. I clicked "Next" to continue the installation. After installation, I opened Inkscape and was greeted by a colorful and modern welcome screen (version 1.4) offering customization options. I selected the default canvas, keyboard layout, and appearance theme. I preferred the dark theme for better visual comfort while designing and saved these settings.

Sample

With Inkscape ready, I created a new document. A blank canvas appeared, and I used the toolbars on the left and top of the screen to begin drawing. Initially, I started with a simple black square and added a diagonal white line to divide the shape. Then, I duplicated and arranged multiple such blocks to create patterns. This allowed me to explore shape tools, alignment, and duplication features.

As I continued, I added colors using the fill and stroke settings. I selected various shades of purple and pink, giving the design a vibrant and modern aesthetic. These blocks were grouped and organized into symmetrical layouts, forming a geometric mosaic. I also used the star tool to add decorative elements to the corners of the canvas.

Sample
Sample

To finalize my design, I added text at the center that read "FABLAB Hariharan" using the text tool. This completed the artwork and gave it a personalized identity. The final composition was a clean, colorful vector image with creative symmetry and well-defined elements—showcasing my understanding of Inkscape’s tools and interface.

Sample
Sample

Raster Hero Shot

Sample

Vector Hero Shot

Sample

3D design

1. Opening Blender

Launched Blender and navigated to the default startup scene.

Interface overview explored briefly to identify key tools.

Visit Blender Official Website
Sample

2. Scene Preparation

Deleted the default cube.

Ensured a clean workspace by centering the 3D cursor and verifying the camera and light setup.

Sample

3. Adding Mesh Objects

Used `Shift + A` > Mesh > UV Sphere to start with a rounded shape (later replaced with metaballs for smoother look).

Also experimented with the basic cube to explore the add menu.

Sample

4. Creating Balloon Shape

Used Metaball > Ball objects to model the balloon.

Scaled and positioned the upper balloon and lower knot using two metaballs.

Sample

5. Adding a String

Inserted a cylinder for the balloon string.

Aligned it with the bottom part of the balloon.

Sample

1. Launching SolidWorks

Opened SolidWorks Premium 2023.

Created a new part and selected the Front Plane for 2D sketching.

Visit SolidWorks Official Website
Sample

2. Drawing Circles

Used the Circle Tool to draw a large central circle.

Drew a smaller circle tangent to the edge of the larger one.

Sample

3. Applying Circular Pattern

Used the Circular Pattern tool to duplicate the small circle evenly around the large central one.

Set the number of instances to 4 and spaced them equally in 360°.

Sample

4. Trimming Entities

Used Trim Entities > Power Trim to clean up overlapping lines.

Created a smooth floral contour by trimming excess arcs between circles.

Sample

5. Final Sketch Shape

Refined the contour to create a flower-like closed loop.

Ensured the sketch was fully defined before moving to 3D.

Sample

6. Extruding the Sketch

Selected the final profile and used Boss-Extrude to give it 10mm thickness.

The result was a flat flower-like 3D object with a central hole.

Sample

7. 3D View

Rotated to an isometric view to visualize the complete model.

This output can serve as a decorative or functional component for future designs.

Sample

3D Design with AI

To explore AI-powered 3D model generation using Meshy.ai, a generative design tool, by converting a text-based prompt into a detailed 3D object. This helped in understanding how AI tools can accelerate conceptual visualization in digital fabrication and prototyping.

Visit Meshy_AI Official Website
Sample

1. Login & Prompt Setup

Logged into the Meshy workspace.

Entered a detailed prompt describing the Iron Man-inspired helmet with blue glowing eyes, battle scratches, and fine mechanical details.

Sample

2. Prompt Generation

Used all 800 characters to guide the AI in producing accurate realism and geometric fidelity.

Selected Text-to-3D and clicked Generate using 10 tokens.

Sample

3. Model Selection

Meshy generated 4 different helmet drafts.

Chose the most detailed version (highest face and vertex count) based on visual accuracy.

Sample

4. Final Generation Settings

Selected Fixed Polycount: 10K with Quad topology for better mesh quality.

Enabled texture generation.

Sample

5. Model Preview

Generated the final textured 3D helmet model.

Visualized the realistic blue eyes, engraved circuits, and fine details on the surface.

Sample

6. Download & Assets

The final 3D model was available for download with optimized mesh and texture.

Could be exported in `.glb` or `.obj` format for further use in Blender, game engines, or printing.

Sample

Image Compression

1. Upload Images

Opened the ImageCompressr website.

Dragged or selected multiple screenshots directly into the interface.

Visit image compressr Official Website
Sample

2. Set Compression Settings

Adjusted Quality to 60% and Max Size to 2 MB per image.

Allowed default max dimensions (4096 x 4096 pixels).

Sample

3. Compression Completed

Clicked Start Compression and waited a few seconds.

Achieved 84% size reduction, with 8.1 MB saved in total.

Sample

Video Compression

Using HandBrake for Video Compression

As part of the multimedia tools exploration, I also learned how to use HandBrake, an open-source video transcoder, to compress and convert videos effectively. Below is a step-by-step guide based on my hands-on usage:

Visit HandBrake Official Website

Step 1: Open the Video File

Launch HandBrake and select your video source:

  • You can choose "File" to load a single video.
  • Alternatively, use "Folder (Batch Scan)" for processing multiple videos.
HandBrake File Selection

Step 2: Configure Video Settings

In the Video tab:

  • Video Encoder: I used H.264 (x264) for compatibility and compression.
  • Framerate (FPS): Set to Same as source to retain original timing.
  • Quality: Set to Constant Quality 22 RF, which balances file size and visual clarity.
HandBrake Video Settings

Step 3: Start Encoding

  • After configuring, click "Start Encode" to begin the compression process.
  • You can also choose what happens "When Done", such as shutting down the system or doing nothing.
HandBrake Start Encoding