top of page

CST 205: Multimedia Design and Programming

Course Description

Introduces design, creation, and manipulation of interactive applications and electronic media for communication purpose. Focuses on creating media, understanding media concepts, and manipulating the created media using basic programming concepts of control flow, functions, expressions and data types in the Python language. Students acquire a basic understanding for digital media formats, how to design, create such media using basic programming skills. 

Image Portfolio

(for coding please see bottom)

Rose Colored Glasses
RoseColoredGlasses.PNG

For this image we go through all of the pixels and gather the RGB values. Once we have those we take the Green and Blue values and decrease their values while we take the Red values and increase them. This takes the picture and makes it look as though you are looking through rose colored glasses.

Negative
MakeNegative.PNG

In this image, the program is gathering all of the RGB values and taking those values and reversing them to where the information is now backwards. The difficult part about this task was figuring out how to reverse the values. 

Better Black and White
BetterBnW.PNG

For this picture we ran though the program and multiply the R, G, and B values by predetermined values that cause the output above. The process was straight forward after having already made a black and white picture. 

Bottom-to-Top Mirror 
HmirrorBottom.PNG

The image above was manipulated by taking the pixels and copying the pixels that are located in the bottom half of the picture and puts them on the top half of the pictures. This creates the mirroring that you are seeing. 

Shrink
shrink.PNG

The image above was created by taking the original image and gathering every other pixel then gathering those pixels and putting them on a blank image that was half the size of the original image. 

Collage
newcollage.jpg

This image was manipulated by taking a series of other photos and running them through a variety of manipulations. This program was written to allow the user the input any image of their choosing. 

Red Eye
redeye.jpg
noredeyepic_orig.png

For this image the program is running through seeing if the red color 's value is within 65 values of the color, if it is then the program lowers the value of red in those pixels which allow the color to look normal again. 

Artify
waterfall.jpg
WaterfallAfter.PNG

This picture manipulation demonstrates the usage of swapping units. The function for this particular problem is using tables. 

Green Screen
outdoors.jpg
eagle.png
eagle_outdoors.jpg

This image is created by using the green in the image and changing the green to match the image in the background.

Thanksgiving Card
cardFrame.png
turkey.png
background.png
thanksgivingCard.png

This greeting card was created in the same way that the green screen image above was created, along with the added text onto the image. 

Line Drawing
Nature.jpg
LineDrawing.PNG

Line drawing is accomplished by first turning the picture black and white then by taking pixels and either making them black or white.

Rose Colored Glasses
Negative
RoseColoredGlasses.PNG
MakeNegative.PNG
Bottom-to-Top Mirror
Bottom-to-topMirror.PNG
Better Blank and White
BetterBNW.PNG
Shrink
Shrink.PNG
Red Eye
Artify
Red Eye.PNG
Green Screen
Artify.PNG
Green Screen.PNG
Line Drawing
LineDrawingCode.PNG
Collage
Thanksgiving Card
CSUMBLOGOWIDE.PNG
bottom of page