Computer Aided Design

Individual assignment

  • Model (raster, vector, 2D, 3D, render, animate, simulate, ...) a possible final project, compress your images and videos, and post it on your class page
  • "This week will be challengeing one for me.Since this Computer Aided Design topic is untouchabale world for me.I am excited to learn this which will be very helpfull for me in my future work."

    About raster 2D design

    A raster image is an image file format that is defined by a pixel that has one or more numbers associated with it. The number defines the location, size, or color of the pixels.source :wikipedia

    Intersting find outs:

    Q.Can we enlarge the pixel dimension & resolution of a raster image?

    Ans:Once the image is created at a certain dimension, you may not be able to use this image at a larger size without losing quality.

    Q.Is JPEG a vector or raster?

    Ans:Raster images use many colored pixels or individual building blocks to form a complete image. JPEGs, GIFs and PNGs are common raster image types. Almost all of the photos found on the web and in print catalogs are raster images. ... Vector images, alternatively, allow for more flexibility.

    GIMP :2D design raster software

    After understnding little bit about raster lets get to hands on GIMP software.The full form of GIMP is GNU Image Manipulation Program.It is a free and open-source raster graphics editor used for image retouching and editing, free-form drawing, converting between different image formats, and more specialized tasks.So now i am going to draw my project logo using logo.I have elaborate detailed procedure of that.Hope you will get understand it.

    GIMP Tutorial 1: How to Create a Logo in GIMP (Text Version)

    This Tutorial demonstrate how you can take a text and wrap around a circle using GIMP.For my final project kit i want the one logo over there which indicate the name of my project title along with my name.So i want to used this GIMP software to create my project logo.

    Lets go ahead and start using GIMP.Before we go to details procedure lets have a closer look of opening view of GIMP software.

    Step 1.
  • Go to -> image-Guides-New Guides(by percent)
  • Go to->Set Direction:vertcle & Horizantal,Position 50%-OK
  • Step 2.
  • Go to left corner & select Ellipse tool and bring it to the intersection area of two guides and then drag it outside.
  • Go to Select - To path -> Select - None
  • Step 3.
  • Go to On right Side, Click on path menu
  • Click on eye ball of selection
  • You will get back circle again.
  • Click on Layes menu
  • Step 4.
  • Click on Text menu,Choose font and size
  • Type the name at the top side
  • Then type the name at the bottom side
  • Step 5.
  • On right corner,Right Click on first text under layer menu
  • Click on Text along path
  • Then turn off the visibility of the same text
  • Create New layer -> Fill with Transparncy-> click ok
  • Step 6.
  • Go to path menu
  • Right click on first text
  • Select path to selection
  • Step 7.
  • Go to the edit menu-> Fiil with FG color
  • Go to Select -> click none
  • On right bottom side ->click on cancell to delete this path
  • Once again click on layers menu
  • Step 8.
  • Click on rotate menu
  • Grab the text and rotate around
  • Hit enter
  • Step 9.
  • Go to flip tool
  • Go to transform ->Path->Jsut click on border of circle
  • Repeat the same procedure just as first text
  • Step 10.
  • Right click on background layer
  • click on add alpha channel
  • Click on eyeball of the background layer
  • Step 11.
  • Click on the ellipse tool
  • Bring the cursor to intersection area
  • Drag it along outseide
  • Click Edit->Fill with FG color
  • Step 12.
  • Click on the ellipse tool
  • Bring the cursor to intersection area
  • Drag it along inseide
  • Click Edit->Fill with FG color
  • Step 13.
  • Go to text menu
  • Type text in the middle section
  • Step 14.
  • Change the color of text
  • GIMP Tutorial 2: Change file / image size:

    While designing web page most of us including me struggled to keep the size of image low (keeping good quality) ultimetely which result into large repo size.So i came to know the another features of GIMP .In this tutorial i am going to demonstrate you how to change the image size which will be very helpfull in designing my web page size effetively.

  • Open the GIMP software
  • Go to file menu and click on open
  • Check the original file size
  • Again go to file menu and click on export as
  • Smiley face

  • Export image as jpeg will open
  • Smiley face

  • Drag the quality button left -right
  • Check the file size
  • Smiley face

  • file size is increase as shown below.
  • Smiley face

  • File size reduced as shown below.
  • Smiley face


    About 2D Vector design


    Vector graphics are computer graphics images that are defined in terms of 2D points, which are connected by lines and curves to form polygons and other shapes.source:wikipedia

    Vector graphics are commonly used for logos, illustrations, technical drawings and for use with processes that require vector art such as specialty signs and printing, engraving and etching. Also used in CAD, Engineering, and 3D graphics.

    Q.What is a vector in graphic design?

    More specifically, a vector graphic is artwork made up of points, lines, and curves that are based upon mathematical equations, rather than a solid colored square pixels. This means that no matter how large or small or how close you zoom in on the image, the lines, curves, and points remain smooth.

    2.What is vector graphics with examples?

    Examples of vector graphic formats are PICT, EPS, and WMF as well as PostScript and TrueType fonts. These are created with GIS and CAD applications as well as drawing programs


    Inkscape : 2D design vector software


    Is inkscape free to used?

    Inkscape is a professional vector graphics editor for Linux, Windows and macOS. It's free and open source. Inkscape is just so absolutely jam packed full of features we can't tell you about them all here. ... Learn how Inkscape can be used to its most powerful level.

    Inkscape is professional quality vector graphics software which runs on Windows, Mac OS X and GNU/Linux. It is used by design professionals and hobbyists worldwide, for creating a wide variety of graphics such as illustrations, icons, logos, diagrams, maps and web graphics.

    When i designing my web page i used fab academy logo with dark background.When i used this image on my web page it was looking something odd.So my local instructor asked me to change the backgroung of that image using inkspace.So lets learn inkspace 2D vector software.

    Tutorial 1:Colorful Infographic Template

    While designing my final project web page i want to show one circular informaticve chart which consists of my project content.So my lcal instructor asked me to used inkscape for it which is good option to explore inkscape.So lets designing one inforamative chart/template for project work.

    Step 1.
  • Create a circle(hold ctrl+ shift)
  • Change the opacity
  • Click on Create a star and polygon
  • Change the opacity & color
  • Step 2.
  • Drag it into circle
  • Step 3.
  • Click and Draw a bezair curve
  • Drag it from any corner of polygon
  • Draw a shape and fill that shape with color.
  • Similarly do for next corner as well.
  • Step 4.
  • Select both shape
  • Step 5.
  • Go to path-> difference
  • Select shape and circle
  • Step 6
  • Go to path-> intersections
  • Step 7.
  • Duplicate the shape(ctrl+c)
  • Change the color of it
  • Select the duplicate one
  • Click on that shape to rotate it
  • Drag and placed it parallel to first one
  • Step 8.
  • Do it same for remaining side as well.
  • Select the polygon
  • Step 9.
  • Take this polygon and delete it
  • Step 10.
  • Select one shape at a time
  • Apply different color to each.
  • Change the opacity
  • Step 11.
  • Select whole shape
  • Change the color to black
  • Turn off snap curf nodes
  • Step 12.
  • Change the blur value to around 1.4
  • Step 13.
  • Slightly rotate it clockwise
  • Step 14.
  • Select each shape and apply different color
  • Step 15.
  • Click on text menu
  • Change the font, size of text
  • Write the text
  • Drag the text into the any one of the shape
  • Similarly write a text for others shape as well
  • Step 16.
  • Finally i got my informative template
  • Go to file -> export as png
  • Step 16.
  • Another version
  • Tutorial 2:How to removed the background of an image?

    Yes,you can!.I am going to demonstrstes you that how to remove the background part from an image????
    Follow the one by one steps as i shown below:

    1 / 7
    1.Import the picture and select the import picture
    2/ 7
    2.Go to path ,Click on Trace Bitmap
    3 / 7
    3.Trace bitmap window will pop up.In this pop up window fill the value you want.
    4 / 7
    4.Select an colors and put 10 number in scan.Tick stack scans and remove background and untick smooth
    5 / 7
    5.Click on OK .Then click on image and drag it to side.
    6/ 7
    6.Go to file and click on Export PNG image
    7 / 7
    7.This is the image without background

    After understanding the vector design and cleared some doubts,now i am excited to know the about Raster Vs Vector ?


    Raster Vs Vector

    Here i found one image that actually tell you how Raster is different than vector.


    Learn 3D design

    Before i tell you something about 3D design i must need to tell you that this 3D softwares was actually new area for me.I never experienced that before.I hope at the end of this tutorial my opinion get change.Using different tools of it we can design any 3D object.

    For 3D design,I have decided to used Free CAD ,solidwork and Fusion 360.As Neil suggested to go for FreeCAD so i begin to sketch my design with FreeCAD.But i really got stuck!.I didnt understand anything how to used this s/w.So i requested to our instructor to arrange the session on FreeCAD.So Ms.Apeksha who took detailed session starting from part design , assembling to animation as well.Really this session helped me to boost my confidence.So in next day morning i start with FreeCAD followed by solid work.Then i tried to compare both one.


    About Solid work :

    Hi everyone welcome to the tutorial of solid work design.If you are new to solid work then you come to right place.Here i am going to cover almost everything that you need to be able to work with software from the movement you open solid work.Solid work is a very capable CAD software with lots of freatures but here i will demonstrstes you few of them.I will introduced you the basic tools of solid work such as creating 3D part , assembling that part.To learn more about the solid works you visit the video tutorials on this website.

    So,lets get strated,when you open the solidworks , this is what you will see.

  • Now ,Click on create new document and pop up window will open.

    In this pop up window you have three sections namely part,assembly and drawing.Part section is for creating single 3D part , assembly section to visualy assembled the part which you created in part sections and in drawing section you can create the engineering 2D drawing of your model.So lets go the part section first by double click on it.

    Smiley face

    1.Part Section

    In this section i am going design a two parts and the assembled both of them using freeCad.Also i tried to explain you the the freeCad software like menu bar etc.So lets begin the design in freeCad.

  • Design a part1- Cylinder
  • Design a part2 -Piston
  • This is the interface of solid work part section envirnoment.Now you can obeseved here , there are so many buttons but i request you to please pay attention on one which i will tell you.I want you to concentrates on only two of them i.e.features and sketch menu thats it.Lets see each of them what they offer.

      a)Features menu:
    Smiley face
    Smiley face
    Smiley face

    In features tab we need to concentrates only on three things which is front plane,top plane,right plane which you can see above.So,in order to get 2D part of your sketch you need a plane so here i select front plane by clicking on it.Also in upper part of the sketch menu i used extruded base which offers you to create 3D model of your sketch.Extruded base which is the one of the probabaly most used features in solidworks.This features will extrude the volume out of it.

      b)Sketch menu:

    Next we go to sketch menu and activate the sketch mode here.Here i designed the first part which is cylinder in sketch menu and then i cut the cylinder throughout by clicking on extruded cut of feature menu .Now this is we called a body /part.To rotate this part hold the mouse wheel + dragging.You can also edit the sketch by clicking on Box - Extrude1.

    Design the First part:
    Smiley face Design the Second part:

    Smiley face

    Smiley face

    Hey gueys here i finished two design parts of my sketch.So next thing is to assembled it.

    2.Assembly Section

    In assembly section we are going to assembled both the part design.For that i used two important menu of assembly i.e.Mate and Move componants.On upper part of the window you can see the Mate menu which is used to build the relationship between both parts.Also you can used move componant menu to move the componants

  • First open the solidwork software again
  • Select the assembly section by clicking on Assembly

    Smiley face

    On your left you can see Begin assembly then click on browse to view multiple parts (which was designed earlier)to assembled here.

  • Now I want to build the relationship between these two parts of my sketch so click on mate menu.In mate window there are different mate sections like standard mate,Advanced mate,Mechanicle mates.So i used coincident mates option to mate the parts.
    Smiley face

    So below screenshot shows the final steps where both parts got assembled.

    Smiley face

    Learn Animation in Solidwork

  • About Freecad

    FreeCAD is a free and open-source general-purpose parametric 3D CAD modeler and a building information modeling software with finite-element-method support.FreeCAD is intended for mechanical engineering product design but also expands to a wider range of uses around engineering, such as architecture or electrical engineering. Because of the free and open-source nature of the software, users can extend the functionality of the software using the Python programming language. FreeCAD is currently in a beta stage of development.Click here to read more

    Smiley face

    Steps to design in FreeCad:

  • Switch between workbench/Select the sketcher mode
  • Smiley face

  • Create a new sketch
  • Smiley face

  • Choose the orientation
  • Smiley face

  • Create a circle in the sketcher
  • Smiley face

  • Change the diameter
  • Smiley face

  • Switch to part design mode
  • Click on create body
  • Smiley face

  • Click on model and select sketch
  • Smiley face

  • Pad a selected sketch
  • Change the length of a sketch
  • Smiley face

  • Now switch to A2 plus workbench
  • Error :I got the following error when i switch to Assembly2 workbench instead of A2 plus

    Smiley face

    Smiley face

  • Add a part from an external file
  • Save the assembly first
  • Add an axis coincident constraints between two parts
  • Smiley face

  • Accept constraints proporties
  • Smiley face

  • Finally,you can see both parts get assembled successfully
  • Smiley face Top

    Comparision between Solid work Vs FreeCad

  • In FreeCad we can design a parametric model but i didnt find it in Solid work.
  • In Solid work it is easiar to build large assembly as compared to FreeCad.
  • Im soli work you can view animation of assembly but Iin frecad it is not available
  • In freeCAD there are multiple interfaces like A2 workbench etc which becomes very complex to switch.I dont find such issues in Solid work
  • I dont find both fit enough for electricl drawing
  • Learning Outcome

  • I learnt how to use 2D raster GIMP software and its application like change the image size,design project logo etc.
  • I learnt how to use 2D vector INKSPACE software and i comapre with 2D raster and tried to figure out which one is better with respect to quality also i design infographic template and learn to remove image background.
  • I learnt two 3D cad designing software such as Solid work & FreeCad .This 3D design was completely untouchable world for me.But i am quite happy at the end.I also tried animation of muliple parts in solid work as well.I tried to compare the tools of both software which is quite similar.Solid work is having only extra advantage of showing animation as well.
  • $(document).ready(function() { $('.image-link').magnificPopup({type:'image'}); });