ITECH1004/5004 Introduction to Multimedia

ITECH1004/5004 Introduction to Multimedia
Federation University Australia
Faculty of Science

Assignment 1 – Digital animation

This assignment will test your Flash-based digital animation skills and is worth 20% (Type A) of your overall course mark.

DIGITAL ANIMATION

This assignment requires you to develop a simple digital animation using Adobe Flash. In the Assignment 1 section of Moodle there is a zip file named “digital animation.zip” that is available to download – when unzipped this will produce the following files:

  • 10 images of digits (0.jpg to 9.jpg)
  • A sample .swf file showing the sort of animation which you are required to produce.

To complete the animation you will also need to incorporate the following images (ITECH5004 students will need additional features):

  • The collage you created for your week 4 lab test;
  • A background image (an image depicting yourself. No one else must be present in the photo);
  • Another photograph of yourself different to the background image that you can cut your head out from.

The animation must be 600 pixels wide by 400 pixels high, with a blue background (#0000FF) for the stage, and run at 15 frames per second.

The animation must display the following events, at the specified times, as illustrated in the sample solution (each numbered figure must fill the entire screen). Remember that the sample solution is just a “sample” and the specifications shown may not match the assignment requirements. The animated sequences in for this assignment must be tweened using the techniques shown in the lab classes (motion, shape and guide). Frame-by-frame animation will not be accepted. The different components must be entering and leaving the screen simultaneously and follow the specifications laid out in the following table:

Time

Animation

0–2 seconds

Statically displays your completed collage from the lab test. Please ensure that the collage fills the screen. At the same time an image of your face moves into the screen from the bottom right corner to sit on the left hand side of your collage in the middle. Your face must be neatly cut out from its original image and have a transparent background.

2-4 seconds

The image of face moves off the top edge of the screen and your collage moves off the bottom edge. At the same time an image of the first digit in your student number layered underneath the face and collage moves in from the left edge of the screen whilst performing single clockwise rotation. Note: All number images used throughout this whole animation must fill the screen exactly with no overlap and perfectly fit the 600px by 400px stage area. Feel free to stretch and skew images to fit. .

4-6 seconds

The first digit moves off the bottom right corner of the screen. The image of the second digit moves in from the top left corner.

6-8 seconds

The second digit moves off the right side of the screen. The image of the third digit moves in from the top left corner (with a locked width/height ratio originating from a width of 60px), and scales up to fill the entire window, whilst performing a triple anti-clockwise rotation.

8-10 seconds

The third digit moves off the right edge of the screen whilst performing a triple clockwise rotation and fading. The image of the fourth digit moves in from the bottom left corner of the screen.

10-12 seconds

The fourth digit remains still and fades out as the image of the fifth digit fades in to take its place.

12-14 seconds

The fifth digit moves off the right edge of the screen, The image of the sixth digit moves in from the bottom edge of the screen (with a locked width/height ratio originating from a width of 60), whilst performing a double anti-clockwise rotation, fading in and increasing in size to fill the screen.

14-16 seconds

The sixth digit moves off the top left corner of the screen. The image of the seventh digit moves in from the bottom right corner of the screen.

16-18 seconds

The seventh digit slides off the left edge of the screen as the final eighth digit is entering from the top edge of the screen.

18-20 seconds

The image of the eighth digit shrinks and changes into a 5 sided pentagon shape. This requirement of the assignment is worth 3 marks overall, so please spend some time on it. You must use a shape tween to achieve this effect. (hint: you can’t shape-tween a symbol!)

20-22 seconds

The shaped image of the eighth digit performs a triple roll off the right-edge of the screen using an anti-clockwise rotation while your background image (a photo of yourself) fades in. Make sure that your photo is not skewed or deformed in any fashion and perfectly fits the 600px by 400px stage area.

22-38 seconds

Text based representations (not images) of the digits in your student number in its normal order (not reversed) ‘bounce’ across the screen in sequence. You must use motion guides, and clever positioning so that the digits appear to ‘interact’ with the background image (e.g. bouncing off & around objects). Be as inventive as you wish here but make sure that your numbers clearly show out opposed to the background image. Your numbers must be 50pt in size and can be of any readable font style.

38-44 seconds

Roll the credits! Have the following text move up from off screen from bottom to middle on the right hand side showing:

  • An acknowledgement of your lecturer.
  • Your student number;

Your name;

  • A motivational phrase;

Make sure that your text is using a font that is easily readable and if it overlaps the self-image picture make sure that it is highly distinguishable against the image.

On the left hand side of the screen show a static photographic image of yourself. This image must have been cut out neatly from the original photograph and only show yourself (no background images). You will have to use some form of transparency and save it in a correct file format for it to successfully show against the coloured background in Flash. This image must not occupy more than half of the screen.

44-47 seconds

Image and credits remain stationary on the screen.

47-57 seconds

ITECH5004 students only. You must create an animated sequence showing off some of FLASH’s more complex features (none of which were taught in class). You must place a photograph of yourself (may include other people) at the center of the screen and animate a sequence of your liking around it. During this 10 second sequence you must employ at least three of the following techniques (you may think of others but your tutor must approve of them first):

Non-linear interpolation;

Soundtrack (copyright safe);

Colour tweening;

Flash 3D animation;

Mouse over effects;

Button controls.

Be as creative as possible and show off your Flash skills.

All students must submit both the saved .fla and published .swf files.

ITECH5004 students only: In addition to the above outlined requirements of both parts of this assignment you must also do the following:

Submit a Word document which describes the steps which you followed in completing the features included within the additional assignment task (in 47-57 seconds). (Think of this as creating a tutorial outlining step by step instructions of how to employ the techniques you have chosen to produce the features in your animation. When describing the steps think of how a lab tutorial is written.) In your document also outline how you solved any copyright issues that may have occurred; and any difficulties that you had in completing the assignment, how you overcame them and what lessons you have learnt that will make Assignment 02 easier for you to complete.

Submission and marking process

Create a single zip file containing all of the files required for your submission (check requirements above). Submit this as a compiled zip file for Moodle submission.

Assignments will be marked on the basis of fulfillment of the requirements, and the quality of the collage & animation.

In addition to the marking criteria, marks may be deducted for failure to comply with the assignment requirements, including (but not limited to):

  • incomplete documentation
  • incomplete submissions (e.g. missing files)

Refer to the Course Description for details of the policy on marking of late assignments. Any applications for extensions or special consideration should be made as early as possible, and in all cases prior to the deadline for submission.

Assignment 01 – Digital animation

Student name: Student ID :

Requirement

Weight

Mark

Flash Animation

Correct animation properties

3

Intro screen (Part 1 collage)

1

First digit transition

2

Second digit transition

2

Third digit transition

2

Fourth digit transition

2

Fifth digit transition

2

Sixth digit transition

2

Seventh digit transition

2

Eighth digit transition

2

Eighth digit morphing

3

Transition to background image

2

Text animation over background (motion guide)

3

Credits

4

Additional Animation (ITECH5004 students only)

Advanced Flash techniques

8

Total

/32 (1004)

/40 (5004)

Submission requirements

.fla file & .swf file (-4 for each that are not submitted)

Report (ITECH5004 students only)

Report on methods used to create animation

10

Assignment mark total

/32 (1004)

/50 (5004)

Contribution to unit mark (out of 20%)

%