SUMMATIVE: History Animation
Project Brief
Similar to our digital animations, except now you will choose a point in history to animate:
Choose 1 point in the history of video
Storyboard 5 different movements or actions to happen during your animation
Use Brush Ninja to create an animation about the event
Create at least 50 different frames.
Adjust your frame rate to something other than the default (6 fps)
Include the year.
Choose an Event
Choose one event from the History of Animation: https://www.hodgesclass.com/video/history-of-video
Storyboard
Get a printed storyboard paper from Mrs. Hodges
Brainstorm and fill it out.
Example of finished animation and storyboard (on the right):
Take a Photo of Storyboard with iPad
Use your iPad and take a photo of your finished storyboard paper.
On IMac: Turn on AirDrop
On your iMac open Finder
Go to "AirDrop"
Make sure it says "Everyone" (click "No One" to change)
Find iMac Name & Airdrop
Look for the sticker on the bottom right of your iMac that says "AirDrop Name"
If there is no sticker:
From the Launchpad, open System Settings and go to "Bluetooth"
Find "Now discoverable as: _______"
iPad: Look for that name on your iPad's AirDrop and tap to send.
Move Your Image to Your Creative Cloud FIles
Open "Finder" (the blue face icon in your dock)
Go to "Downloads"
Drag your AirDropped image file to your "Creative Cloud Files"
If you don't see "Creative Cloud Files", first open Creative Cloud (the rainbow icon in your dock) and log in.
Brush Ninja
Go to https://brush.ninja/
Click "Make Animated Gifs"
"Onion Skinning"
Click the onion icon so that it is yellow to turn on “onion skinning” on (so you can see your previous frames).
Adjust Animation Speed
Below your frame, click the speedometer icon
Adjust the animation speed to be something other than the default (6 fps).
Choose a Background
Click the image icon next to the speedometer icon.
Click "Select a Color" and choose a color.
Create Frames
Create Shapes
Click the icon with the circle/square and then choose a shape name to the right.
Move Shapes
To move a shape, choose the pointer tool on the left.
If you want to move multiple shapes at once, click and drag with your pointer tool.
If you want to group all the shapes together, select them and choose the word "group" on the left.
Copy Shapes
To copy a shape, click on it with the pointer tool and then click the two-rectangle icon and then the clipboard icon in the middle menu bar near the onion
Change Color
To change the color click the pencil on the right for the outline color and the paint bucket for the fill color.
Duplicate Frames
Copy your frame by clicking the copy icon at the bottom of the frame thumbnail.
Create 50+ Frames
Begin to work on creating at least 50 frames
Save Your Work in between class days
To make sure you don't lose your work between class days:
Click "Save"
Rename to "History Animation Day #"
Click "Save File"
In "Finder" (blue face icon in your dock) go to "Downloads"
Drag your ".brushninja" file to your "Creative Cloud Files"
If you don't see "Creative Cloud Files", first open Creative Cloud (the rainbow icon in your dock) and log in.
Open Saved Work from Previous Class Day
Using the same computer and internet browser, go back to brush.ninja. It usually saves your work from the previous day
If you animation is not showing up:
Click "Open"
Click "Choose a Brush Ninja File"
Locate your saved ".brushninja" from the previous day
Click "Open"
Requirements Check
Have you created at least 50 different frames?
Have you adjusted the Animation Speed (frame rate) to something other than the default (6 fps)
Have you included the year (of the historical event) in the animation?
Export GIF
Click "Export"
Click "EXPORT AS GIF"
Click "DOWNLOAD ANIMATED GIF"
Export Frame Sheet (Comic)
Click "Export"
Click "MORE +"
Click "EXPORT A COMIC"
Click "DOWNLOAD IMAGE"
Move Your Files to Your Creative Cloud FIles
Open "Finder" (the blue face icon in your dock)
Go to "Downloads"
Drag your .gif and image file to your "Creative Cloud Files"
If you don't see "Creative Cloud Files", first open Creative Cloud (the rainbow icon in your dock) and log in.
Upload to Canvas
Upload your 3 files to the Canvas assignment:
Photo of storyboard paper (AirDropped from your iPad)
Exported animation (.gif)
Exported frame sheet (.png)
Click "+ Add Another File" to get another "Upload File" option.
Complete the reflection questions in the comment area.
Click and drag in the bottom right corner to make the comment area larger.
