Adobe After Effects - Video Editing

Animating Masks:

Lighting Techniques:

-Using 2.5D space
-Practice camera animation

Noise Channel

The Process to create a noise channel:

1. Apply noise filter to several layers in photoshop


2. Edit the layers in ImageReady and create GIF picture:





3. Import GIF picture into Flash which play like animation and then add sounds and interactivity..

Join globe

i designed the join globe section in flash this section has been designed to look very simple, as shown below there are two different samples. the first one i designed was designed using action script 3 which we experianced many problems with. so i reddesigned the scene using particles for action script 2 which worked very well.
there is also a simple banner animation using motion tween from the time line with the banner scrolling at the bottom.

Flash

i imported all my images in flash into movie clips. i then inserted two arrows on the main stage and applied action script for the user to be able to click on the arrows to navigate around the room.
i then imported both models separately into movie clips. in the lab i then applied invisible buttons with instance names on both models i then applied action script for these buttons so when they are clicked on, the scene would change to the separate models.

Panoramic Video Test

As seen in the vides the quality of this is very poor. To overcome this problem i will try to export still images into flash and animate them using flash.

Using 3d Panoramic Exporter

i rendered the lab as a panoramic exporter as the image illustrates the different stages below.

To do I had to insert a target camera in the scene. i applied a path constraint linking to a circle. When rendering the QuickTime movie I rendered several different sizes. After rendering I found out the result where not clear at all they were very pixilated and blurry. The only good feature was the panorama navigator.
This was a major problem for me and I had to think about different ways to overcome this problem.

Game 2D graphics

These are some images in found in the Web and I used some of them after editing in my game:

1. Fish:

2. Other sea creatures:

3. Coral:

4. Rubbish:

Flash Game Intro Animation

I created this animation in 3Ds Max, using Particle Flow.

Here is the particle setting I've used:

This is the logo text and the particle in the 3D view:

Test Render:

This is the game background created in 3Ds Max too. Lighting, and noise modifier ares used to show the mood of under sea scene:

placing scene together

for the modeling i imported both moniters and placed them in the main scene simply by selecting file export and file import.
after completing this stage my scene is now ready to be exported using panoramic exporter.

creating the WM and the PH

I modeled both the wind monitor and the PH meter the screen prints are demonstrating the process of creating it.

modelling the table and scene

Here i have shown the steps taken to model the table for the computers as shown i also modeled a book shelve. i then duplicated the tables and created a wall for the lab

Modeling a Chair

For the laboratory i started off by modeling a chair in 3ds max. for this chair i followed a tutorial on http://www.3dtotal.com/. below are the steps of modeling the chair

research for the PH meter and Wind Moniter

I modeled two of the instruments which Globe use the PH meter and the Wind Monitor before modeling these i carried out research.

The images below demonstrates how the PH meter looks like.

This image demonstrates how the wind monitor looks like.

research done for "learn with us"

I have carried out research on many different designed labs before i started to design the lab.

The following labs have been designed as 3d models which would be very similar to what i am going to create.

Edit the product menu 1

The previous menu wasn't satisfying us because its colours don't suite the background. I had a discussion with a group mate and decide to replace it with buttons on the buttom of the stage.

The buttoms represent the earth and there is a tween class animation on them. When rollover the button it moves to the back and disappearing then come back in 1 second.

I created an intercative animation to add interactivity to the page. When the user acsess the menu page, these autumn leaves will appeare in the middle of the scene.












They will move fast following the movement of the mouse.




When the mouse stops in a point, all the leaves gather in the same point. But that looks annoying for me, I wasn't aiming to achieve this result. I don't want the leaves to follow the mouse, instead I want them to move on the stage according to the mouse movement.





I started playing with the speed values in action script. Here the leaves are slower but they are still following the mouse.







Finally I could do it. Now the leaves will move randomly according to the mouse movement until it get out from the stage.







Only 2 leaves will stay and follow the mouse in different speed.

I add an animated mice as a button for globe stereo where the user can choose a song and keep it as a background sound for the main page by lefting the stereo without stopping the music.


I tried to make the name of the section appears in the top when rollovering the button, but that didn't look good.


Major improvements happened. The GLOBE stereo is a separate section now. There is a different background sound which plays by defult but the user can mute it by the sound icon on the top left.

I didn't want the user to refer back to the choosing season page each time he access the menu, therefore I thought of putting the seasons thumbnails on the main page so the user can change the background whenever he/she wants.



The rollover effect on the mute button.








The mute button when the sound muted.


The rollover effect (glow) appears on the second button.





The earth button animated by tween class when rollover on it. It moves slightly upwards.








Each season contains different interactive symbols related to it.

There are white circles as snow in the winter.





Moving white and blured clouds in the summer.











Pink stars with different types of



blend modes in the spring. The mute button in the rollover state while the music is muted.




The strs move according to the mouse movements and its speed until it get out from the stage.







Only 2 stars stay on the stage and foloow the mouse in different speed.