Chouwz
Computer Graphics

EP 1000 Computer Graphics

Introduction to Computer Graphics

It is divided into 2 categories

  • Rastor - deals with pixels on the screen used for photographs, images formats: .jpg, .png
  • Vector - uses mathematical functions characteriszed by clean lines formats: .dxf, .svg. STEP
  • Rastor

    Using Adobe Photoshop

    I used Photoshop as my graphics editor as my course requires us to use it. Here are the steps on how I edited a picture of myself into a seaside pic in Busan!

    Seaside pic

    Seaside picture

    Seaside pic

    Picture of me

    Seaside pic

    Rastored Picture

    open ps

    1) Open Photoshop and File>open the 2 pictures

    I tried to choose both pictures that has similar lighting in it, so it will look more natural without editing

    2) Remove background from the picture

    Go to layers>click on unlock layer>quick actions>remove background

    oops

    3) Some defects present

    Oops!

    However, there are some mistakes when removing, and that's normal, so I will use another method. Right click on Lasso tool> polygonal lasso tool, and trace the image

    polygonal

    4) Polygonal Lasso selecting

    After tracing the overall slithouette it will appear in dotted lines, for the area that I wanna deselect hold down the Alt button and select the area. After that right click>layer via copy to copy the slithouette without the background out

    paste

    5) Paste the layer into the background

    Select on the layer1>ctrl +c and select the background tab and ctrl + v into the layers

    scale

    6) Scale down

    If you hold down the shift key, image will be scaled dispropotionaly, to scale proportionally just drag up or down from the vertex.

    Select the slithouette, Edit>transform>scale to scale the image.

    size

    7) Change the image size and save

    Go to Image>image size and resize to width of 1024 pixels.

    crop

    8) Crop out the bottom text

    Open image resizer Pickpic. File>open and crop out the bottom text, and save as jpeg. Done!

    Vector

    Using Adobe Illustrator

    I used Illustrator as my vector editor as my course requires us to use it too. It is a difficult software to learn, and it can be quite daunting at the start, but it is a great software for converting any rastor images to vector with the 'Image trace' button.

    finish chameleon

    B/W logo with vector animal

    finish chameleon

    Original rastor image

    open ps

    1) Image trace

    After taking this image from Google, copy paste it in AI. 1st select the photo, click 'Image Trace' > 'Black and White Logo'

    2) Converting it into a vector image

    A B/W logo of the image is created. Then click 'Expand' which converts the image trace into paths

    oops

    3) 3) Done!

    Can toggle between the Selection Tool(V) and Direct Selection Tool(A) to edit the whole image, or to delete parts of the paths that AI has created.

    polygonal

    4) About Vetor image

    pic won't get distorted no matter how big you zoom in

    Vector graphics have the unique advantage over raster graphics in that the points, lines, and curves may be scaled up or down to any resolution without getting pixelated.

    finish chameleon

    Testing out 5 different image tracing results.