Unit 65 Digital Web Animation Assignment 3 Checklist

Explain how you used the following:

Range
Workspace: stage, timeline,
menu bar, toolbar, library,
colour palettes & help.

How Used
Stage:
The stage is used to be able to display the work area on
where I would be putting the assets, composing the
layout. This is also where I will be working on at all-time
within director to be able to see my compositions.
Timeline:
The timeline is also worked alongside with the stage.
Here you are able organise layers and frames to be able
to see how my animation is played out.
Menu bar:
The menu bar is used so I am able to control the things
which you want to with the assets for it to be copy &
paste, exporting, saving etc.
Toolbar:
The toolbar is used to be able to select tools which are
required to perform specific tasks within the stage for
example if I was to select the text tool, I am able to
create text within the stage. There is also another tool
which can also be selected within the tool bar which is
the button tool which would allow you to create a button
which would be an interactive for the user to use.
Library:
The library tab contains all the imported assets which are
from a designated folder. Within the tab, the user is able
to select the assets which they require to use and then
can be clicked and grabbed onto the stage to be arrange.
The library is able to store all types of file formats such as
text, audio, graphics, movie clips, etc.
Colour palettes:
The colour palette allows the user to be able to select
their designed colour to be used when they are either

Screenshot evidence

changing the font colour of a piece of text or a drawing

graphic within director. Being able to use the gradient
tool within director the user then has access to use lots
of different shades of colour which they would like to
use. Colour code is available if the user would like the use
scripting and HSB/RGBA which are able to be changed.
Help:
The help tab enables the users to search for additional
help on how to use director as well as being able to
resolve the program issues if they were to come across as
errors.
Basic tools: drawing, eg pencil,
line, pen, brush, shapes; free
transform, eg rotate, skew,
distort, scale, envelope, ruler
and guidelines; editing, eg
lasso, eraser, undo, copy, paste,
duplicate, insert, delete,
aligning, grouping, ungrouping

Drawing: pencil/line/pen/brush/shapes
I didnt use the drawing tools while creating my web
banner.
Free transform: rotate/ skew/ distort/scale/ envelope
I also didnt use free transform tool as all of the
modifications I needed I did them within Photoshop.
Ruler/guidelines:
Although I didnt use the ruler tool I did actually use the
guidelines tool which allowed me to make sure that all of
my assets, text, etc were all lined up so that they werent
all over the place and that they were in a neat,
professional line and so that they all lined up together.
Editing: lasso /eraser/ undo/ copy/ paste/ duplicate/
insert/ delete/ aligning/ grouping & ungrouping.
I didnt use the lasso tool while creating my web banner.
I also didnt use the eraser tool while creating my banner
as I didnt use the drawing tools throughout my banner.
The undo tool is able to be accessed through edit > undo
which is able to back-track the option that has been
done. The undo tool is only able to be go as far as
undoing options at least 20 steps back.

The copyright tools allow the user to be able to select the

asset which they want to copy that asset to be used in
another multimedia project for example to be able to
copy right one asset from their main project which can be
pasted into a different project within director this is then
followed up by using the paste tool to make the copied
asset appear on screen.
I did not use the duplicate tool throughout the creation
of my banner.
I didnt use the insert tool throughout creating my
banner.
There is a delete option which allows the user to deletes
assets, frames, layers, etc. if they are no longer needed
within the banner, this is able to be done by clicking the
right key and then simply selecting delete.
I didnt use the alignment tool while creating this
product.

Objects: symbols, eg instances,

duplicating symbols, swapping
symbols, editing,

I didnt use the grouping and ungrouping tool throughout

my time using director but I did use this tool on
Photoshop to enable that all the things within the asset is
where I want them to be and if I was to move the asset I
wouldnt need to move each individual asset.
Symbols: instances/duplicating symbols/ swapping
symbols, editing.
Symbols are different types of objects which are created
from an asset which will allow the user to be able to add
a special effect to create motion.
The following three things was not used in the process of
creating my banner, they are: duplicating symbols,
swapping symbols and instance.

For my editing of the images I used Photoshop as this

allowed me more of a Varity of tools to use to be able to
edit images and text although I did use director to add in
effects to be able to make my banner as exciting as it
possible can to be able to catch the eye of my target
audience.

Colour tools: eg colour

properties, eyedropper,
creating custom colours, colour
swatches, stroke and fill

Colour properties:
For colour properties the users are able to have an
advanced option to be able to adjust and change the
colour in which they desire. Other information like colour
code is able to be used within scripting. Within director
the user is only able to select a colour which is only a
solid colour, to be able to get a gradient or bitmap fill
the user would have to load up the asset which they
wanted colouring in to Photoshop to be able to used
other colouring tools.
Eyedropper:
Within director there is not an eyedropper tool which
you are able to use so again the user would have to
complete their assert within Photoshop.
Creating custom colours:
Within the colour section there is an option to be able to
create a new colour so various different shades of
different colours and this then gives the user an option to
be able to save the custom colour which they just created
so that they dont have to go back on to the colour
section and try to find the custom colour which they
wanted.
Colour swatches:
This tool allows the user to pick a basic colour.
Stroke and fill:

Text tools: text, eg editing,

moving, rotating, reshaping,
scrolling, creating text blocks,
converting text to shapes

This tool is not available within director.

Text: editing, moving, reshaping, scrolling:
If the text is already created and then you are needing to
edit it, the user is able to double click the text which has
been created, this will then allow them to enter the
information which they require.
To be able to move the text, the user must select the text
which they are moving, this will then allow the user to
move the text anywhere on the page which they want.
Creating text blocks:
To be able to create text blocks, you have to select the
text box tools. Then where they want to put it within the
page, they must first click on a spot within the stage and
the click on it and then drag out the to create a text box.
Converting text to shapes:
Within the director programme you are not able to
convert text in to a shape.

Manipulating objects:
manipulating vector shapes;
single layer vector shape
interaction;
transforming and grouping
vector shapes

Vector shapes:
To be able to create a shape within director youre able
to click on the three shapes which are within the menu
which is alongside the left side and are able to click it and
then drag the shape out to the size which you want it to
be.
Single layer vector shape interaction:
This tool was not available within director.
Transforming and grouping vector shapes:
This was also not able to be done within director.

Animation: frame label; frame

rate; timeline (playhead, layers,
frames, frame rate,
keyframes, onion skinning,
markers); frame manipulation,
eg copying, deleting, reversal;
testing movies; frame by frame
animation; tweening (shape,
motion)

Frame label & frame rate:

To be able to label the frame which is on the timeline is
very easy, this then allows the user to know which frame
is what for example one of the frames could contain an
image and then the user would name this the image
name. to be able to do this the user would double click
on the frame key and simply below you are able to
change the name for the label.
Frame rate can be adjusting to how fast or slow each
frame should be so the user would need to drag out each
frame key to a much longer time to ensure that the
frame is slow or to make it much faster the frame key
would be as small as possible. A higher frame rate
required to ensure that the movement of the product is
running much smoothers or a lower frame rate would be
more suitable to a graphic animation to ensure that if
there was a video included it would give the user more
time to watch it.
Timeline: playhead, layers, frames, frame rate:
Within the timeline there is four things which need to be
considered when creating a multimedia product.
The playhead is the red line which moves from left to
right within the timeline frame. The speed of the
playhead will depend on how fast or slow the frame rate
is. To be able to move from one frame to a different
frame the user is able to click and drag the play head left
or right of the timeline.
The layers which are on the timeline are used to separate
assets on top each other. If the user was wanting on layer
to be on another layer they are able to create two layers
and have the graphics on separate layers.

The frames which are included within the timeline is used

to create individual frames which are able to be stretched
from frame 1 to frame 600. The user is able to say have
long each frame should be by using the frame rate. Each
frame will also give information if there are any effects
on that frame. The user is able to changes for the frame
by either making the frame longer or become much
shorter.
Frame rate can be adjusting to how fast or slow each
frame should be so the user would need to drag out each
frame key to a much longer time to ensure that the
frame is slow or to make it much faster the frame key
would be as small as possible. A higher frame rate
required to ensure that the movement of the product is
running much smoothers or a lower frame rate would be
more suitable to a graphic animation to ensure that if
there was a video included it would give the user more
time to watch it.
Keyframes: onion skinning, markers:
I did not use the onion skinning tool throughout creating
this product.
The markers within the timeline indicates how long each
frame is.
Frame manipulation: copying, deleting, reversal:
if I needed something from another frame I would copy it
over to the frame which I want it on, and to do this I
would simply click on the right key on the mouse and
click on copy and then I would go to the frame which I
wanted it on and simply then paste it over, this will then
copy everything which the users has selected and put it
on to the frame which you selected.
In director you are able to undo something you did wrong
but you are not able to reversal something.

Assets: importing, eg raster

images, vector images, sound
files, video files, movie clips;
resizing; bitmap to vector
conversion; asset libraries

The user is also able to delete frames off the timeline if

they require to do so and if they dont want the specific
frame. To be able to do this the user must highlight the
information which they dont want or even the entire
frame within the timeline which would also follow the
same step of copying., once the work has been
highlighted click on the right key of the cursor and simply
click on the work delete. This will then remove the
whole frame or information which you highlighted.
Testing movies: frame by frame animation:
For the user to be able to test the banner they are able to
simply click on the play button on the stage. This is to
ensure that the banner runs smoothly and to check there
is no fault or anything wrong with the banner itself.
Tweening: shapes/motions:
I did not use the shape Tweening.
But I did use the motion tween. With this the use is able
to apply a motion effect within the frame.
Importing: raster images, vector images, sound files,
video files.
The only file which I imported was a sound file which I
found of the internet and had to save as a MP3 to ensure
that it would be the correct file format to go in to
director. To import this in to my banner I simply imported
it in to the library and put it in the timeline above the
main timeline.
I also imported mainly raster images which these images
were saved as .JPEG which these images were mainly
contained pixels, although in director you cannot really
tell the image is actually a raster image.
movie clips:
I did not insert any movie clips in to my banner.
Resizing:
When importing assets into director, the user will most
likely need to resize the image down to the size which

Advanced tools: scenes; guide

layers; masking, eg mask layers,
animated masks; timeline
effects, eg blur, drop shadow,
expand, explode, transform,
transition; nesting movie clips

they require as the most likely are going to be too big for
the page. When resizing raster images, they dont
become lossy meaning that they will still remain the
quality which was originally produced at the original size.
Bitmap to vector conversion:
I did not need to convert bitmaps to vector as my banner
didnt contain any asset which was a bitmap.
Asset library:
The asset library is one of the main features of director
which anyone would use if creating a product in this
software. Users are able to create sub-folders to be able
to organise their assets to ensure them to easily find the
specific asset which they require. The asset library is
where the user is also able to import all the assets which
they need and also sound files.
scenes:
this was not available within director.
Guide layer:
this was not available within director.
Masking: mask layer & animated masks:
this was not available within director.
Timeline effect: blur, drop shadow, expand, transform,
Transition
This was not included within director.
Nesting movie clips:
Did not use this tool.

Interactivity: scripting;
behaviours; actions; triggers;
buttons; rollovers; playback
control;
preloaders

Scripting:
If I was to put a stop to the end of each scene I would use
scripting but for this simple banner scripting was not
needed. The user would simply double click just above
the timeline and enter the script code with they required.
Behaviours:
Behaviours is a different script; this is pre-defined for
users to automatically attach to objects. Compared to
scripting, behaviours allow functionality for example
frame navigation, controlling a movie clip, transitions or
effects. To be able to access and see what behaviours you
have on an asset you simply double click the asset and
then click on behaviours which is in the bottom right
corner.
Actions:
I did not use action scripts.
Buttons:
I did use buttons within my banner to ensure that the
viewers are able to turn on and off the music so that if it
gets too annoying they are able to turn of the sound, but
this also then grabs the eye of my target audience as they
are able to then here a piece of my bands music.
Rollovers:
I did not use rollover within my product but you are able
to use them within director, this then simply allows the
user to be able to interactive with the banner.
Playback controls:
I did not use this within my banner.