Learning outcomes

Learning differences between rastor and vector

Exploring 2D and 3D softwares

Learning Joints of the 3D world

Compressing images and videos

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.

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

• Step 2:Creating a rectangle

• Step 3:Extruding

• Step 4:Making walls

• Step 5:Compartments

• Step 6:Last extrude

• Step 7:exporting


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


• Step 1: Getting used to the workspace

• Step 2:Creating a rectangle

• Step 3:Extruding and offset

• Step 4:Making component 2 (Upper part of the hinge)

• Step 5:Hole

• Step 6:Hole(Component 2)

• Step 7:Fillet

Step 17:Ground

Step 9:Joint

Step 10:Joint : fixing position

Step 11:Combined joints

Step 12:Pipe tool

Step 13:Smooth hinge

Step 14:Nail

Step 15:After extrude, Hinge!

Step 16:Fixing, Done!

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

• Step 2:Opening the Image you want to edit.

• Step 3:Create a transparent layer

• Step 4:Merge the layer


• Step 5:BucketFill


• Step 6: Copy

• Step 7:Paste it in the background image you chose

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.

Step 9: Export

Final Product

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.

• Step 1: Document properties

• Step 2:Import your sketch

• Step 3: Tracing bitmap

• Step 4:Done tracing

• Step 5: Exporting

• Final Logo


CoreIDraw


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



Tools in CoreIDraw























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.







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


Successfully compressed



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.

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