Thursday, 5 May 2011

animating characters

For the next scene in the storyboard it include images of the characters however it make it more interesting i want to animate them in some face, like have one of their feature moving.

For the gunslinger the most prominent thing i could animate is his toothpick, i could have swirling around in his mouth. To do this i separated the two pictures, so i have a picture of the gunslinger and a picture of the toothpick.



So i then opened up these images in after effects, i then placed where i wanted the toothpick to started, i then kept moving the timeline, then moving the toothpick to another position which created another key frame. After doing it a number of time i had an animated toothpick





i then made it into a quicktime movie


Animating Bullseye Kid

For the bullseye kid, i wanted to move his hair as its the most prominent thing in his design, furthermore it will give the impression of a gust of wind blowing by.



These are the two images, with the hair subtly changes. i will repeat the images so it gives it a back and forth motion.

This is what the result looks like


even though its simple just the slightest bit of moment helps bring the image to life

Bullet panels

In this scene i wanted a bullet to be travel through different panels on the screen, But crucially just going throught the panels and not the back background.

From what i learnt so far i thought the best way to do this was to create the bullet going through one panel on after effects

So to start with i create a simple image of a bullet


Then in after effects i create a red composition and using the timeline and keyframe created a simple straight path for the bullet to follow.



I then converted this into a quicktime movie




So now that i had one panel done, it was a simple case of reinserting this quicktime movie into after effects, copying 2 more times, downsizing the images so the all fit on the composition equally and neatly.


 Next came in the important task of judging when to start each panels animation to make it look like one continuous bullet moving through each panel. I tried to make sure the bullet size stayed the same size when going through the transition of each panel as that would help with the illusion


Outcome:

Gun animation part 2

because i liked the result of my previous animation bit, i wanted to do similar thing, so i've added a scene where it shows the gun from front on. Again i'm going to be using the panels.








what i learnt from the last design was to have alot of excess of red, that way i could move it up and down for the differnt level, which mean i wouldnt have to create 3 seperate animation like i did with the last one. All i'd have to do is move the animation down the page a bit

animated together:


I will now add this to after effect 3 time so i can panel much like the previous animation piece


 Remember to use the mask tool i able to place all the panels with out any problems, you can see why i needed the long strip as i need to move the image at the top for one panle and near the bottom on another so i need to make sure the red filled the whole panel.


Again like the previous animated piece i staggered the starting times of each panel so they go off one by one.

Final Piece sequence




manipulating animation in after effects

I placed all 3 animations into after effects however i came across a problem straigh away. When i put all 3 layers on, at least one of them get hidden by the other so i need a tool to try and crop the each animation sequence.



As you can see i could get all 3 panel to be view on the screenn

I eventually overcame the problem using a new tool to me called the mask tool, essentially it allows you to crop a piece of animation so you can tell it which parts you want to be seen.

The yellow box indicates where i've cutout the animation, it now allows all three panels to be seen.

Now i could show all 3 of animation panels in the same screen


I like this, however i want a delay on each animation so one gun goes off right after the other.

to do this i inserted the first image of the animation at the beginning and made it run slightly longer as i went down the panels, this meant the top panel's animation started first then middle then bottom, to make sure each panel didn't turn to black i added the last frame on the end to run to end.

Im really happy with the finally result really bring it to life

top and bottom gun animations











animated together











Now i all my gun animation sorted i need to put them together, this will be done in after effects

Gun animation sequence

From all the comics I've researched i want this animation part of my video to be reminiscent of pages from a comic book, by having comic strips that contain the animation.


This was the picture i did in my storyboard and is what i am going to try and reproduce. So first i need to draw pictures of a gun being fired so it can be animated.








as you can see i've created the strip which include the animated gun. i aim to do this 3 times and put them at the top and the bottom so i have gun guns being fired.

animation of all the clips put together

Bullseye animated intro

From what i learnt from the gunslinger intro i easily able to create the same zooming out effect for this animated piece.



now to add the text, i didnt want to do just the same as before, wanted something different, simplier infact.

I placed the text at angles this time.


 I then set the text to 3D camera mode so i could make it look like their flying in instead of just sliding in


Outcome