introduction to authoring
Download
Skip this Video
Download Presentation
Introduction to Authoring

Loading in 2 Seconds...

play fullscreen
1 / 21

Animation - PowerPoint PPT Presentation


  • 607 Views
  • Uploaded on

Introduction to Authoring Animation Techniques Flash – Vector Animation Briefly Looked at Motion Tweening in last practicals Also have Shape Tweening Masking Path Tweening Key Frame Animation Flash – Vector Animation Motion Tweening Two keyframes are created

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Animation' - Faraday


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
introduction to authoring

Introduction to Authoring

Animation Techniques

flash vector animation
Flash – Vector Animation
  • Briefly Looked at Motion Tweening in last practicals
    • Also have
      • Shape Tweening
      • Masking
      • Path Tweening
      • Key Frame Animation
flash vector animation3
Flash – Vector Animation
  • Motion Tweening
    • Two keyframes are created
    • Objects in keyframes have different properties
    • Software calculates how to animate between these 2 keyframes
    • May tween:
      • Alpha (transparency)
      • Brightness
      • Tint
      • Size
      • Shear
      • Position
      • Rotation
    • Motion tweened objects need to be symbols
flash vector animation4

Key Frames at 1 and 15

Motion Tweening Selected

Flash – Vector Animation
  • Motion Tweening
    • Alpha

Symbol on Stage

flash vector animation5
Flash – Vector Animation
  • Motion Tweening
    • Alpha

Example

1. Select the keyframe

2. Select the symbol

3. Select Alpha in the Color

Section of the properties panel

4. Choose the opacity you want

flash vector animation6
Flash – Vector Animation
  • Motion Tweening
    • Brightness and Tint
      • Same process as Alpha
      • Brightness – How dark or light a symbol appears
      • Tint - Overlays a colour on top of the symbol

Example

flash vector animation7

Select keyframe and alter size of object

Flash – Vector Animation
  • Motion Tweening
    • Size
      • Same process as before except change scale of object in key frame

Example

flash vector animation8
Flash – Vector Animation
  • Motion Tweening
    • Position
      • As seen in practical
      • Can do shear and rotation in much the same way
      • Can also combine these
        • So tween size and position at same time etc
          • Use to simulate 3d effects – perspective etc
    • Position Details
      • Can adjust the motion tween
        • Ease in
        • Ease out
        • Rotate
        • Sync
        • Orient to path
        • Snap
flash vector animation9
Flash – Vector Animation
  • Motion Tweening - Easing
    • Ease in and Ease out
    • Very important for realistic motion
    • Creates acceleration or deceleration
flash vector animation10

Easing slider

Flash – Vector Animation
  • Motion Tweening - Easing
      • Drag the arrow next to the Easing value or enter a value to adjust the rate of change between tweened frames:
      • To accelerate drag the slider up or enter a value between -1 and -100.
      • To decelerate drag the slider down or enter a positive value between 1 and 100.

example

flash vector animation11
Flash – Vector Animation
  • Motion Tweening - Rotation
    • Allows tweened objects to be rotated a given number of times
      • Can also choose direction
        • CW – Clockwise
        • CCW – Counter Clockwise
flash vector animation12
Flash – Vector Animation
  • Motion Tweening - Sync
      • If you are tweening a movie clip that has animation
      • Syncing attempts to synchronize the frames between the movieclip and the main timeline
      • May be important if syncing to audio
      • Or running on pc with poor processing power

Orient to path and snap – for path tweening

flash vector animation13
Flash – Vector Animation
  • Shape Tweening
    • Also known as morphing
    • Only works with shapes – NOT SYMBOLS or GROUPED OBJECTS
    • Gives more organic possibilities for tweened animation
    • Can also shape tween – colour, size and position
    • Needs to be kept simple
      • Complex objects use a lot of processing power
      • And look naff
    • Have options to apply Angular or Distributive tweening
      • Angular attempts to preserve corners
      • Distributive smoothes tweens

example1

example2

flash vector animation14
Flash – Vector Animation
  • Masking
    • Masks are objects which act as windows through which other objects can be viewed
    • Can be static or may tween to reveal objects in an animation

Need to create a mask layer

And a masked layer

flash vector animation15

Mask

Masked object

Flash – Vector Animation
  • Masking
    • Mask layer sits above layer that will be masked

example

flash vector animation16
Flash – Vector Animation
  • Masking
    • Tweened masks are simply movieclips that have had tweening applied to them – you can use either tweened shapes or motion tweened symbols

example

flash vector animation17
Flash – Vector Animation
  • Path Tweening
    • Very important for realistic animations
    • Allows objects to be tweened along non-linear paths
    • Non linearity vital for animations as most actions occur in arcs
    • Use motion guide layer which contains the path
    • Lock symbol to path at both ends of the tween
      • This is what snap was for
flash vector animation18

Motion Guide Layer

- invisible in movie

Tweened object

Snapped/locked to path

Flash – Vector Animation
  • Path Tweening

example

flash vector animation19

Tweened object

Oriented to path

Flash – Vector Animation
  • Path Tweening – orient to path

This will ensure objects is at correct angle to path as it moves

example

flash vector animation20
Flash – Vector Animation
  • Key Frame animation
    • Traditional style of animation
    • No tweening done by software
    • Create object(s) in one key frame
    • Make another key frame
    • Move objects in that frame
    • Etc, etc
    • Often done with reference images in a guide layer
    • May use vectors or bitmaps
    • Much digital animation is a mixture of tweened and keyframe animation

example

flash vector animation21
Flash – Vector Animation
  • Limited Animation
    • Most computer animation is limited animation
      • Objects reused throughout
      • Flash – symbols
      • Sensible to convert graphic objects to symbols at start
        • Never know when will need again
        • Reduces processing power and so speeds animation and interactions
      • Keep backgrounds, characters and objects as separate symbols

example

ad