SlideShare a Scribd company logo
1 of 4
Tutorial 4: Using Motion Tween & Motion Guide


 Layer      Frame       What should you do                            Format
                                                   Stroke Color = Blue
                     Draw Circle                   Fill Color = Blue
    1          1     (use Oval Tool)               Layer Name = ball1
                                                   * Convert to Symbol as a graphic and name
                                                   it as a ball1
                                                   Stroke Color = Red
                     Draw Circle                   Fill Color = Red
    2          1     (use Oval Tool)               Layer Name = ball2
                                                   * Convert to Symbol as a graphic and name
                                                   it as a ball2
                                                   Stroke Color = Black
                     Draw Circle                   Fill Color = Black
    3          1     (use Oval Tool)               Layer Name = ball3
                                                   * Convert to Symbol as a graphic and name
                                                   it as a ball3
                                                   Stroke Color = Pink
                     Draw Circle                   Fill Color = Pink
    4          1     (use Oval Tool)               Layer Name = ball4
                                                   * Convert to Symbol as a graphic and name
                                                   it as a ball4
Create Motion Tween
Click on layer ball1, right-click on frame1 -> click Create Motion Tween.
Then click on frame20, right-click Insert Keyframe.
Click on frame20 again, then drag the blue ball to right side.
    • Then create motion tween for ball2, ball3 and ball4.
    • Test your program. Make sure your timeline as shown as below.




        … Now we combine our tutorial with motion guide.
 Click on layer ball4, insert 4 another layer.
           Then, set the following properties.


 Layer     Frame          What should you do                           Format
                                                       Font Color = Red
                     Click on Frame20                  Font Size = 59
   5          1      Right-click -> Insert Keyframe    Layer Name = M
                     Type the text M                   * Convert to Symbol as a graphic and
                                                       name it as a M
                                                       Font Color = Green
                     Click on Frame20                  Font Size = 59
   6          2      Right-click -> Insert Keyframe    Layer Name = R
                     Type the text R                   * Convert to Symbol as a graphic and
                                                       name it as a R
                                                       Font Color = Blue
                     Click on Frame20                  Font Size = 59
   7          3      Right-click -> Insert Keyframe    Layer Name = S
                     Type the text S                   * Convert to Symbol as a graphic and
                                                       name it as a S
                                                       Font Color = Yellow
                     Click on Frame20                  Font Size = 59
   8          4      Right-click -> Insert Keyframe    Layer Name = M
                     Type the text M                   * Convert to Symbol as a graphic and
                                                       name it as a M

Create Motion Tween
For layer M, R, S and M, Build up the animation containing the motion tween. Refer to
previous step (or previous module) to set up this animation. Use frame40 to insert keyframe.

Create Motion Guide
    Click on layer M -> right-click, choose Add Motion Guide.
    Automatically, layer Guide:M appears.
    Then, click on layer Guide:M.
    Choose Pencil Tool from the Panel Tool. Set Smooth at Panel Options.
    Draw the line on the stage as follow.

    For layer ball1, ball2, ball3 and ball4, insert extra Keyframe at frame40.

    Make sure your timeline as shown as below.
 Test your program.
 Then, create another motion tween and motion guide for layer R, S and M.
 Save the file a Tutorial 4.
 Well done !!!!!!

More Related Content

More from Izatul Akma

Module 10 creating menu3
Module 10  creating menu3Module 10  creating menu3
Module 10 creating menu3
Izatul Akma
 
Module 9 creating menu2
Module 9  creating menu2Module 9  creating menu2
Module 9 creating menu2
Izatul Akma
 
Module 8 creating menu1
Module 8  creating menu1Module 8  creating menu1
Module 8 creating menu1
Izatul Akma
 
Modul 7 : Memasukkan audio
Modul 7 : Memasukkan audioModul 7 : Memasukkan audio
Modul 7 : Memasukkan audio
Izatul Akma
 
Modul 6 : Menggunakan masking
Modul 6 : Menggunakan maskingModul 6 : Menggunakan masking
Modul 6 : Menggunakan masking
Izatul Akma
 
Modul 5: Menggunakan motion shape
Modul 5:  Menggunakan motion shapeModul 5:  Menggunakan motion shape
Modul 5: Menggunakan motion shape
Izatul Akma
 
Modul 4: Menggunakan motion guide
Modul 4:  Menggunakan motion guideModul 4:  Menggunakan motion guide
Modul 4: Menggunakan motion guide
Izatul Akma
 
Modul 3: Menggunakan motion tween
Modul 3:  Menggunakan motion tweenModul 3:  Menggunakan motion tween
Modul 3: Menggunakan motion tween
Izatul Akma
 
Modul 2: Menggunakan drawing tool
Modul 2: Menggunakan drawing toolModul 2: Menggunakan drawing tool
Modul 2: Menggunakan drawing tool
Izatul Akma
 

More from Izatul Akma (11)

Module 10 creating menu3
Module 10  creating menu3Module 10  creating menu3
Module 10 creating menu3
 
Module 9 creating menu2
Module 9  creating menu2Module 9  creating menu2
Module 9 creating menu2
 
Module 8 creating menu1
Module 8  creating menu1Module 8  creating menu1
Module 8 creating menu1
 
Module 0 introduction (enhanced)
Module 0   introduction (enhanced)Module 0   introduction (enhanced)
Module 0 introduction (enhanced)
 
Modul 7 : Memasukkan audio
Modul 7 : Memasukkan audioModul 7 : Memasukkan audio
Modul 7 : Memasukkan audio
 
Modul 6 : Menggunakan masking
Modul 6 : Menggunakan maskingModul 6 : Menggunakan masking
Modul 6 : Menggunakan masking
 
Modul 5: Menggunakan motion shape
Modul 5:  Menggunakan motion shapeModul 5:  Menggunakan motion shape
Modul 5: Menggunakan motion shape
 
Modul 4: Menggunakan motion guide
Modul 4:  Menggunakan motion guideModul 4:  Menggunakan motion guide
Modul 4: Menggunakan motion guide
 
Modul 3: Menggunakan motion tween
Modul 3:  Menggunakan motion tweenModul 3:  Menggunakan motion tween
Modul 3: Menggunakan motion tween
 
Modul 2: Menggunakan drawing tool
Modul 2: Menggunakan drawing toolModul 2: Menggunakan drawing tool
Modul 2: Menggunakan drawing tool
 
Tugasan 1: Pengenalan
Tugasan 1: PengenalanTugasan 1: Pengenalan
Tugasan 1: Pengenalan
 

Recently uploaded

Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
PECB
 

Recently uploaded (20)

Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writing
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
General AI for Medical Educators April 2024
General AI for Medical Educators April 2024General AI for Medical Educators April 2024
General AI for Medical Educators April 2024
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 

Tugasan 4 : Menggunakan motion tween & motion guide

  • 1. Tutorial 4: Using Motion Tween & Motion Guide Layer Frame What should you do Format Stroke Color = Blue Draw Circle Fill Color = Blue 1 1 (use Oval Tool) Layer Name = ball1 * Convert to Symbol as a graphic and name it as a ball1 Stroke Color = Red Draw Circle Fill Color = Red 2 1 (use Oval Tool) Layer Name = ball2 * Convert to Symbol as a graphic and name it as a ball2 Stroke Color = Black Draw Circle Fill Color = Black 3 1 (use Oval Tool) Layer Name = ball3 * Convert to Symbol as a graphic and name it as a ball3 Stroke Color = Pink Draw Circle Fill Color = Pink 4 1 (use Oval Tool) Layer Name = ball4 * Convert to Symbol as a graphic and name it as a ball4 Create Motion Tween Click on layer ball1, right-click on frame1 -> click Create Motion Tween. Then click on frame20, right-click Insert Keyframe. Click on frame20 again, then drag the blue ball to right side. • Then create motion tween for ball2, ball3 and ball4. • Test your program. Make sure your timeline as shown as below. … Now we combine our tutorial with motion guide.
  • 2.  Click on layer ball4, insert 4 another layer.  Then, set the following properties. Layer Frame What should you do Format Font Color = Red Click on Frame20 Font Size = 59 5 1 Right-click -> Insert Keyframe Layer Name = M Type the text M * Convert to Symbol as a graphic and name it as a M Font Color = Green Click on Frame20 Font Size = 59 6 2 Right-click -> Insert Keyframe Layer Name = R Type the text R * Convert to Symbol as a graphic and name it as a R Font Color = Blue Click on Frame20 Font Size = 59 7 3 Right-click -> Insert Keyframe Layer Name = S Type the text S * Convert to Symbol as a graphic and name it as a S Font Color = Yellow Click on Frame20 Font Size = 59 8 4 Right-click -> Insert Keyframe Layer Name = M Type the text M * Convert to Symbol as a graphic and name it as a M Create Motion Tween For layer M, R, S and M, Build up the animation containing the motion tween. Refer to previous step (or previous module) to set up this animation. Use frame40 to insert keyframe. Create Motion Guide  Click on layer M -> right-click, choose Add Motion Guide.  Automatically, layer Guide:M appears.  Then, click on layer Guide:M.  Choose Pencil Tool from the Panel Tool. Set Smooth at Panel Options.  Draw the line on the stage as follow.  For layer ball1, ball2, ball3 and ball4, insert extra Keyframe at frame40.  Make sure your timeline as shown as below.
  • 3.  Test your program.  Then, create another motion tween and motion guide for layer R, S and M.  Save the file a Tutorial 4.
  • 4.  Well done !!!!!!