Putting Animation Together

Based on feedback from my supervisor I decided to put the first part of the animation together first which would be the beginning of each story when the women share what happened to them. I did this so I would know if it worked as one animation. If it did not I would have my project as 4 separate videos. Here is the rough cut:

link: https://vimeo.com/127985851

I was very happy with how it turned out and showed it to fellow classmates and they agreed it worked. The vision was going ahead.

I started by looking at my word doc that had all the scenes split up in writing. I had each story color coded too so it as easy to find. I then went through my animated stories and cut and chopped where needed be. I then placed them all in the correct order in Final Cut Pro.

Screen Shot 2015-05-16 at 16.43.29

I went through it many times to make sure the transitions flowed together.

Screen Shot 2015-05-16 at 12.10.32

I then touched up any audio that sounded off. When I put them all side by side I made sure they were all the same levels, as were the sound effects and background noises. Screen Shot 2015-05-16 at 16.39.44When I showed the finished piece to my fellow classmates some feedback I got was that by the time they got to the 2nd scene of the 4th story (Brain Injury) they had forgotten what happened her. So I proposed to to a flashback before the scene started. The flash and flashback effect was looking too gaudy for me so I went with a fade to color before the snippet where the rock hits her head, then the 2nd scene follows where she talks about having surgery. After showing this to classmates again they approved.
Screen Shot 2015-05-16 at 16.41.56
The end scene is where each woman says their inspirational part at the end. I decided to finish up with some kinetic typography over the table scene. It was originally looking to messy so I grabbed this pink sheer square from the intro scene and placed the text on that.
Screen Shot 2015-05-16 at 16.06.10

I made the text in After Effects and exported it with a RGB and Alpha setting so it would be transparent when I brought it into Final Cut Pro.Screen Shot 2015-05-16 at 16.45.18


Story 1 – Version 2

Story 1 – Full Video – Version 3 – https://vimeo.com/125395848

Based on feedback from the previous meeting I made some changes to Story 1 – Hirsutism.


I added in some kinetic typography below. I wanted a font that looked like handwriting but wasn’t all curly and childish. I had three different fonts in mind (below) but I went with ‘dandelion in the spring’.

Screen Shot 2015-04-18 at 22.47.25 Screen Shot 2015-04-18 at 22.47.31 Screen Shot 2015-04-18 at 22.47.58 Screen Shot 2015-04-18 at 22.48.56
I tried out the font with a black font and a dark green font. I didn’t like either they seemed too dark. I went with a dark brown as it is softer but still clearly visible. Screen Shot 2015-04-18 at 22.49.35 Screen Shot 2015-04-18 at 22.49.58I animated one of the girls in the second scene. I had trouble trying to move her hand. When I edited the original in Illustrator it didn’t transfer over to it’s composition in After Effects. Instead of wasting time trying and trying I created the arm on it’s on composition and used the puppet tool to move it.
Screen Shot 2015-04-18 at 23.41.24 Screen Shot 2015-04-18 at 23.41.41 Screen Shot 2015-04-18 at 23.41.47


I tried using different types of brick walls for the scene, I didn’t like the result and prefered the original. I used a 3D tool to make the walls look slanted but that tool is the one that messed up my scene 2 last week so I took it out. 
Screen Shot 2015-04-19 at 00.36.37

For the last scene I began drawing her standing up looking sheepish.
Screen Shot 2015-04-19 at 13.48.23

I had trouble with her legs when I wanted them to uncross and go straight and far apart in a victory stance. After many attempts with the puppet tool and the DUIK tool it just wasn’t working! So I made new legs that were straight and would further apart.

Screen Shot 2015-04-19 at 18.11.57 This is what the victory stance looks like ->vic wonder_woman_2

Screen Shot 2015-04-19 at 19.34.54 Her brows, eyes, lips, arms and legs move from their original position to their happy position. I am happy with this and I think it looks like something a young teenager would do (in the privacy of their room).  Screen Shot 2015-04-19 at 19.35.33 I also made two more characters for the last scene, the brother and a filler character, let’s call him Jim.Screen Shot 2015-04-19 at 19.36.05 Screen Shot 2015-04-19 at 19.36.08

Story 1 – Scene 2

Scene 2 –

A few days later, two girls looked under my neck and said, “Oh My God, you DO have a beard!” It was humiliating. I started shaving my face every day when I was diagnosed with hirsutism. It was very uncomfortable and irritated my skin so I would go to school everyday with a red, blotchy neck. I had horrible self-esteem and was convinced I was a guy.

I started with drawing her in Illustrator, drawing the 2 girls that come up to her. I found it easier this time around as I was used to the process and how to layer everything properly for After Effects.

Screen Shot 2015-04-10 at 15.25.37 Screen Shot 2015-04-13 at 04.12.46 Screen Shot 2015-04-13 at 04.12.38 Screen Shot 2015-04-10 at 13.01.21

I started to animate in After Effects and had the scene finished. I did not render it when I was finished. When I went to render my scenes today to put them into Final Cut Pro this AFP file was causing problems. It would not allow me to use the file at all. This notice popped up and then it would crash. It only happened with this file. Scene 1 and 3s file are working fine. I have googled and asked fellow classmates for advice but to no avail. I hope to Ian about this and hopefully he can help me. Unfortunately this means that I cannot add this into my final story video for Monday’s presentation. As soon as I get it fixed I will upload it to vimeo. Luckily each scene has it’s own AFP file.

Screen Shot 2015-04-13 at 04.10.57Screen Shot 2015-04-13 at 04.10.59   Screen Shot 2015-04-13 at 00.50.19

Story 1 – Scene 3

For years I would spend hours shaving everything to try and feel normal. It stops me from having any relationships because I can’t handle any more rejection and judgment. Multiple people, including my brother, have told me I look like a man. However, because of it I am learning to be strong.

Screen Shot 2015-04-13 at 04.26.26 I applied the same process for this scene.  I used a hairy background and put an effect on it similar to the background effect in scene 1.

Screen Shot 2015-04-13 at 04.22.28

I used keyframes to make the clock hands move around and I used a clock sound effect to make it come to life.

IScreen Shot 2015-04-13 at 04.23.48

I keyframed the drop of each wall to signify how alone and trapped she felt with her condition.

IScreen Shot 2015-04-13 at 04.26.35

Screen Shot 2015-04-13 at 04.25.31I created a variety of stick people here. She doesn’t remember what they look like because as she says she is learning to be strong and forget about her past. The blue character signifies her brother who called her a man.

Screen Shot 2015-04-13 at 04.25.44

I thought about how to signify becoming thick skinned and not caring about what people thought of you. You just brush them off. So I placed a rock in the middle of the mean people and brushed them away.

Screen Shot 2015-04-13 at 04.25.52

Story 1 – Scene 1

I brought my backgrounds and characters into After Effects and started to animate it.

I started with scene 2 where hair grows on her chest. I had strokes made in AI but when I used Trim Paths to make it grow its grew with a fill.
Screen Shot 2015-03-23 at 14.48.52

So I deleted that layer and drew in some new hairs using the pen tool. This worked well with the trim path effect. Based on feedback I will open this scene showing the full character looking sad then zooming into the chest hair. Then zooming out to see the horror on her face. Screen Shot 2015-03-23 at 17.22.45