Creating interactive sequence using authoring tool

DLM 03 Developing print-based Learner’s Guide including all related documents
Notes Format of Learner’s Guide

Course: 3D Animation NCIII
Unit of competency: CREATE INTERACTIVE SEQUENCE USING AUTHORING TOOL

Module: At the end of the session, learners should be able to:
Learning outcomes: 1. Plan use of authoring tool
2. Use authoring tools
Duration: 3. Check the functionality of multimedia sequence
Situating Learning: 80 hrs
You are the 3D Animator in PIXAR company; you discussed the part of

storyboard to the concerned personnel in animation cinema with Art director.
And they found out that some of the line, and the format will not run in other
personal computer and the other relevant materials that we need in
authoring.

To ensure that, the Art Director is given a task to the 3DAnimator to do an
authoring based on the storyboard that will discuss by the other relevant
personnel; to perform this good animation, they gave a time frame limit to
create of good commercial design. As a 3D animator, you must have criteria
on how to use different software in authoring tools.

The 3D Animator must perform these:
- He/she must know the file format.

- Knowing the script and range of authoring.

- Facing of the images in Storyboard outline

- Limits of time / dimension

- layout drawing/model sheets

The 3D animator must produce the good design within 10 days. 10 days is
enough to plan and study the script in storyboard outline and perform the
authoring tool. You have to present this to the Art Director, and the other
relevant personnel concerned. If everybody agree with the presented
animation in authoring tool, the Art Director will give you a recommendation,
to promote you to become the fulltime staff in PIXAR (animation company)

Assessment Criteria: 1. Range of authoring tools and their application to various multimedia projects
are identified and discussed with relevant personnel.

2. Purpose, scope, storyboard and design of multimedia projects are discussed
with relevant personnel.

3. The technical requirements of the multimedia project and use of authoring
program are discussed with relevant personnel

4. Use tools and features of software relevant to the authoring process

5. Create a new file for the specified task and name appropriately

6. Multimedia components are imported into the authoring tool.

7. Design principles are applied to the screen design and layout.

8. Screen and layout are designed according to creative production
requirements and technical specifications.

9. Buttons and other interactive elements are created.

10. All components are linked according to storyboard.

Pedagogical Training in Instructional Design & Delivery for TVET Page 1
© 2010, Institute of Technical Education, Singapore

DLM 03 Developing print-based Learner’s Guide including all related documents
Notes Format of Learner’s Guide

11. Data files, images, and audio are saved and stored in appropriate file format
12. All links function is checked and debugging is done to make sure that these

are fully interactive and presented to relevant personnel.
13. Required changes in the sequence are incorporated in the final delivery

platform.

Learning Performance Criteria Learning Activities (Brief Learning documents
chunk description of strategies, (Documents referenced
 Appropriate tools sequence of lesson,
Sub-task 1: and equipment are evaluation) by each learning
Chunk (2) prepared activity)
Plan Use of 2.1. Identifying the range of
Authoring tool  Select authoring tool authoring tools and 2.1.1 Read Info Sheet _
and applied various describing the various authoring tools.
application in applications in multimedia.
multimedia projects. 2.1.2 Answer
Worksheet_
Identifying and
describing the various
application of
authoring tool.

Sub-task 1:  Scope and elements 3.1 Describing and reviewing 3.1.1 Perform Job
Chunk (3)
Plan Use of of multimedia scope of storyboard layout in Sheet_ Describe and
Authoring tool
 Basic techniques multimedia projects. review the scope of
Sub-task 2:
Chunk (4) /methods of storyboard
Use authoring
graphics design
tool:
 Design and drawing

skills

 Use feature in 4.1 Identifying the features 4.1.1 Read Info Sheet_
authoring software and functions of authoring features and
tool for framing, timing functions.
 Select tool and and pacing to multimedia
applied it to projects in authoring tool.
authoring process

Sub-task 2:  Use the import 5.1 Importing the components 5.1.1 Perform Job
Chunk (5) Sheet_ importing
Use authoring components in and applying to multimedia components.
tool accordance with the authoring tool.

Sub-task 2: design and
Chunk (6)
Use authoring principles for
tool
requirements in

authoring tool

 Life drawing and 6.1 Designing the specification 6.1.1 Answer Work

translation to of screen layout in authoring sheet_ creating

animated characters tool for creating buttons and buttons and interactive

 Use buttons in designing interactive elements.

interactive elements element in multimedia

and applied it to projects.

screen layout

Pedagogical Training in Instructional Design & Delivery for TVET Page 2
© 2010, Institute of Technical Education, Singapore

DLM 03 Developing print-based Learner’s Guide including all related documents
Notes Format of Learner’s Guide

Learning Performance Criteria Learning Activities (Brief Learning documents
chunk description of strategies, (Documents referenced
 Use linked sequence of lesson,
Sub-task 2: components in evaluation) by each learning
Chunk (7) accordance to activity)
Use authoring storyboard and save 7.1 Component linked and
tool in appropriate file saving the data files, images 7.1.1 Answer Work
format and audio in appropriate file sheet_ components
format to make sure a fully linked, and file format
interactive. of multimedia projects.

Sub-task 3:  Appropriate tools 8.1 Checking and debugging all 8.1.1 Perform job sheet_
and equipment are functions to make sure the check, debug and
Chunk (8) prepared interactive sequence of deliver into final
multimedia project are platform.
Check  Creative delivering into incorporate
functionality of information, scripts final platform.
multimedia and images in
sequence

multimedia are

interpreted.

 Incorporate and

sequence in the final

platform.

Pedagogical Training in Instructional Design & Delivery for TVET Page 3
© 2010, Institute of Technical Education, Singapore

Information Sheet 2.1.1: Identifying various application in authoring tools

Learning outcomes:

1 Plan Use of Authoring Tool

Learning Activity:

2.1 Identify the range of authoring tool, various multimedia projects and relevant
personnel.

Authoring tool is a software package which developers use to create and package content
of 3D Animation for delivery to end users to produce a multimedia projects and forms into
interactive sequence. Plan use of authoring tools is important to create Interactive
Sequence. The content must be integrating and describing in digital media including:

 Text
 Audio
 Video
 Images
 Animations

The ranges of tools are corporate in Audio-Visual Presentations, Online Gaming, Computer
Simulation, Webpage Design and E-learning. Authoring tool is always discussed with
relevant personnel to cope the storyboard layout and the technical requirements should be
use in authoring program to maintain design integrity, the color theory, the dimension of the
screen. Trainers to integrate an array of media to create professional, engaging, interactive
training content, and make use of digitized media assets, method of techniques to design
the composition, framing, facing and timing of the sequence of life drawing to animated
characters.

Range of Authoring tools –
Dreamweaver, Authoring Works4
and Adobe Flash are designing
the presentation of 3D animation
by providing the greater control
directly to the 3D Multimedia
projects use on the business
sector particularly for marketing
and academic. This range of
authoring software it will helps a
lot to animator on how they
present a good media and it is
design to create rich media
courses containing text plus
images, animations, audio and
video created by the animators
although there’s a lot of authoring
software.

Code No. Create Interactive Sequence using Date: Developed Date: Revised Page #
3D-001-4A Authoring tool April 12, 2010
May 17, 2010 1

Information Sheet 2.1.1: Identifying various application in authoring tools

Dreamweaver offers the Course builder extension that allows the addition of testing to Web
pages in an eLearning application. Animations can be done in Flash, making for a very
flexible and usable product that can be delivered via the Internet or on a CD-ROM.
Sometimes Director is used instead of Flash, because of its program language capabilities.

Other Authoring Tools:

1. Adobe Flash – (formerly Macromedia Flash) is a multimedia platform used to add
animation, video, and interactivity to Web pages. Flash is frequently used for
advertisements and games.

2. Toon Boom Animate Pro - is a Canadian software company, which specializes in
animation production software. Toon Boom develops animation and storyboarding
software for film, television, web animation, games, mobile devices, and training
applications.

3. Slide Show Software - A presentation program is a computer software package used
to display information, normally in the form of a slide show. It typically includes three
major functions: an editor that allows text to be inserted and formatted, a method for
inserting and manipulating graphic images and a slide-show system to display the
content.

Code No. Create Interactive Sequence using Date: Developed Date: Revised Page #
3D-001-4A Authoring tool April 12, 2010
May 17, 2010 2

Information Sheet 2.1.1: Identifying various application in authoring tools

Storyboard

Describing and reviewing scope of
storyboard (called 'technical pre-
visualization'). The script should be
described in storyboards to show
exactly what the camera will use and
can be constructed using animation
programs or digital puppets within 3D
programs. Some programs have a
collection of low resolution 3D figures
which can aid in the process.

Design Integrity:

A project and the client has made a list of demands that will surely result in a total design is
good and cleared enough the scope that describe in storyboard approved by the Art
Director. Designers are still makes the rule. Translation with the client makes the final
decisions if the presented media design is better than the other. The design integrity is must
be maintain by a balance of graphics and sequencing the scene.

Code No. Create Interactive Sequence using Date: Developed Date: Revised Page #
3D-001-4A Authoring tool April 12, 2010
May 17, 2010 3

Worksheet 2.1.2: Describe various application of authoring tool.

Learning outcomes:
2 Plan Use of Authoring Tool
Learning Activity:
2.1.2 Identifying and describing the various application of authoring tool.
Read the instructions carefully; be sure to answer the questions fully before going to the
next activity. Choose the correct answer and write on the separate paper answer sheet.

1. Do you know what your multimedia project is?
a. Yes
b. No

2. What are the digital media must be integrated in multimedia projects?
a. Flash, Dreamweaver, Authoring Works
b. Text, Audio, Video, Images, Animation

3. In the above picture, have you identified what authoring tool you want to use?
a. Adobe Flash
b. Dreamweaver
c. Authoring Works
d. Toon Boom Animate Pro

Code No. Create Interactive Sequence using Date: Developed Date: Revised Page #
3D-001-4A Authoring tool
May 17, 2010 May 21, 2010 1

Worksheet 2.1.2: Describe various application of authoring tool.

4. What is your first step in creating multimedia projects?
a. Obtain created 3D Model
b. Prepare 3D digital animation
c. Drawing a story board outline
d. Produce key drawings outline

5. Who are discussing the scope of authoring tool?
a. Director
b. Artist Personnel
c. Audio Personnel
d. Relevant Personnel

6. What is the characteristic of multimedia?
a. Gaming
b. Recording
c. Media player
d. Played transmitted by projector

7. What is the technical requirement to be use in authoring tool?
a. Shape
b. Buttons
c. Design integrity
d. Software Authoring

8. What is the method of techniques to design a composition in authoring tool?
a. Recording
b. Sequence
c. Design integrity
d. Facing and timing

9. What is the term exactly should be describe and review in storyboard?
a. Camera
b. Reviewing
c. Composition
d. Technical pre-visualization

10. The script of animation in authoring tool should be show exactly and described in
____?
a. Framing
b. Camera
c. Storyboard
d. Authoring

Code No. Create Interactive Sequence using Date: Developed Date: Revised Page #
3D-001-4A Authoring tool
May 17, 2010 May 21, 2010 2

Job Sheet 3.1.1: Describe and review the scope of the storyboard

Learning outcomes:
3 Plan Use of Authoring Tool
Learning Activity:
3.1 Describing and reviewing scope of storyboard layout in multimedia projects.

Storyboards are graphic organizers such as a series of illustrations or images displayed in
sequence for the purpose of pre-visualizing a motion picture, animation, motion graphic or
interactive media sequence, including website interactivity.

Equipment / Resources:

 Storyboard layout
 pencil
 animation paper
 script
 ruler
 relevant personnel

At the end of these learning activities you should be able:

- To create a good sequence of storyboard layout.
- To change the sequence base on the script.
- To describe the scope of storyboard.

1. Using the script of the story. It must be followed by the animator in making a good
storyboard. In this graph you see the sample number of the scene for marking.(refer to
diagram1)

Diagram1

Code No. Create Interactive Sequence using Date: Developed Date: Revised Page #
3D-001-4A Authoring tool April 12, 2010
May 17, 2010 1

Job Sheet 3.1.1: Describe and review the scope of the storyboard

2. In this graph you have to put the assign number of what the scene it is and for marking
the sequence are guided.

STORYBOARD CARD

Scene _______

Dialogue

Instruction

3. The script should be described in storyboards to show exactly what the camera will use.
What is the guided of the storyboard in the graph below?

a. Dialogue
b. Instruction
c. Storyboard
d. Scene

Graph:

STORYBOARD CARD Scene _______
Dialogue

Instruction

Code No. Create Interactive Sequence using Date: Developed Date: Revised Page #
3D-001-4A Authoring tool April 12, 2010
May 17, 2010 2

Information Sheet 4.1.1: Features of Authoring Software

Learning outcomes:
2 Use of Authoring Tool
Learning Activity:
2.1 Identify the features and functions of authoring tool.

Authoring tool is a software package, to use in authoring program is to maintain the design
integrity, the color theory, the dimension of the screen, make use of digitized media assets,
method of techniques to design the composition, framing, facing and timing of the sequence
of life drawing to animated characters.

Features and functions of authoring tool:
(see the illustration below)

 Composition of the design multimedia projects.

The arrangement of parts in relation to each other and to the whole composition
is essential in a serious work of art of the projects.

Code No. Create Interactive Sequence using Date: Developed Date: Revised Page #
3D-001-4A Authoring tool April 12, 2010
May 17, 2010 1

Information Sheet 4.1.1: Features of Authoring Software

 Balance of graphics and sequencing the scene by pacing the story.

Pacing and sequence of scene can also affect the perception of mass of an object. A
heavier object takes a greater force and a longer time to accelerate and decelerate

 Framing

Frame varies, depending on the still film format or the motion picture. In the smallest 8 mm amateur
format for motion pictures film, it is only about 4.8 by 3.5 mm, while an IMAX frame is as large as
69.6 by 48.5 mm. The larger the frame size is in relation to the size of the projection screen, the
sharper the image will appear.

Code No. Create Interactive Sequence using Date: Developed Date: Revised Page #
3D-001-4A Authoring tool April 12, 2010
May 17, 2010 2

Information Sheet 4.1.1: Features of Authoring Software

 timing

The animator must spend the appropriate amount of time on the anticipation of an action, on the
action, and on the reaction to the action. Animation workflow is basically the same. The animator
creates the important frames of a sequence, and then the software fills in the gap.

Code No. Create Interactive Sequence using Date: Developed Date: Revised Page #
3D-001-4A Authoring tool April 12, 2010
May 17, 2010 3

Job Sheet 5.1.1: Import and apply components in authoring tool

Learning outcomes:
5 Use Authoring Tool
Learning Activity:
5.1 Importing and applying the components in authoring tool.
The components of authoring tool is built-in, you must be a creative mind to create a good
design in multimedia projects to apply it in authoring tool to present to the customer of what
they need.

Resources:
 Authoring Software
 Layout Design
 relevant personnel

At the end of these learning activities you should be able:

- To apply the other components in authoring tool.
- To know feature and functions of authoring tool.

1. Using the authoring software. The animator must be design the appropriate components
needed in multimedia projects. (refer to diagram1&2)

Diagram1

Code No. Create Interactive Sequence using Date: Developed Date: Revised Page #
3D-001-4A Authoring tool April 12, 2010
May 17, 2010 1

Job Sheet 5.1.1: Import and apply components in authoring tool

Diagram2

2. In this activity you have to put the components material needed in the scene.

Choices:
- Tree
- Cars
- Human
- Land mark
- buildings

3. Applying other components in authoring tool such as a buttons. (refer to illustrations
below)

Try this;
http://www.buttongenerator.com/

Code No. Create Interactive Sequence using Date: Developed Date: Revised Page #
3D-001-4A Authoring tool April 12, 2010
May 17, 2010 2

Worksheet 6.1.1: Create buttons and interactive elements.

Learning outcomes:
6 Use Authoring Tool
Learning Activity:
6.1 Creating buttons and interactive elements in multimedia projects.
Read the instructions carefully; be sure to answer the questions fully before going to the
next activity. Choose the correct answer and write on the separate paper answer sheet.

1. Do you know what is authoring software to create buttons?
a. Adobe Flash
b. Adobe Photoshop
c. Authoring Works
d. Dreamweaver

2. What is the component media must be apply in design projects?
a. Audio
b. Buttons
c. Picture
d. Text Label

3. What is the characteristic of buttons in animation?
a. Drop-Down Menu
b. input in the Text Field
c. unique name for the Text Field
d. Push Button Played

4. What is the technical requirement to be use in authoring tool?
a. Buttons
b. Boxes
c. Shape
d. Tab

5. If you want to create buttons for sequence mode. What kinds of buttons you should
create?
a. Back Button
b. Next Button
c. Play Button
d. Pause Button

Code No. Create Interactive Sequence using Date: Developed Date: Revised Page #
3D-001-4A Authoring tool
May 17, 2010 May 21, 2010 1

Worksheet 6.1.1: Create buttons and interactive elements.

6. What is the design of button appropriate in project?
(Refer this illustration)

Put here

a.
b.
c.
d.

Code No. Create Interactive Sequence using Date: Developed Date: Revised Page #
3D-001-4A Authoring tool
May 17, 2010 May 21, 2010 2

Operation Sheet 8.1.1: Check, debug and deliver into final platform

Learning outcomes:
3 Check functionality of multimedia sequence

Learning Activity:
8.1 Checking and debugging all functions and delivered into final platform.
To checking the sequence and debugging to incorporate in the final platform using NERO
burn CD.

Equipment/Resources:
 NERO software
 Blank CD’s / DVD’s
 relevant personnel

At the end of these learning activities you should be able:

- To check and debug the functions of multimedia projects.
- To know how to burn into CD’s/DVD’s for final delivery platform.

1. For checking; Discussing with the relevant personnel to make sure that all projects are
fully functions in accordance to storyboard layout.

Code No. Create Interactive Sequence using Date: Developed Date: Revised Page #
3D-001-4A Authoring tool April 12, 2010
May 17, 2010 1

Operation Sheet 8.1.1: Check, debug and deliver into final platform

2. Checking and debugging all functions of multimedia projects, must be delivered it into
CD’s/DVD’s in final platform.

Blank CD’s 700mb Blank DVD’s 4GB

3. How to Burn a CD using Nero, using Nero us very simple. Nero is design to walk you
through a user friendly interface to help you burn CD or DVD. To start using Nero, you
must double click on the icon on your desktop.

4. Alternately, you can access the program from the start menu by clicking “Start”,
“Programs”, “Nero”, and then “Nero express”.

Code No. Create Interactive Sequence using Date: Developed Date: Revised Page #
3D-001-4A Authoring tool April 12, 2010
May 17, 2010 2

Operation Sheet 8.1.1: Check, debug and deliver into final platform

5. When the program starts up, you will see the Nero express program menu. And allows
you to choose what function you want to perform.

6. Select “add” to choose which files to copy the CD or drag and drop files into this
window, as depicted below.

Code No. Create Interactive Sequence using Date: Developed Date: Revised Page #
3D-001-4A Authoring tool April 12, 2010
May 17, 2010 3

Operation Sheet 8.1.1: Check, debug and deliver into final platform

7. The file that you added will appear on this content window. The blue progress bar shows
you how much space you are using on the CD. Click next.

8. The arrow labeled “1” is the name of the device that will burn your CD. The labeled “2”

points to an area where you can name your CD. This is used for CD identification. The
labeled “3” tells you what speed you will be writing at. Click “burn” to start the process.

Code No. Create Interactive Sequence using Date: Developed Date: Revised Page #
3D-001-4A Authoring tool April 12, 2010
May 17, 2010 4

Operation Sheet 8.1.1: Check, debug and deliver into final platform

9. The window below show the progress of the data being burn to the disk. Please allow it
to finish the process status.

10. The windows saying “Nero express” indicates the burning process is finished.

Code No. Create Interactive Sequence using Date: Developed Date: Revised Page #
3D-001-4A Authoring tool April 12, 2010
May 17, 2010 5

Worksheet 7.1.1: Components links and file format.

Learning outcomes:
7 Use Authoring Tool
Learning Activity:
7.1 Components linked and file format of multimedia projects.
Read the instructions carefully; be sure to answer the questions fully before going to the
next activity. Choose the correct answer and write on the separate paper answer sheet.

1. What is the characteristic of buttons in animation?
a. Drop-Down Menu
b. input in the Text Field
c. unique name for the Text Field
d. Push Button Played

2. What is the technical requirement to be use in authoring tool?
a. Buttons
b. Boxes
c. Shape
d. Tab

3. What is an element property of buttons to link into another one?
a. Delay/Pass method
b. On/Off method
c. Run/Walk method
d. Stop/Go method

4. What is NOT included in digital media Interactive sequence?
a. Audio
b. Text
c. Video
d. Webpage

5. Who are always discussed the scope of the storyboard layout to cope the
requirements authoring program to maintain design integrity.
a. Animator member
b. Board member
c. Executive Personnel
d. Relevant Personnel

Code No. Create Interactive Sequence using Date: Developed Date: Revised Page #
3D-001-4A Authoring tool
May 17, 2010 May 21, 2010 1

Worksheet 7.1.1: Components links and file format.

6. What is the demand of the client that has made and will surely result in a total good
design?
a. Animated Character
b. Design Integrity
c. Multimedia Layout
d. Storyboard Design

7. What are the design compositions of multimedia that are compose and linked to one
another?
a. compositing, designing, and stopping
b. framing, facing and timing
c. moving, going and stopping
d. running, jumping and timing

8. What is the EXACT frame size of IMAX Frame film format for the motion picture?
a. 35.8 by 35.2mm
b. 29.9 by 38.4mm
c. 4.8 by 3.5mm
d. 69.6 by 48.5mm

9. What is the important frame created by animator for a sequence gap?
a. creating
b. moving
c. timing
d. running

10. What is the scene perception can affect the sequence of multimedia animation and takes
time to accelerate and decelerate?
a. animating
b. moving
c. pacing
d. running

Code No. Create Interactive Sequence using Date: Developed Date: Revised Page #
3D-001-4A Authoring tool
May 17, 2010 May 21, 2010 2