Real or Hoax? - the website

In this project I created a site which contained information about internet hoaxes. The first part of the project I created a skeleton site by creating the boarders of the different parts of the site (main text, sidebar, ect.) and filling them with filler text. The next thing I needed to do was replace all the filler text with actual text for the website, so replacing the placeholder links with the titles of the different pages, and putting in the text for the site to replace the placeholder text. After putting in all the text for all the pages I then went to the site called Paletton to create my own colour pallet which I used for the CSS styles on the site to add more colour to it to make it look more interesting.

In this site I learned how to create a site with several block sections, as well as making a list of links that look like boxes, and also I learned how to embed a video into a website. I also realised that management of time is an incredibly needed skill, and that I need to begin managing my work time better.

I am pleased with how the site turned out, although I would like to make the styles a bit better, but I still think that they are not bad. Here is the finished product:

The Home Page

Another Page from the site

2D Story Animation

In this project I made a 2D Animation which was to have a story in it. Specifically I made a story about going to the moon.

The first thing that I needed to do was plan the entire story out by story boarding. After doing the storyboarding I drew out the two ships that would be used in the story. When I finished drawing out the ships I used the scanners to scan the images onto the computer, then I used Adobe Photoshop to colour and clean up the scanned in images, I also used Photoshop to make the background images that I used in my animation. After I finished making all the images I needed for the animation I exported them all into Adobe Aftereffects and used it to create all of the animations.

Along the way I used all of the skills I had learned throughout the semester to make the animation. I learned that it's nice to have other people that are working on similar projects that will be there to help, and that being able to use the time I have efficiently is one of the most important skills that is needed.

There are some things that I would do differently. For the most part I would try to use my time better, as I got distracted quite a bit during this project. There are also some parts that I would try to make better and a few more scenes that I would want to add to make the plot easier to understand. Although there are several things I would probably do the same as well, mainly the process that I used to create the animation, as well as most of the ways that I made the actual animation.

From this project I know that one of the most important skills to have is to efficiently manage my time. I need to avoid getting distracted as easily as I did before. Generally the project turned out pretty good, although there are some things that I would want to add and make better. I am pleased for the most part with how this turned out, so here is the finished product:

Web Bio Page

 

In Project 8 I used Contrast, Alignment, Repetition, and Proximity (C.A.R.P.) to make my page look better. For contrasting I made it so that the majority of the text was red, while the bolded font was all blue. This is also repetition in that it repeats across the page. The entire page is aligned to the left, and the images are aligned to the right. The proximity of the image of Napoleon is closer to the text than the image of myself because the text his image is next to is talking specifically about him, and the entire page overall is talking about me.

Multi-Plain Project

In this project I used Adobe Photoshop to maake a scene of an area. Instead of using only one plain like before with a motionless background, in this I used multiple layers to make it have more depth. Each layer is longer and has more detail to provide the illusion that it is closer than the other layers. After making all of the layers in Photoshop I then imported the photoshop file into Adobe After Effects where I made all of the layers move, each one faster than the one behind it, providing the illusion of depth while moving that you get in real life.

Character Project

With this Project I started with drawing the character on paper, but all of the parts were separately drawn. Then when that was done I took the drawing and scanned it onto my computer using the scanner. Then I opened the scanned image in photoshop and selected all the parts and put them together on separate layers. After that I imported the image into After Effects. In After Effects I used the translate tool to move the legs so that it would look as if he was walking across the screen. I also used the rotation tool to make the arms flail around as he walked across the screen.


Here is the image after scanning it in:

Here is a screenshot of the keyframes I used to move his legs as he went across the screen:

And here is the final video of him walking across the screen:

Worm Project

In this project I drew the worm in photoshop. I put the worm into After Effects where I used the puppet tool to make the worm look as if it were moving. At the same time I had the worm moving across the screen as it was moving so it looked as if it was moving across the screen.

Bounce Project

This video here is the first animation project I have made, in which I took a ball, and make it bounce across the screen. I used keyframes to mark the positions where the ball would be and the software would generate the location of the ball for all of the frames in between. I used the ease-in and ease-out setting on the Keyframes to make the ball slow down as it reached the height of it's bounce and speed up as it left. I also used the Squash and Stretch setting to make the ball look like it squashed a little when it hit the ground. I used the Adobe After Effects program instead of the Adobe PhotoShop program to do a majority of the work in this project. Photoshop is better for creating an image with multiple layers, while After Effects is better used for editing the movement of the different layers in the image. This project was not too difficult, although I did encounter evil glitch bug demon while working on it.

Colour Wheel

This Colour Wheel was produced in Adobe Illustrator. I used the Shape tools, specifically the Circle, Square, and Polygon tools. With the Polygon tool I decreased the amount of sides of the polygon making it have three sides, thus having a triangle. I also used the text tool to input the text into the image. Also I changed the formate of the image from the default .ai formate to be a .gif formate, where I learned about how a .gif has only a limited amount of colours to decrease the file size. I also used the Artboard tool to change the size of the canvas.