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
  • All the important links are Here

    Learning outcomes

  • Learning differences between rastor and vector
  • Exploring 2D and 3D softwares
  • Learning Joints of the 3D world
  • Compressing images and videos
  • Adjusted Margin Example

    Raster and Vector images

    Raster Images

    Pictures made of small dots called pixels. If you make them bigger, they might look blurry. Best for photos or detailed images.

    Vector Images

    Graphics made using math equations. You can resize them without losing quality. Ideal for logos, drawings, or anything you want to look good at any size.

    Your Image Description
    Image Source

    3D Designing

    Onshape

    What is Onshape?

    Onshape is a cloud-based computer-aided design (CAD) software that allows users to create, edit, and collaborate on 3D models in real-time.

    This is the tutorial I watched to make a Desk Organizer

    A design of a desk organizer

    I designed the desk organizer in Onshape

    Firstly, sign in to your account and start a new doument.

    • Step 1: Getting used to the workspace
    • Your Image Description
    • Step 2:Creating a rectangle
    • Your Image Description
    • Step 3:Extruding
    • Your Image Description
    • Step 4:Making walls
    • Your Image Description
    • Step 5:Compartments
    • Your Image Description
    • Step 6:Last extrude
    • Your Image Description
    • Step 7:exporting
    • Your Image Description

      Fusion 360

      What is fusion 360?

      Fusion 360 is a cloud-based 3D computer-aided design (CAD), computer-aided engineering (CAE), and computer-aided manufacturing (CAM) software developed by Autodesk.

      This is the tutorial I watched to design a hinge in Fusion360

      Designing a hinge foor a glass door

      I used the Fusion 360 to design the hinge

      I had made the hinge too big for my glass structure so, I had to create a smaller one instead

      Your Image Description
      • Step 1: Getting used to the workspace
      • Your Image Description
      • Step 2:Creating a rectangle
      • Your Image Description
      • Step 3:Extruding and offset
      • Your Image Description
      • Step 4:Making component 2 (Upper part of the hinge)
      • Your Image Description
      • Step 5:Hole
      • Your Image Description
      • Step 6:Hole(Component 2)
      • Your Image Description
      • Step 7:Fillet
      • Your Image Description
      • Step 17:Ground
      • Your Image Description
      • Step 9:Joint
      • Your Image Description
      • Step 10:Joint : fixing position
      • Your Image Description
      • Step 11:Combined joints
      • Your Image Description
      • Step 12:Pipe tool
      • Your Image Description
      • Step 13:Smooth hinge
      • Your Image Description
      • Step 14:Nail
      • Your Image Description
      • Step 15:After extrude, Hinge!
      • Your Image Description
      • Step 16:Fixing, Done!
      • Your Image Description

        My most preferred 3-D software

        Fusion is a popular choice because it's really good at putting together different visual elements in movies and videos. It has a lot of tools for making special effects and graphics, and it's easy to control how everything looks. I prefer Fusion360 out of the softwares I tried for its wide range of tools and for its user friendly worksapce. It is very simple to use and we cxan create very complex designs there. It is by the my most favorite software.

        2-D Softwares

        Gimp software

        What is Gimp?

        GIMP, which stands for GNU Image Manipulation Program, is a free and open-source raster graphics editor. It is often considered as a powerful alternative to commercial image editing software like Adobe Photoshop.

        This is where I learned how to use Gimp to delete background and edit it to another image

        I decided to use Gimp because I saw this software in others documentations. And they came up with good images from there

        Using this software I made a image with a diverse group of animals in front of a Bhutanese fortress in the snow.

        • Step 1:Determine the size of your picture and start a project
        • Your Image Description
        • Step 2:Opening the Image you want to edit.
        • Your Image Description
        • Step 3:Create a transparent layer
        • Your Image Description
        • Step 4:Merge the layer
        • Your Image Description
          Your Image Description
        • Step 5:BucketFill
        • Your Image Description
          Your Image Description
        • Step 6: Copy
        • Your Image Description
        • Step 7:Paste it in the background image you chose
        • Your Image Description
        • Step 17:Scale your image, to simply move click "m" select your pasted image and drag.Repeat the above codes for each image and keep copying, pasting and adjusting to your background.
        • Your Image Description
        • Step 9: Export
        • Your Image Description
        • Final Product

        • Your Image Description

          Inkscape

          What is InkScape?

          Inkscape is a free and open-source vector graphics editor. It is widely used for creating and editing scalable vector graphics (SVG) and is an alternative to commercial software like Adobe Illustrator.

          For inkscape, I would like to thank Ms.Ngawang Pemo and Ms. Damzang for helping me trace the bitmap

          I referred to this tutorial for its simplicity in teaching how to trace bitmap step by step

          Creating a Logo.

          This my .svg files zip file

          I have created a logo in inkscape by simply tracing the bitmap of a butter lamp sketch I drew. Firstly I drew my logo on a piece of paper.

          Your Image Description

          • Step 1: Document properties
          • Your Image Description
          • Step 2:Import your sketch
          • Your Image Description
          • Step 3: Tracing bitmap
          • Your Image Description
          • Step 4:Done tracing
          • Your Image Description
          • Step 5: Exporting
          • Your Image Description
          • Final Logo
          • Your Image Description

            CoreIDraw

            Your Image Description
            Image Source

            What is CoreIDraw?

            CorelDRAW is a vector graphics editor developed and marketed by Corel Corporation. It's one of the most popular software programs for creating vector graphics, illustrations, page layouts, and more. CorelDRAW allows users to design with vector-based objects, which can be scaled infinitely without losing quality. It's widely used in various industries, including graphic design, printing, advertising, and web design. CorelDRAW also includes features for photo editing, typography, and layout, making it a versatile tool for both professionals and hobbyists.

            Workspace

            Your Image Description

            Tools in CoreIDraw

            Your Image Description
            Your Image Description
            Your Image Description
            Your Image Description
            Your Image Description
            Your Image Description
            Your Image Description
            Your Image Description
            Your Image Description
            Your Image Description
            Your Image Description
            Your Image Description
            Your Image Description
            Your Image Description
            Your Image Description
            Your Image Description
            Your Image Description
            Your Image Description
            Your Image Description
            Your Image Description
            Your Image Description

            Krita

            What is Krita?

            Krita is a free and open-source raster graphics editor, primarily designed for digital painting and 2D animation purposes. It's developed by the KDE community and is available for Windows, macOS, and Linux. Krita offers a wide range of powerful tools and features tailored specifically for artists, including customizable brushes, advanced brush engines, layer management, and support for various file formats such as PSD and SVG. It's popular among digital artists, illustrators, concept artists, and animators for its flexibility and extensive capabilities.

            Krita was a fun raster graphics editor, so I simply just wanted to make a cartoon dog of my imagination. My design was very simple and easy.

            Your Image Description
            Your Image Description
            Your Image Description
            Your Image Description
            Your Image Description

            My most prefered 2-D software

            GIMP is my top choice for 2D work because it offers a versatile set of tools without overwhelming complexity. It is the best option for beginners like me. It is very fun and easy to get comfortable using. I prefer it for its wide range of tools and its user friendly workspace that makes me want to use it again and again.

            ImageMagick

            What is ImageMagick?

            ImageMagick is an open software suite for manipulating images. It supoorts a wide range of image formats and provides powerful command line and programming interfaces.

            I used chat gpt and referred to the official website of Image Magick for basic commands

            This is where i downloaded ImageMagick

          • This is to check version and convert a whole folder of images
          • Your Image Description

            Successfully compressed

            Your Image Description
            The following are basic commands for ImageMagick
            • magick mogrify -resize 800x600 *.png
            • Resize Image : This resizes all PNG files in the current directory to have a maximum width of 800 pixels and a maximum height of 600 pixels.

            • magick mogrify -rotate 90 *.png
            • Rotate Image : This rotates all PNG files in the current directory by 90 degrees.

            • magick mogrify -bordercolor white -border 20 *.png
            • Border : Add Border to Images:

            • magick mogrify -crop 400x300+0+0 *.png
            • Crop Images:This crops all PNG files in the current directory to a size of 400x300 pixels starting from the top-left corner.

            FFMPEG

            What is FFMPEG?

            FFmpeg is a free and open-source multimedia framework and command-line tool used for processing audio and video files.

            This is where I downloaed "

            I referred to this tutorial on how to compress without losing quality in FFMPEG

            This is my compressed animated video of my hinge

            • ffmpeg -i "your video link in avi" -c:v libx264 -crf 28 -b:v 200k -c:a aac -strict experimental -b:a 64k "output.mp4"
            • I used this to convert my .avi file to .mp4 file

            My go-to video compression code I trust very much! I simply asked chatgpt the following prompt and it gave me the code I use all the time.

            ChatGPT HTML Response

            User:

            Could you give me a ffmpeg video compression tool, that removes and compresses at the same time? I want it to compress without losing quality but make the video size under 500kb(best keep it very small).

            ChatGPT:

            ffmpeg -i "input_video.mp4" -c:v libx264 -crf 28 -preset medium -tune film -profile:v high -level 4.1 -pix_fmt yuv420p -an -y "output_video.mp4"

            The following are basic commands for FFMPEG generated by Chatgpt.

            • ffmpeg -i input.mp4 output.avi
            • To convert a video file to another format:

            • ffmpeg -i input.mp3 output.ogg
            • To convert an audio file to another format:

            • ffmpeg -i input.mp4 -ss 00:00:10 -t 00:00:20 -c copy output.mp4
            • To cut a specific portion of a video:This example cuts a 10-second portion starting from 10 seconds and copies the codec without re-encoding (-c copy).

            • ffmpeg -i input1.mp4 -i input2.mp4 -filter_complex "[0:v:0][0:a:0][1:v:0][1:a:0]concat=n=2:v=1:a=1[outv][outa]" -map "[outv]" -map "[outa]" output.mp4
            • To concatenate multiple video files:

            • ffmpeg -i input.mp4 -vf scale=640:480 output.mp4
            • To resize a video

            • ffmpeg -i input.mp4 -vn -acodec copy output.aac
            • Changing Video Resolution:

            • ffmpeg -i input.mp4 -vn -acodec copy output.aac
            • ffmpeg -i input.mp4 -vn -acodec copy output.aac

            • ffmpeg -i input.mp4 -i watermark.png -filter_complex "overlay=10:10" output.mp4 To add a watermark to a video

            My fusion360 file

            My inkscape file

            My Onshape file