SlideShare a Scribd company logo
UG141 – Multimedia Desain
                                     Lab Exercise 1


Creation of Motion/Shape tween using timeline is the basics of Flash.

Motion tween is nothing but tweening a Symbol's movement from one position to
another.
To implement Motion Tween all that you have to do is, provide Flash with Symbol's
initial position and the end position. Rest is taken care by Flash. Isn't it really simple.


Please note:
1. You need to have Flash Player installed to view the Flash animation.
2. Adobe Flash must be installed in your system to download the .fla file.

Steps to follow:

      Open a new flash file (Ctrl+N).
       New Document window will appear
       Select General panel and choose Type: Flash Document . Press OK.
      If your timeline window is not open, press (Ctrl+Alt+T).
      Now you can see a single Layer called "Layer1" in your timeline Window.




      Select the first frame. Import your image onto stage, upon which you would
       want to implement motion tween. File>Import>Import to Stage, or just press
       (Ctrl+R).
       Or you can even draw your own object, you can either choose Rectangular
       tool or Oval tool from the tool box and draw your desired shape.

      Now select your object on the stage and press F8 to convert this image to a
       Symbol.
         o Convert to Symbol window will pop-up.
         o Name your Symbol what ever you like.
         o Select Graphic behavior and press OK.


Note: You can create motion tween only on symbols. So any object upon which you
would want to implement motion tween, First convert the object to a Symbol.


      Right now your Symbol is in frame1 of Layer1. Select frame 20 and press F6
       to insert a new keyframe.

Page | 1                                                                 Johny Hizkia, BIT, MIMS
UG141 – Multimedia Desain
                                    Lab Exercise 1
      Still keeping playhead on frame 20, move your Symbol to any other position
       other than the present one.
      Select any frame between, 2 to 19 and select Motion from the tween pop-up
       menu in the Property inspector. Now your Layer will look something like the
       one shown below.




      Now press (Ctrl+Enter) to view your motion tween.




Page | 2                                                           Johny Hizkia, BIT, MIMS

More Related Content

PPTX
Motion tween resize
PPTX
Lesson 3 motion tween
PPT
How to start a simple animation.
 
PPTX
Graphical Animation - Lesson 2
PPTX
NewTek Lightwave 3D: Working in 3D Space
PDF
PPTX
NewTek Lightwave 3D: Modifying Lightwave Objects
PDF
Flash Tutorial
Motion tween resize
Lesson 3 motion tween
How to start a simple animation.
 
Graphical Animation - Lesson 2
NewTek Lightwave 3D: Working in 3D Space
NewTek Lightwave 3D: Modifying Lightwave Objects
Flash Tutorial

What's hot (16)

PPTX
NewTek Lightwave 3D: Modeler II
PPTX
Adobe Flash CS4 - Classic tween
PPTX
Power pointlabs quick tutorial
PPTX
Rhetorical Choices
DOCX
Shortcut keys-for-windows-10
PPTX
NewTek Lightwave 3D: Keyframing in Lightwave
PPTX
Windows key keyboard shortcuts
PDF
Keyboard shortcuts
PPTX
32 Killer PhotoShop Tips & Tricks that Make You an Expert.
PDF
Window 8 shortcut
PPTX
NewTek Lightwave 3D: Learning the Layout
PDF
Owl Clock
PDF
2D Animation: Eye Blinking Tutorial
PDF
Ac fr ogbzlj0hfgtuukn7qgwbjin09jlfvybtul26nfmcsos0gwpnx_im_kpn1bvazhycx3m6xcq...
PPTX
How to Andy Warhol Your Face
PDF
100 keyboard shortcuts for windows 8
NewTek Lightwave 3D: Modeler II
Adobe Flash CS4 - Classic tween
Power pointlabs quick tutorial
Rhetorical Choices
Shortcut keys-for-windows-10
NewTek Lightwave 3D: Keyframing in Lightwave
Windows key keyboard shortcuts
Keyboard shortcuts
32 Killer PhotoShop Tips & Tricks that Make You an Expert.
Window 8 shortcut
NewTek Lightwave 3D: Learning the Layout
Owl Clock
2D Animation: Eye Blinking Tutorial
Ac fr ogbzlj0hfgtuukn7qgwbjin09jlfvybtul26nfmcsos0gwpnx_im_kpn1bvazhycx3m6xcq...
How to Andy Warhol Your Face
100 keyboard shortcuts for windows 8
Ad

Viewers also liked (6)

PPT
Introduction flash
PPSX
Macromedia flash presentation2
PPT
Intro to Adobe Flash
PPTX
Adobe Flash Presentation
PPTX
Lecture 1 introduction to flash
PPT
Introduction To Flash
Introduction flash
Macromedia flash presentation2
Intro to Adobe Flash
Adobe Flash Presentation
Lecture 1 introduction to flash
Introduction To Flash
Ad

Similar to Lab 1 - Week 2 (20)

PPT
M5 - Graphical Animation - Lesson 2
PPT
M5 - Graphical Animation - Lesson 2
PDF
Flash Tutorial
PPTX
How to create a simple image gallery in flash cs5
PDF
PDF
Quick Step by Step Flash Tutorial
ZIP
Getting started
PDF
Flashworkshop 090317231102-phpapp01
PDF
Flashworkshop 090317231102-phpapp01
PDF
Presentation 1
PDF
Flash cs4 tutorials_2009
PPS
Learning flash by Ms. Payal Narula
PDF
Rhino Crash Course
PDF
Flash 5 interface 3 shape tween
PPT
Graphical Animation - Lesson 2
PDF
HOW TO use PENCIL
PPT
If then vb2010
PDF
Boujou
PDF
Flash Prototyping Workbook - Part 1 and 2
M5 - Graphical Animation - Lesson 2
M5 - Graphical Animation - Lesson 2
Flash Tutorial
How to create a simple image gallery in flash cs5
Quick Step by Step Flash Tutorial
Getting started
Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01
Presentation 1
Flash cs4 tutorials_2009
Learning flash by Ms. Payal Narula
Rhino Crash Course
Flash 5 interface 3 shape tween
Graphical Animation - Lesson 2
HOW TO use PENCIL
If then vb2010
Boujou
Flash Prototyping Workbook - Part 1 and 2

More from Indonesia School of Technology and Business (ISTB) (15)

Recently uploaded (20)

PDF
Interior Structure and Construction A1 NGYANQI
PDF
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
PPTX
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
PDF
Quality Control Management for RMG, Level- 4, Certificate
PPTX
Acoustics new for. Sound insulation and absorber
PDF
SEVA- Fashion designing-Presentation.pdf
PDF
intro_to_rust.pptx_123456789012446789.pdf
PPTX
CLASSIFICATION OF YARN- process, explanation
PDF
Pongal 2026 Sponsorship Presentation - Bhopal Tamil Sangam
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PDF
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
PPTX
Media And Information Literacy for Grade 12
PDF
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
PPTX
HPE Aruba-master-icon-library_052722.pptx
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
PDF
Urban Design Final Project-Context
PDF
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
PDF
Test slideshare presentation for blog post
PPTX
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
Interior Structure and Construction A1 NGYANQI
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
Quality Control Management for RMG, Level- 4, Certificate
Acoustics new for. Sound insulation and absorber
SEVA- Fashion designing-Presentation.pdf
intro_to_rust.pptx_123456789012446789.pdf
CLASSIFICATION OF YARN- process, explanation
Pongal 2026 Sponsorship Presentation - Bhopal Tamil Sangam
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
Skskkxiixijsjsnwkwkaksixindndndjdjdjsjjssk
Media And Information Literacy for Grade 12
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
HPE Aruba-master-icon-library_052722.pptx
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
Urban Design Final Project-Context
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
Test slideshare presentation for blog post
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx

Lab 1 - Week 2

  • 1. UG141 – Multimedia Desain Lab Exercise 1 Creation of Motion/Shape tween using timeline is the basics of Flash. Motion tween is nothing but tweening a Symbol's movement from one position to another. To implement Motion Tween all that you have to do is, provide Flash with Symbol's initial position and the end position. Rest is taken care by Flash. Isn't it really simple. Please note: 1. You need to have Flash Player installed to view the Flash animation. 2. Adobe Flash must be installed in your system to download the .fla file. Steps to follow:  Open a new flash file (Ctrl+N). New Document window will appear Select General panel and choose Type: Flash Document . Press OK.  If your timeline window is not open, press (Ctrl+Alt+T).  Now you can see a single Layer called "Layer1" in your timeline Window.  Select the first frame. Import your image onto stage, upon which you would want to implement motion tween. File>Import>Import to Stage, or just press (Ctrl+R). Or you can even draw your own object, you can either choose Rectangular tool or Oval tool from the tool box and draw your desired shape.  Now select your object on the stage and press F8 to convert this image to a Symbol. o Convert to Symbol window will pop-up. o Name your Symbol what ever you like. o Select Graphic behavior and press OK. Note: You can create motion tween only on symbols. So any object upon which you would want to implement motion tween, First convert the object to a Symbol.  Right now your Symbol is in frame1 of Layer1. Select frame 20 and press F6 to insert a new keyframe. Page | 1 Johny Hizkia, BIT, MIMS
  • 2. UG141 – Multimedia Desain Lab Exercise 1  Still keeping playhead on frame 20, move your Symbol to any other position other than the present one.  Select any frame between, 2 to 19 and select Motion from the tween pop-up menu in the Property inspector. Now your Layer will look something like the one shown below.  Now press (Ctrl+Enter) to view your motion tween. Page | 2 Johny Hizkia, BIT, MIMS