Typo-motion Part 2 - Finished Product

Typo-motion - Wazzup

Typo-motion Part 2 - Finishing

Towards the final parts of my animation, the characters went a bit crazy and didn't really pronounce the word "Wazzup" clearly, so I thought I'll try and express that. So my idea was to stop the vCam midway through the word and made loads of letters "z" come on screen. Then the z's blur outwards until the whole screen becomes black. After the black screen, it cuts back to a white screen to continue with the rest of the animation.

Nothing much happens for the final parts of the animation. I use a light/ice blue for the word "Chillin'" and I use a drak/blood red for the word "Killin'" to show some kind of link between the words and their colours.

Typo-motion Part 2 - Phones

After the "Wazzup" I came across another opportunity to use a visual representation of the word "Phone." When Shorty says "Yo, Pick Up The Phone," I thought of having a phone that was facing down, that then turns on it's side like it's being picked up. This is an easy task. All I did was do a few keyframes and rotate it a little bit each time until it was vertical. I then had the word "Wazzup" come out of the top part of the phone, seeing as that is the one that you hear from.

 I admit that the "Wazzup" part did not go very well. The words appear from behind the phone at the start and the vCam zooms in too much that the phone becomes squashed for a split-second.

I also done a similar effect again in the animation, except I used the Mini-Mob phone and I never rotated it. I decided to zoom into it with the vCam. But this time I managed to improve on the mistakes I made previously. I made the words look like they were appearing out of the phone, not coming from behind it. This made it look more effective. Furthermore, the phone never got squashed whilst using the vCam.

Typo-motion Part 2 - Budweiser

After editing the Budweiser bottle I wanted to add a bit more. So I attempted to make a steam effect coming from the bottle, as if it has just been opened. To do this I used shape tweens. I made a few small shapes that could be concealed behind the bottle and then, after putting in a new keyframe, I made the shapes bigger. I then used a shape tween to get one part of the effect. The next thing I did was then use a motion preset called "Smoke." This gave the steamy effect that made it look for realistic.

The next main thing I did in my animation was the first use of "Wazzup." For this I used the vCam and some tweens to make sure that the word is still on screen whilst it is being said. So firstly I tweened the lettter "w" above the question mark. Then the letters appear one-by-one until they exceed the length of the vCam, this let me just add all the letter off screen. After the word had been written out, all I needed to do was use the vCam to tween across the word. I then tweened "Wazzup" in the opposite direction to the movement of the vCam because then I can move the word off the screen whilst giving the appearance that the vCam is still moving.

This then allowed me to have the second "Wazzup" to come into the screen. I made the word start from the bottom of the screen and tweened it so it would go off at the top. This allowed me to use an easy tween with the word and won't need to repeat what I did for the first Wazzup. Also going from bottom to top gave me space inside the vCam to add the words "What The..."

Typo-motion Part 2 - Progessing On

After starting on the words for the Typography I then worked on the next set of words, "Nothin', Sitting Here Watching The Game." This was a very simple task seeing as all I had to do was make sure each word was in time with when it was said. I only used one motion preset and two motion tweens. The rest of the words just appeared on screen as it was said. In my opinion I think that the words just appearing worked quite well. I did this for the words "The Game." This is because all of the other words tween into the stage. So I felt the need to change it up a bit, also because it seemed to fit how Shorty says it.

The next part of the Typo-motion was a bit tricky. Shorty then goes on to say "Smoking Some Bud." I didn't want to use the word "Bud" in my typo-motion seeing as bud is another word for weed. So I thought that I would do a little play with the word and refer it back to the original advert, from where this whole clip comes from. So instead of using the word "Bud," I used an image of a Budweiser. The image was taken from Google and edited in Photoshop. I'm not sure why I edited the image because in hindsight it probably would have been fine without editing it. But instead of having the brown/red colour of the Budweiser bottle, I used the burn tool to make it black. I also used the lasso tool before hand to remove the tags so they wouldn't get affected by the burn tool.

Typo-motion Part 2 - First Words

After completing the mini-mob design, I then went on to create another phone as well as put in the first few words in the clip.

Firstly I shall talk about the second phone. This phone was designed around the old house phones that, when rung, the phone would vibrate. I used this because there is a phone that rings so I thought making the phone animate to look like it's ringing would be a great test to see how I can do it and also because it makes a nice effect compared to leaving it motionless. To animate the phone I only used two different frames, which was the phone leaning left and right. The main animation was in the wire. The wire would have to move with the phone and seeing as it's supposed to be loose I decided to use the bone tool. This was one of my first tries at using the bone tool but I managed to make the animation work.

This is what my telephone looked like. The wire is bent due to the bone tool.

I also made a start on the first set of words that are said during the clip. I first added the word "Yo" that flies in from the left and sits next to the telephone. I then used the vCam to move the camera to an empty space of the stage, also adding a rotation so that some text is on its side. I then proceeded to have the words "Hello Shorty. What Are You Doing," to animate uniquely into the vCam. For "Hello," I did the animation frame by frame. All I did was add each letter in a different frame. Just to give the effect that the letter is being spelled. Then for the word "Shorty" I used a motion tween to bring it into the vCam. After that I then used Motion Presets for the rest of the words. I had to edit the speeds of which they came in, just to keep it in time with the speaker.

This is how it looked after everything had moved into place.

 

Typo-motion Part 2 - Starting The Animation

After all my planning I then got straight into the start of my animation. The first thing I need to do was draw a mini-mob. I got an image off of Google and used it as a template. I convert the picture to a symbol and then lowered the Alpha. This allowed me to draw over the picture whilst being able to see all of the lines I have drawn. After drawing and filling in the colours, black & dark grey, I then needed to do the buttons. Seeing as I wanted to animated the buttons so that they change colour, to give the appearance like they are being pressed, I needed to put each button in a separate layer. At first I had tried to keep all the buttons in the same layer as the phone. But this proved to be more time consuming than having each in a different layer. This is because I needed to add the keyframes at all different points in the timeline, this then made the layer filled with too many keyframes and making it confusing to which button they belong to.

This is what my phone turned out to look like. You can see how I tried to replicate the mini-mob as much as possible and how one of the buttons has turned blue to show it has been pressed. Also at the top right you can see the word "Typo-motion" appearing at the top corner.

This little animation proved to be tougher than I thought and it took me a few tries to get the phone working and in time with the sound. But eventually I got the phone working with no glitches or complications.

Typo-motion Part 2 - Ideas Generation

During the lesson in week 2 I developed my idea fairly quickly from just a rough idea, to having everything planned and ready to start working on.

I first started with the quote "Wazzup" as Scary Movie is one of my favourite films and I find the 50 second clip really funny. I then started brainstorming ideas of how to animate the word "Wazzup." This was probably the most complicated part of my ideas generation because the word get's stretched out over a few seconds at a time. But I soon thought of typing out the word fairly long and then using the vCam to follow it. This was very beneficial since the vCam can move at it's own pace, all I have to do is set it at the beginning and end frame and hope it runs smoothly.

Another major part of my ideas generation was incorporating the word "Typography" or "Typo-motion" into the animation. I have decided to incorporate the word at the very beginning when Scream is pressing the numbers in the phone. I drew up a replica image of the mini-mob, which is a large phone that was used years back, and timed the button press so when the sound from each button is heard, a light shows up on a button in my animation and the word "Typo-motion" spells out. Also the button pressed is also the same as the one you would use to spell out "Typo-motion" is you were to write it on your phone.

The third and final part of my ideas generation was to use images in my animation. Since the "Wazzup" conversation is taken place via phone in the movie, I have stuck with that and used two different phones. The first being the Mini-Mob and the second is an old house phone. I used the mini-mob because it looks like the phone Scream uses in the film and I chose the old house phone because it allowed me to have a small animation of the phone vibrating, like it's being called.