Monday, 16 January 2012

Bounce Sequence 3


For this sequence i am not going to just use the o as the focus i am going to try use the letters in sequences of 3, to simultaneously bounce in different directions. The format of the import is the same with each letter being on the same layer, this allows be to move each letter.




showing the layers, like in after effects, i uses different colours to distinguish between them. 


again i could key frame consistently through out each set of three, this will allow the letters to move at the same time. 


For this sequence the two sets of letters bounce from off the screen, they are going in opposite directions. This will hopefully create some interesting visuals.  i think it is important to keep the speed and scale identical. to create visual consistency. 


this image just shows the identical key frames through out the individual three letter sections. w



the two frames above, show how the two sections of words enter the frames. they will continue to bounce back off the centre point of the composition. i have used the centre point, in which the word bounce will eventually settle, is because the eye will automatically be drawn there. 



here you can see the movement in which each letter took, this is the line of movement through out the two sets of words. by holding shift you can keep the line of position straight. 


again an example of the movement of of position, with each key frame. as the bounce energy got shorter the key frames got less time between. as you can see below.its relatively consistent until the end points. 



This is the bounce end frame, the productions uses opacity before the end of the clip to appear between 4 and 5 seconds. 







Here are 6 of the key frames from the 3rd clip. I think this has not been as successful as i wanted, i think this would have been improved by not using sets of letters but using the letters and moving them individually and making them more inconsistent to create a better more interesting visual outcome. 

Bounce Sequence 2


For this sequence i am looking i am looking at having the o as the focus point again, the o will basis for most the movement on the post. Although the other letters will also move. Unlike the previous clip each letter will be on its own layer instead of each letter having many fragments and as a result layers. which will make the process much more simple.



this is showing each letter on its own layer. it will be imported like this so each letter can be manipulated individually. 




this shows the amount of layers i will be working with in after effects. 


The first thing i did with in the clip is to scale up all of the letter bar the o using the key frames, this could be done all at the same time, which saved time. as each letter was already positioned correctly, this gave the image of the letters moving away from the screen in the moving clip, using scale can give the impression of a camera. 


this shows the identical key frames with regards to scale. 


this frame shows how the letters are scaling down simultaneously. this is down with out the o which will drop down from the top. It was important to keep the consistency of the letters on the timeline to create an effective outcome. 


the "productions" is now only becoming visible with the o not in the frame still.  


here you can see an effect used on the o as begins to drop down, its a Radial blur. this gives the impression of movement. 


As the bunce fixes to its position the o begins to drop down. 



here you can see the key frames used on the o there is a rotation key frame as well as the position changing to give the flight a realism. 





here you can see the flight of the o just before it settles to create the word bounce, i have tried to take into consideration pace of movement, for example at the end of the bounce when the kinetic energy is deceasing the o will appear to bounce faster, although it will just be because it is bouncing less. 








here are 7 key frames from the sequence, this give you an idea of the sequence from start to finish. i like the way in the sequence the o's kinetic energy has been portrayed. In comparison to the previous sequence i prefer this one for its simplicity, but it was equally as effective. in demonstrating the word bounce. 


Bounce Sequence 1





This is the first sequence i have chosen to do, purely as it is the most time consuming. It will incorporate over 50 layers.  It involves the of the word bounce acting like a ball... and shattering the word and then the fragments dropping of screen and reforming in a different frame. This is a lot to fit into the sequence and i will be aware of time. 

The first stage in the process is to fragment the word bounce into the sections it will break and re form in.  Each section of each letter needs to be put into its own layer, this will allow me to transform each section individually. I need to make sure that illustrator is on the film footage option, this needs to match up with how i set my after effects programme up. ***** show set up. 







Above is the process used to split up the the b and the n in the process. creating each section on each layer, as i explained this will allow me no manipulate each section. this is then saved as an illustrator file and then imported into after effects. 



This is an example of how to import the files from illustrator, i use the option  retain layer sizes this allows the bounding box to be small and each layer to be active. 


This demonstrates how the each layer is active as a result each section of the b is active. and as a result can me animated. 


This shows how the all the latter are imported, they are imported incomplete as a result you have to spend time putting them back together. You can see how the the o is used as a ball.. the will be revolving on its central point, this will allow the ball to have a more realistic effect as it travels across the frames. its crucial to get the curves on the ball correct to make it look realistic. 



The previous 3 images.. show how the ball will effect the letter forms and they break off.. this breaking is done by adding key frames to the image and moving them away from the frame, i will will also add key frames using, rotation. to add a more realistic fall. Its important i get the timing right, as this will effect how they re form. 




above is the key frames, just and example of what i have done for this process.The key is to get a consistent fall across the timeline, otherwise the movement, will be stuttered. 



key frames.


this is the point in which the ball leaves the frame. In the next section the the ball will re join the other letters to complete the word.




Above you can see how the complete process works, and the start of the next begins, all the sections of the letters have shattered, off the screen and the next stage is begin. there is no chance in typeface etc, just the addition of another element, which is the word production. Reforming the letters will have to be done accurately, not to allow inconsistencies. What is important is to line the words up again, this is done using rulers. 


due to the time constraint of the film being 5 seconds, the second half or the reformation of the word is done slightly quicker.. which does actually work, in the sense that a lot of the word would of already reformed, as of the time laps between the breaking of the first and last letters. The pt size will not be changed through out the process. 


you can see how i have used the position key frames to create almost like a suspension like effect on the letters when each section reforms. this adds a bounce to the word. 


example of key frames. 


this is the almost complete word. the b is the last letter to reform as it was the last to be broken.




the three images above is an example how the process of movement is complete its a simple line from the above, frames, that results in completing the letter form. here you can see the movement passed i added to created the bounce effect. i then add another key frame back to its complete position. 


gives you idea of the layers and the key frames. through out the process. what was most time consuming was the fact that key frames could not be copy and pasted between letters, as they were both different positions on the frame. as  result each letter has its own individual set of key frames. 



this shows the movement of the o acting like a ball bouncing in the right place to complete the word. 







this is the 6 key frames of the final image, i have added red to make the black lettering stand out and make the final outcome more visually appealing. 



this is just an example of the how i changed of the curves of the o to make it more realistic in flight.. i have also changed the speed of the o through out the process, to make it more realistic, for example when it hit another letter it will speed up.  

***final upload to come***