Week 02 — Computer Aided Design

This week explored raster, vector, and parametric workflows, with a focus on how different digital representations can be translated into fabrication-ready outputs.

Overview

Computer-aided design connects visual ideas with fabrication-ready models.

Although raster, vector, and parametric systems use different representations, they all depend on the same fundamentals: correct geometry, structured workflows, and compatible file formats.

Raster design in Photoshop is useful for image editing and visual presentation. Vector design in Illustrator defines geometry through paths, making it suitable for precise 2D fabrication. Parametric modeling in Fusion 360 uses constraints and dimensions to build editable 3D structures.

Understanding these three approaches helped establish a clear workflow from visual design to fabrication-ready geometry.

Tools Used

Key Outputs


2D Design Workflows

The 2D part of this week focused on comparing raster and vector approaches. The goal was to understand how image-based editing differs from geometry-based construction.

Raster Workflow (Photoshop)

Photoshop was used to explore pixel-based editing for visual composition and documentation images.

Resolution Settings (DPI)

Resolution settings in Photoshop
Adjusting resolution settings (DPI) to understand pixel density and output quality.

Layer Management

Layer management in Photoshop
Organizing multiple layers to structure image editing operations.

Basic Image Adjustments

Levels and contrast adjustment in Photoshop
Applying levels and contrast adjustments to improve visual clarity.

Exporting PNG and JPG

Export settings in Photoshop
Exporting raster images in PNG or JPG format for presentation and documentation.

Raster images are effective for visual editing and presentation. However, because they are pixel-based, they do not guarantee the geometric precision needed for digital fabrication.

Vector Workflow (Illustrator)

Illustrator was used to explore geometry-based drawing through paths, boolean operations, alignment, and clean vector construction.

Building Base Geometry

Base geometry created using the Ellipse Tool in Illustrator
Constructing base shapes using the Ellipse Tool as the starting point for vector composition.

Boolean Operations (Pathfinder)

Pathfinder boolean operations in Illustrator
Subtracting and combining shapes with Pathfinder to create compound paths.

Outline Mode Verification

Outline mode check in Illustrator
Checking path integrity in Outline mode to confirm closed and clean vectors.

Final Composition

Final logo composition in Illustrator
Final vector composition prepared for export and further fabrication-oriented workflows.

Vector graphics rely on mathematical paths rather than pixels. This makes them much more suitable for fabrication methods such as laser cutting and CNC machining, where closed paths and clean geometry are essential.


3D Parametric Modeling

The core of this week was parametric modeling in Fusion 360. Unlike raster or polygon-based workflows, parametric modeling is built on constraints, dimensions, and editable relationships.

Fusion 360 (Parametric Modeling)

I developed a layered radial form by constructing a constrained sketch, generating nested profiles, and extruding selected regions into a 3D structure.

Step 1 — Polygon Construction

Polygon sketch in Fusion 360
Creating an octagon centered at the origin with dimensional control.

Step 2 — Fully Constrained Sketch

Fully constrained sketch in Fusion 360
Applying symmetry, equal constraints, and dimensions to fully constrain the sketch.

Step 3 — Offset Profiles

Offset profiles created in Fusion 360
Generating nested profiles using the Offset tool to create a layered structure.

Step 4 — Extrusion

Extrusion step in Fusion 360
Extruding selected regions to translate the sketch into a 3D form.

Final Model

Final parametric model in Fusion 360
Final parametric layered star-shaped object.

Final Result — Animation

Rotational preview of the final parametric model.

Parametric modeling emphasizes structure, constraint logic, and editable dimensions. Changing one parameter updates the entire model, which makes this workflow especially useful for precise and adaptable fabrication design.


Image and Video Compression

To keep the documentation lightweight and readable online, all images and videos were compressed before uploading.

Image Compression (Photoshop)

Images were batch processed in Adobe Photoshop using the Image Processor script.

Photoshop image processor menu
Accessing the Image Processor tool in Photoshop (File → Scripts → Image Processor).
Photoshop compression settings
Batch compression settings used to optimize images for web documentation.

This batch workflow reduced file size while preserving enough visual quality for process documentation.

Video Compression (Adobe Media Encoder)

The final model animation was compressed using Adobe Media Encoder for smooth web playback.

MP4 with H.264 encoding was selected because it provides a good balance between file size, compatibility, and visual quality.


Original Design Files

The original design files and export files used in this week are provided below.


File Formats and Fabrication Logic

Different workflows require different file formats depending on the intended fabrication process.

Choosing the correct format is as important as building the model itself, because fabrication tools depend on specific data structures.


Reflection

This week clarified the structural differences between raster, vector, and parametric systems.

The most important takeaway was that fabrication-oriented design is not only about appearance. It depends on geometric accuracy, clean structure, and file compatibility. This week helped me better understand how digital design decisions affect real-world making.