Wednesday, April 6, 2011

Final!!!

Here is how it look when the video ended.

Consultation and Add some few thing...

I consulted with lecturer, and she said she okay just need to add in few thing here and there, minor changers
I added the word "1 Malaysia" at the end of my animated poster.
What I wanna do is to insert picture into my text, by using Clipping Mask in adobe Illustrator.
Firstly open your Adobe Illustrator> text tool> type the word "1 Malaysia".
Second, go surf the net for the picture of Malaysia flag.
Third, paste the Malaysia flag behind the word "Malaysia"

Like this...

Highlight both picture and text, then go to Object>Clipping Mask> Make or CTRL+7 as shown above.

Here you go your Picture in text, do the same thing to the Letter 1, drag them to adobe flash or copy paste or import to Adobe Flash.



Sound Rockz!!!

Finally, the last step, add in sound effect...
Remember the separation of  letter to layers... I wanted to add in type writer key stroke sound effect, you know last time people type letter using a big keyboard and something like printer, 2 in 1, type and print. I used this sound effect to synchronize with my text animation. 

The picture above shows synchronization of text key frame and sound effect.

Now for the last part, remember the 'supportive detail" that stand out my typography, now i synchronize with my sound effect, my sound effect is a whoosh/swoosh sound.

Animation Time!!!

Let animate the three picture represent the three main races in Malaysia, the kite or wau/ layang-layang  in Malay, what i did is make the wau fly away from the screen/stage so i used motion preset to do the job.

Go window>Motion preset
in motion preset there got a lot of effect.

My motion preset of the kite.


The kite will fly off the screen.

As for the lantern represent Chinese people, and Candle light represent Indian people. These two picture use the same technique (Motion Preset) but different style.

Okay picture done, now for detail... 
The chocolate bar behind the text is my so called detail, also can be called as supportive detail... the chocolate bar is too make my typo stand out or you can say separate the background and my typography. Okay done with the explain, for this animation i used classic tween to animate my "supportive detail", classic tween move my "detail" from one point to another. I want it to slide behind my typography.



FIRST STEP!!!

The very first step is... open your adobe illustrator and adobe flash. Now let focus on Adobe Illustrator first, we are asked to copy the same concept or ideas from assignment one to assignment two, in order move your ideas to assignment 2 and make them move/ animate. As we know assignment 1 was our still image poster, thus assignment 2 is our animate poster minimum 15 second. Without further ado, let continue our step one, open your assignment 1 as in AI file, select all layer or high light by left click>drag>hold, drag those layer to your flash or copy and paste into your flash or another method just use Adobe Flash, go to file>import>import to stage. There you go your first frame also known as background.

As you can see on the picture above me... I had changed the frames rate to 20 fps(frame per second) and most importantly I separate every single letter to make an animation. I separated them and arranged them in order, in order mean the distance between the letters is 5 frames, and the distances between words is 10 frame, I arranged them in this order is because I wanted to synchronize with my sound effect(coming soon). 

Intro

Hi~ sadly Im here again, blogging around for assignment, well we must do anything just for ace my VRC (Visual Research and Communication)  marks. okay shall we get started. The procedure of my assignment 2.