cmudgway-blog

[cmudgway-blog]

Vimeo is the home for high-quality videos and the people who love them.

This is my final animation. Out of the poem "A Divine Image" By William blake, The lines: "Terror the human form divine", "The human dress is forged iron" and "The human form a fiery forge" stood out to me. I could picture a shadowy figure, a plate of amour and a fiery man. I took these ideas and constructed a animation. In the animation, it mostly focusing on terror or fear, but with the combined other elements i have chosen. The idea is of the animation is to show that anything can be made by just one line of words.

Sound effects made by myself in garageBand and from:

http://www.freesound.org/browse/

[cmudgway-blog]

I have made some audio to go with my animation in garage band. Now the problem is to edit this to fit the animation.

[cmudgway-blog]

This is more or less my final animation, but it is way to fast. Trying to slow things down a little bit ahah

[cmudgway-blog]

This is the process of my final animation so far just trying to combine elements from drawings and processing

[cmudgway-blog]

Just working on my final animation. Need to tweak the timing of animations and the fluency of the composition.

[cmudgway-blog]

Just a few screenshots and images of my final animation.

[cmudgway-blog]

Summary

The emotions in this project I was working with were: anger and sadness. I wanted to show the different stages of anger and how, when you push someone too far drastic things may happen without thinking about the consequences. I wanted to show the transition between anger and feeling sad. I showed this through the big brother in my comic, getting annoyed with the little brother and then slowly getting even angrier and then taking drastic measures. But when these measures are taking he realises that he regrets them. This shows the transition between anger and sadness. 

My comic starts when the little brother arrives home from school, he is happy to be home and see his older brother because he is a role model to him. When the little brother is home he hears cries of anger coming from his older brother bedroom. Investigating these cries, little brother scares his older brother. Since the older brother is already angry, he takes some of this anger out on his little brother.  The little brother looks up to his older brother so much that he doesn’t realise that he is very angry at this point. He continues to anger him, and at this point the older brother is infuriated. He takes matters into his own hands and pushes his younger brother. Up on pushing him, he comes to realise that this wasn’t the right thing to do and that he does care about him. After this realisation the younger brother scares him one more time.

When trying to portray these emotions on the web focused on the interaction for the user and mainly on displaying the emotions. I wanted to tell the user how anger the older brother gets through interaction. 

References:

I used this website for ideas and to help with the layout of my pages

http://www.gocomics.com/explore/comics

This helped me with Jquery

http://www.w3schools.com/jquery/

And i used alot of google, to look up how to do effects.

[cmudgway-blog]

These are a few screenshots of my final website. Because individual scenes come up on each mouse click, I chose not to up load the whole website because there would be 500 screenshots. 

[cmudgway-blog]

When you have reached the end of the comic, clicked again actually restarts it.

[cmudgway-blog]

I have made a cursor appear when first hover over the website. This tells the user that i can be clicked and thats how to you navigate through scenes.

[cmudgway-blog]

Just a few screenshots of my final layout of my website.

[cmudgway-blog]

My long process of cropping individual scenes so that each of them can appear on mouse click on my webpage.

[cmudgway-blog]

My process working on my website. I have added a title and made good use of firebug and interaction using JQuery and javascript. I have decided not to use arrows to go through each scene instead you can just click through it, then when your at the end it will say "click to see again" and start back from the start of the comic.

[cmudgway-blog]

Starting of my webpage, when the mouse is clicked the next scene of my comic is shown. I will add more interaction in the comic and through the story.

[cmudgway-blog]

This is my final storyboard. I shows what my website comic will do and what interactions take place. I am focusing on making the emotions stand out to show the user what the target emotions used im my comic.

[cmudgway-blog]

Three short animations

This one is using processing elements

https://www.youtube.com/watch?v=w0RJnpLwAUg

This one is using a SVG file

https://www.youtube.com/watch?v=-vfw3j8QjkA

this one is using images

https://www.youtube.com/watch?v=4TbM69EzITc

[cmudgway-blog]

These are some ideas about the interaction of my website and a basic storyboard.