Computer-Aided Design

  • Model (raster, vector, 2D, 3D, render, animate, simulate, ...) a possible final project

    GIMP#Inkscape#Blender#Autodesk 360

  • Compress your images and videos, and post it on your class page

    Game bar

2D raster


Raster grapics (bitmap / pixelmap images) are comprised of mapped bits. These images are resolution dependent - resizing the raster graphics to a larger image will cause the apparency of the square pixels. However raster imaging is preferable way to represent photos with lot of colors and transitions between them.

There are plenty of powerful tools for the raster 2D design, however since I used GIMP before, plus it is open and free, I stayed with this software.

During my PhD research I performed scanning electron microscopy (SEM) imaging of red blood cells with nanoparticles. SEM images are coming in grayscale regime, to color them, I used GIMP. All these images are actually presented in the carousel of the main page of my website. Steps to color grayscale image in GIMP:
  1. Open the Image in GIMP as Layres
  2. Create the transparent layer of the Image size Create>New Layer>Set trasparent.
  3. Being sure you work on the transparent layer start coloring the Image's parts to the desirable colors using the Brush tool.
  4. To see the result choose Layers's Mode>Color. Ready.
...

Fig 1. Coloring black and white SEM image with GIMP

2D vector


Vector grapics unlike the raster are resolution independent - despite zooming the image the resolution will not change, and no pixelated artifacts will appear. Vector images are based on mathematical expressions and use points, lines, curves and polygons to represent images.

Starting working with Inkscape I have created the image, kind of logo of Optical tweezers technology. There is a nice tool to work with the text:

  1. Write the text using Text object tool (F8)
  2. Add the Text object to path Path>Object to Path>Path Effects>Envelope Deformation. Moving the nodes of the path I deformed the text. I s
  3. Then I created the focused laser beam shapes by cutting the parts of cylinder with deformed circles Choose the cylinder>Choose the cirlce with a shape of desirable cut>Path>Difference. Beams were colored with Feel and stroke>Liner gradient>Blur 5%>
  4. Beads are the Circles colored with Radial gradient
...

Fig 2. Drawing in Inkscape

Since we will use laser cutting, I thought it will be useful to check how to design the objects for that purpose. I went through the simple tutorial with the detailed step by step explanations on the object drawing from the start. This one is useful to understand the main idea of creating the parts for your cut.

There are two more ways to design the objects. At first, in this tutorial I found the online Boxmaking tool Boxes.py - the box generator written in Python, with many types of boxes, which can be modified online in the settings menu.

...

Fig 4. Boxes.py menu

Besides, I found, that TabbedBoxMaker also can be installed as an extension for Inskape from Github as an open source plugin. To intstall it I have Downoad ZIP from the Github, then I opened the archive and copied files boxmaker.inx, boxmaker.py and schroffmaker.inx in to a folder extensions in the Inkscape directory. I started Inkscape and the new extension can be found Extensions>Laser Tools>Tabbed Box Maker.

...
...

Fig 5. Installation of the Inskape extension from TabbedBoxMaker and generation of simple box

Raster to vector

Here is way to vectorize the raster image. I used the photo of my cat.
  • Open or import Image to Inkscape
  • Path > Trace Bitmap (Shift+Alt+B)
  • Set the suitable treshold, I used Brightness cutoff with the threshold 0.450, press OK and close the window. The image appeared as a mask on top of the original image, click on it and move.
  • Parts on the right side of the image came mixed with a shadow. I narrowed this part by moving some nodes
  • Path > Object to path (Shift+Alt+C)
  • Path > Stroke to path (Ctrl+Alt+C)
  • Path > Object to path (Ctrl+Alt+C)
  • Fill and stroke: Fill > none, Stroke paint > "Flat color"
  • Choose rebundant nodes (F2) > Delete selected nodes, or simplify automatically Ctrl+L
  • Fill and stroke: Fill > "Flat color"
  • Fix with Draw calligraphic or brush strockes (Ctrl+F6)
... ... ...

Fig 6. Processing the image in Inkscape

3D modelling


Blender

Once I needed the nice picture to represent what I'm doing. I started 3D drawing with a very basic steps using Autodesk Maya. I have almost finished what I wanted, but then program would crush every time with new surprises. I put hell of the efforts to work through it, but unfortunatly could not find the reason for that, so eventually I gave up to Blender. I had some short experience working in Blender, and I was quite much impressed by the possibilities it offers, which are restricted only by your computer performance needed for rendering, as without it Blender works just perfectly. Working through the tutorial I was able to render the image on my main page header image “optical tweezers in action”, artistically demonstrating the red blood cells trapped by the focused laser beams. It took around 20-30 mins to render this image in Eevee render.

I made the new drawing of the Sample measuring chamber for optical tweezers measurements. Again, it is more of the artistic vision:) I used glass material for the microscopic slide and small cover glass on top.

...

Fig 6. Viewing ports of Blender

...

Fig 7. Glass measuring chamber for the optical tweezers measurements made with Eevee render in Blender

Fusion 360 is more about the exact parameters of engineered objects (parametric design), while Blender is more powerful for the artistic rendering and physics effects. My final project parts are non trivial, at least so far and most likely only for me, and I'm not sure yet about the materials, shapes and dimensions. Currently in our Lab we have this kind of stage from Thorlabs.

...

Fig 8. Commercial motorized XY stage

Autodesk Fusion 360

I have to come up with a design, which will let me to have a hole in the middle, where the sample glass chamber will be placed and highlighted underneath.

A standard microscope slide measures about 75 mm by 25 mm, I have started from it.

So I have started with a great tutorial from Lars Christensen aimed to help very beginners.

Shortcuts in Fusion 360:
  • S=Model Toolbox
  • Q=Extrude Push/Pull
  • C=Circle
  • D=Dimension
  • L=Line
  • X=Construction
  • P=Project
  • J=Joint

I have found commersially available metal stages and currently I'm checking the existing designs, thinking how to adapt them for my project.

I decided to sketch straight in Fusion 360 without preliminary sketching in Inkscape, as it seemed easier for me to draw with knowing the parameters and being able to see the result in 3D. So far I got very simple model of the stage top. I have recorded a video with Game bar - Windows 10 built-in free screen recorder, which can be started by hitting WINDOWS+G. Then using the simple menu I recorded my actions. After recording, video will be saved in the Captures folder, which by default is in your Videos folder. The cons of the software is that it can't record full screen, webcam, or specific a resolution to capture, from the other side it is very simple and free. To compress video I used online service Online convertor.

Some 3D models can be found online, and incorporated into the design. For example, most likely in my final project I'm going to use NEMA 17 stepper motor NEMA 17 stepper motor. From the same page of Sparkfun, I downloaded the 3D model. I made the motor mount for NEMA 17:

  • Upload 3d model of the motor in Fusion 360: File > Upload > Choose the model to be upload
  • Sketch the mount
  • Extrude the parts of the design
  • Align the mount face and motor's front face
  • Create an 8 mm metal rod
  • Create > Mirror > choose the rod as "Objects" > and vertical plane through the center of the motor as "Mirror Plane" > OK
  • To make the holes in the mount for the rod: Modify > Combine > mount as a "Target body" > rod as a "Tool body" > Operation "Cut" > Keep tools > OK
  • Download and upload the model of the screw > place to the mount and use "Create > Mirror" to place it around the mount > Cut the holes same way as above (Combine : "Cut")
  • "Modify > Chamfer" > Apply to the edges of the mount
  • Sketch and remove some parts: Sketch > Extrude "Cut"
  • Export the STL model
... ... ... ... ...

Fig 9. Designing the motor mount for the stepper motor in Fusion 360.

FILES:

Reflection

This week I was trying to get acquainted with Autodesk Fusion 360 mostly. Of course I'm not professional with Inkscape, GIMP and Blender, but at least I tried all of them before couple of times. However, I learned some basic functions these programs can perform.