Animation Projects
Objectives:
3.00 Understand concepts and methods used to create digital animation
Essential Questions:
3.00 Understand concepts and methods used to create digital animation
- 3.01 Explain concepts used to create digital animation.
- 3.02 Describe digital animation production methods, software, and hardware.
- 3.03 Utilize appropriate tools and methods to produce digital animation.
Essential Questions:
- What are the basic concepts used to produce digital animation?
- What are digital animation production methods, software, and hardware?
- What are the appropriate tools and methods to produce digital animation?
Shape Tween Tutorial
|
Flash Practice 1. View the tutorial to create an animations similar to the one shown. Before you move on to the Motion Path make sure you show Stiles your complete Shape Tween.
|
Tutorial:
|
Motion Path Tutorial
|
Flash Practice 2. Download the tutorial below to create an animations similar to what I have below. Before you move on make sure you show Stiles your completed Motion Path.
|
Tutorial:
|
Bouncing Balls
|
Now that you have complete the basic tutorials, you will move on to this first project in Flash it is meant to give you a little practice making things move around the stage. Create a new project and change the FPS to 12. Change the background color to whatever color you like.
Create ten balls that will bounce around the stage and off the walls - put each ball on a different layer! Make each ball bounce off the ground, walls, or ceiling at least six times. Make sure your lock each layer after you have finished animated that particular ball. Save your project as a .FLA file and name it lastname+firstname+bounce. Export the file as a .MOV. When you have completed the project, submit to Google Drive. |
Tutorial:
Rubric:
|
Flying Text
|
Any animation that is meaning to convey a message usually requires the animation of text. In this project, we will learn how to easily animate the letters in your name.
First, create a new Actionscript 3.0 File in Flash. Use the text tool to type out your full first name. Right click your name and break the letters apart, then distribute them to layers. Click the first frame on each letter layer and convert each one to a symbol. Remember to change the type to "Graphic" for this animation. Create new keyframes at 5 frame increments and move all of the letters around on the stage. Move them anywhere you'd like at each keyframe and rotate them around for interest. Once you have reached 30 frames total for each letter, create a classic tween for each movement. You may also take the extra step and add an underline or animate your last name as well. Use the tutorial below with step by step instructions on how to complete this project successfully. Once you have finished this project, save the original as a .FLA file and name lastname+firstname+text. Export the project as a .MOV file and turn in on Google Drive. |
Tutorial:
Rubric:
|
Waving People Project
|
An anchor point is the point at which an object rotates. Understanding anchor points is an important part of animation. To grasp this concept, you are going to create 4 people of various sizes and animate their arms in a waving up/down motion. Each body part that is going to move must be on a separate layer.
Change the background color to a solid color other than white. This project will teach you how to convert shapes into a symbol and how to adjust anchor points. There is a PDF tutorial located to the right to help you complete this project. As you work, save your project as a .fla and name it lastname+firstname+people.fla. When you are finished, export it as a .MOV file with the same name (ex: stilesnatashapeople.MOV). When you have created the MOV, submit to Google Drive. Don't forget to review the rubric to make sure you are meeting all of the project requirements! |
Tutorial:
Rubric:
|
City Animation
|
Use the tutorial found here to create a city street scene that you draw from and animate the cars and buses. This is really helpful to work with layers and how to draw in Flash. Feel free to make it your own and put your own unique look on the city with your own design on the car/bus and your city design. Please make sure you are paying attention to details!
In addition to the bus, you will need to draw another car with different animation. Think about adding a flying bird or plane, drifting clouds, or more. Push yourself to do more! Use the tutorial below with step by step instructions on how to complete this project successfully. Once you have finished this project, save it as a .FLA file and name it lastname+firstname+city. Export the project as a .MOV file and turn in on Google Drive. |
Tutorial:
Rubric:
|
Snowboarder Flash Project
|
The previous projects we use computer generated formulas to define the movement (called tweens). In this project, we will learn frame-based animation techniques.e of Adobe Flash. It can be a little bit more time consuming, but it is easier to create exactly the type of movement your envisioned.
This project will teach you how to utilize the onion skin feature It is useful to create smooth, consistent movement with the frame-based technique. You will also learn how to create separate scenes within one animation project. Use the provided files and video tutorials to learn how to create this project. If you run into any problems, the instructor will be available as a resource. When you have completely finished, use the rubric to make sure you are meeting the project requirements. Export your project as a .MOV project and name it lastname+firstname+snowboarder (ex : stilesnatashanowboarder.MOV). |
Tutorial:
Files:
Rubric:
|
|
|
TV Ad Project
|
Advertisements and pop up ads for products can be found on website throughout the web. You are going to use your knowledge of Flash to create an animated Television Advertisement for the TV series The Office. You will use multiple characters from the show, the network logo the show appears on, and the day and time the show airs.
The size for this project is 300 width x 300 height in pixels. Change the background color to a solid color other than white. This project will teach you how to fade images up/down using the alpha channel. There is a PDF tutorial located to the right to help you complete this project, and it is very important that you follow it step by step for this project. As you work, save your project as a .fla and name it lastname+firstname+tvad.fla. When you are finished, export it as a .MOV file with the same name (ex: stilesnatashatvad.MOV). Turn in both files (MOV & FLA). Don't forget to review the rubric to make sure you are meeting all of the project requirements! |
Tutorial:
Files:
Rubric:
|
Internet Flash Ad
The advertising agencies have heard how talented you are in Flash and want you to create the next internet advertisement! Pick your favorite TV show, movie, product, etc. and find pictures and appropriate audio from the internet (there are sound resources located in this section that might help).
The first step in creating a good animation is to plan it out. Using the storyboard form given to you in class, plan out your animation by drawing what type of motion you will create and the sound effects you will use in your Internet Advertisement. Use at least two blocks for each scene in your ad. As you create your advertisement, you may edit your storyboard to reflect the changes. After you have planned everything, go into Flash and create a new Actionscript 3.0 and leave the FPS at 24. Begin importing pictures, audio, and other elements to develop a creative, attractive advertisement for your chosen show or product. The final project must also have at least 2 scenes total, along with tweens, and alpha adjustments to the pictures. It must also be at least 10 seconds in length. Once you have finished your project, use the rubric provided below to make sure you have satisfied all of the project requirements. Save the .FLA file and name it lastname+firstname+internetad. Export the .MOV file and save both files to Google Drive. |
File:
Sound Resources:
Rubric:
|