28/04/2016 CI & Database Fun

Having finished the Website and the Animation, the last step is to add a database and make the website work in CodeIgniter. I need to implement a login and a sign up feature for this project, meaning I need a User table with at least 'Username' 'Password' 'FirstName' and 'Surname' fields in it. 
Now to begin!

19/04/2016 Animation - Fin

And finally the Animation is finished. The issues that I was having before were minor, timing issues. After fixing them, I began adding colour which made the animation much more inviting, and instantly changed the tone of it. It became more aesthetically please and welcoming. Here are some stills from the animation itself:

12/04/2016 Bootstrap Continued

As there have been many deadline that have converged together, fyp took a bit of a backseat for a few weeks. Since the last post, I have continued on with bootstrap and have finished creating the website. I found bootstrap good to work with as it offers a lot of functionality and fluid responsiveness. The next step in the process is to put the finishing touches on the Animation and hook the website up to the database for a login/register function. Here is the final look of the website:



Homepage:

About:

Videos/Articles:

Contact:

Login/Sign Up:

29/03/2016 Beginning Bootstrap

So after finally finishing the basic animation, I'm going to leave that temporarily and move on to the website aspect of the project. It needs to be responsive, so I decided I was going to go with bootstrap. I found a Bootstrap template that I liked and began applying my design and assets to it. This is what I've accomplished so far:

15/03/2016 Deep into the Animation Jungle

So the base layer of animation is almost done! 45 seconds of kinetic type, 15 seconds left. 
Demonstration tomorrow, hopefully the progress made is enough, and I can get more in depth with it over the Easter break.
Step.1 - Finish the final 15 seconds of Animation.
Step.2 - Add colour.
Step.3 - Fix any timing and pacing issues. 
Step 4 - Add in Vector Graphics (If time allows - this is optional)

11/03/2016 Homepage

My container! Due to the project being rearranged a bit, the Website will now just be a container for the animation. Still nice to design it though!

22/02/2016 Let the Animation Begin!

For the animation, I am using a mixture of kinetic typography and vector graphics. These techniques are effective as they force the user to read along while listening to the audio, making them focus more on what the animation is saying. 

For the kinetic typography, you must use layers for each word to build the animation. 

This allows you to make each word appear as it is spoken in the audio. This is a lengthy process, but creates a dynamic moving effect. 

Precomposing is essential to keep the project file organised! 

This is only the beginning of the animation, which I hope to have finished within the next 1-2 weeks.