Web browser

INTRODUCTION
ANIMATION TITLE

Aweb browser(commonly referred to as abrowser) is asoftware

applicationfor retrieving, presenting, and traversing information
resources on theWorld Wide Web. Aninformation resourceis identified
by aUniform Resource Identifier(URI/URL) and may be aweb page,
image, video or other piece of content. The major web browsers
areFirefox,Internet Explorer/Microsoft Edge,Google Chrome,Opera,
andSafari.

PRINCIPLE USED IN ANIMATION

Easing is an technique that lets an objectrealistically accelerate or slow

down.Ease inis when the motion begins slowly, before gaining speed as
time progresses.Ease outis when an object in motionwill slow
downbefore coming to a stop.

As action starts, we have more drawings near the starting pose, one or
two in the middle, and more drawings near the next pose.

Fewer drawings make the action faster and more drawings make the
action slower. Slow-ins and slow-outs soften the action, making it more
lifelike

STEPS TO CREATE ANIMATION

The background for the animation is created by using adobe photoshop.

Open new file in flash.

Use the image that is created from adobe photoshop as the background
for the animation in flash.

The web browser icons and the arrow are created by drawing the icons
using the appropriate tools in flash.

To create the animation of a moving arrow, insert a keyframe and right

click on the arrow and create a motion tween.

To create the animation of a moving google chrome icon insert a

keyframe and right click on the google chrome icon and create a motion
tween.

The principle of ease in is applied on the google chrome icon by creating a

keyframe in which the icon is set at the top position and applying ease in
principle to the keyframe.

To create a realistic effect of a bouncing ball coming down motion on the icon,
the ease in value is set at -100 ease in. This is to create a motion which begins
slowly, before gaining speed when it hits the ground.

From the figure below it can be seen that as the drop action starts more
drawings are near the starting pose which makes the action slower at the top.
As the icon is approaching the bottom it has fewer drawings which makes the
action faster.

The principle of ease out is also applied on the google chrome icon by creating
a keyframe and applying ease out principle to the keyframe.

To create a realistic effect of a bouncing ball bouncing up motion on the icon,

the ease out value is set at 100 ease out. This is to create a motion which will
slow down before approaching the top.

From the figure below it can be seen that there is more drawings as the icon is
reaching the top this shows that the action is slowing down as it reaches the
top.

To create the animation of a moving internet explorer icon, insert a

keyframe and right click on the icon and create a motion tween.

To create the effect of a disappearing internet explorer icon as it is

squished by the google chrome icon, click on the squished icon and set
the alpha value to 0% on the color effect to set the transparency of the
icon to100.