JOHN'S SCHOOL SITE
  • Home
    • Compositing At Henderrson
    • Teacher Resources
    • My Teaching History
    • Design/Build History >
      • Gallery of Homes
  • Phone Portfolio
  • BIG PICTURE LEARNING - 11
    • Advisory Activities
    • Learning Plan
    • Exhibition
    • LTI
    • Projects
    • Rotation Classes
    • COMPETENCIES
  • Advisory
  • My Classes
    • Yearbook R2P1
    • Makerspace-Bench/Storage
    • Photoshop/Photography
    • Psychology of Money
    • Auto Maintenance
    • Photoshop Magic
    • Argue to Win
    • Mastering Chess
    • T Shirt Making
    • How to Build A House
    • Hamlet meets NIKE
    • Mobile Photo
    • Animating After Effects
    • 3D Modeling//Printing
    • Yearbook 18 >
      • Media Description
    • Newspaper 17-2
    • Graphics 17-2
    • Architecture 17-2
    • Core 17
    • Video Production 17
    • Former Classes >
      • CCFE aka Decisions >
        • Current Assignments-CCFE - Decisions
        • Portfolio Page
        • Interview Process
        • Personal Data Sheet Example
        • Assignments for CCFE Decisions
        • Resume
        • Letter of Application
        • Digital Portrait
      • Website Construction
  • Interests
    • I-Phone Photo Page
    • Samsung 5s
    • Remodel-Details
    • Travel
    • Old Shoes
  • Blog
  • Teaching not like Construction
  • Meyers Briggs-Big Pic
  • Puzzle
  • Media Resource Ideas
  • Sketchup ideas
  • Famous Photographer
  • Graphic Design Resources
  • Journalism Idea Generator
  • POW Toon Page
  • Henderson Free Press
  • Project Presentation
  • Photography 17 Backup
  • Ph-Blend Mode
  • My Story
  • Addition
  • Home
    • Compositing At Henderrson
    • Teacher Resources
    • My Teaching History
    • Design/Build History >
      • Gallery of Homes
  • Phone Portfolio
  • BIG PICTURE LEARNING - 11
    • Advisory Activities
    • Learning Plan
    • Exhibition
    • LTI
    • Projects
    • Rotation Classes
    • COMPETENCIES
  • Advisory
  • My Classes
    • Yearbook R2P1
    • Makerspace-Bench/Storage
    • Photoshop/Photography
    • Psychology of Money
    • Auto Maintenance
    • Photoshop Magic
    • Argue to Win
    • Mastering Chess
    • T Shirt Making
    • How to Build A House
    • Hamlet meets NIKE
    • Mobile Photo
    • Animating After Effects
    • 3D Modeling//Printing
    • Yearbook 18 >
      • Media Description
    • Newspaper 17-2
    • Graphics 17-2
    • Architecture 17-2
    • Core 17
    • Video Production 17
    • Former Classes >
      • CCFE aka Decisions >
        • Current Assignments-CCFE - Decisions
        • Portfolio Page
        • Interview Process
        • Personal Data Sheet Example
        • Assignments for CCFE Decisions
        • Resume
        • Letter of Application
        • Digital Portrait
      • Website Construction
  • Interests
    • I-Phone Photo Page
    • Samsung 5s
    • Remodel-Details
    • Travel
    • Old Shoes
  • Blog
  • Teaching not like Construction
  • Meyers Briggs-Big Pic
  • Puzzle
  • Media Resource Ideas
  • Sketchup ideas
  • Famous Photographer
  • Graphic Design Resources
  • Journalism Idea Generator
  • POW Toon Page
  • Henderson Free Press
  • Project Presentation
  • Photography 17 Backup
  • Ph-Blend Mode
  • My Story
  • Addition
JOHN'S SCHOOL SITE
​Paragraph section header text

How to  make the car appear it is moving away from you (or toward you).

car_moving_away.fla
File Size: 45 kb
File Type: fla
Download File


Create a Car Layer. Do a search to find a car from the back view or draw a car. Then cut out background and get a couple of heads in it. Turn the completed car on the Car layer into a graphic symbol to keep all the pieces together.





Create a road layer and a line layer. On the road layer draw a road. I purposely placed the car under these layers to control where the infinity point of the road would be. The line is copied and extended and turned into a movie symbol called line.













Now create a fill layer to cover the part of the line that extends beyond the car. Select the rectangle tool. Where the fill color is controlled select the eye dropper and click on the stage to match the colors. This rectangle basically covers the line extending above the car.






This shows the rectangle here covering the car to show where it goes. Remember its only purpose is to hide the line that is unwinding with a motion tween.




Then make a nested movie clip of the line moving from top of the screen to the bottom. The moving dashed line is what gives us the impression that the car is moving when it is just the line that is moving toward us. The tween here is 150 frames long.








Now we draw a couple of trees and you could do a road sign or something else you might find along the road.  Select these and create a movie clip to tween.




















Edit the tree symbol. When you edit the symbol immediately gather the pieces together and tween them. I think I used 150 frames for this as well. You want your trees to move from small to larger starting in front of the car and moving off screen in a diagonal direction.











This is the layer order:

Layer 4  Car
Layer 3  Tree
Layer 2  Line  
(and this is the layer with the color                    matched rectangle that hides the line.)
Layer 1  Road   (actually my line is on this layer as well).














And here is the finished animation.








Note: The stage was originally green. When playing to the right. The green rectangle I created looked like a movie screen in front of the car and the green stage was showing white. So I went back into the fla file and changed the stage to white, then matched the cover up rectangle to white as well. That seems to play correctly.
Picture
Picture
Picture
Picture
Picture
Picture
Picture
Powered by Create your own unique website with customizable templates.