9/21 Begin story outline - Google Doc
9/22 Story outline studio - due for grade (open house)
9/23 Flip book???
9/24 Flip book???
9/25 Flip book???
9/28 View animations from class
9/29 Bouncing ball
9/30 Bouncing ball
10/1 Bouncing ball
10/2 Stories - begin characters and settings
Flip book
https://www.toolfarm.com/tutorial/animated_flip_book/
In After Effects, flipbook animations, which create the illusion of movement through a sequence of images, can be achieved using various techniques. One common method involves creating a series of images or frames that represent different stages of an animation. These frames are then arranged and manipulated within After Effects to simulate a flipbook effect.
Here's a breakdown of how to create a flipbook animation in After Effects:
1. Prepare Your Frames:
You'll need a series of images or a video clip that can be broken down into individual frames.
Determine the desired frame rate for your flipbook (e.g., 24fps, 30fps). This will affect the smoothness of the animation.
2. Import and Arrange:
Import Files: Import your image sequence or footage into After Effects.
Create a Composition: Create a new composition in After Effects and set its duration to match the length of your animation.
Arrange Frames: Arrange the individual frames or footage clip within the composition, creating a sequence where each frame appears in the correct order.
3. Add Effects (Optional):
Apply the "Posterize Time" effect to reduce the number of frames displayed, creating a more stylized flipbook look.
Use time remapping to adjust the speed and timing of individual frames or sections of the animation.
4. Looping (Optional):
Duplicating Frames:
To create a looping animation, you may need to duplicate certain frames or adjust the playback range to create a seamless loop.
Opacity Adjustments:
Keyframe the opacity of duplicated frames to smooth out transitions and create a seamless loop.
5. Add Visual Elements:
Text and Graphics: Incorporate text, graphics, or other visual elements into your flipbook frames to enhance the animation.
Page Turns: For a page-turning effect, you can create 3D layers and animate the Y rotation to simulate the turning of a page.
Light and Shadows: Add lights and shadows to enhance the realism of the 3D page turn effect.
6. Finalize and Render:
Pre-compose: Pre-compose layers to keep your project organized, especially if you are using multiple compositions.
Adjust Timing: Adjust the timing of the animation by stretching or time-remapping layers.
Render: Render the final animation in the desired format (e.g., .mp4, .mov).
Alternative Techniques:
CC Page Turn Effect:
Use the "CC Page Turn" effect to create a page-turning effect with more control over the fold radius and position.
Consider using pre-built 3D flip book templates available on websites like aescripts.com for a quick and easy solution.
While more complex, distortion meshes can be used to create realistic page-flipping effects, but they require more hand work.
By combining these techniques and experimenting with different effects, you can create engaging and visually appealing flipbook animations in After Effects.
You can create a bouncing ball animation in Canva by using duplicate frames combined with the "Match and Move" transition. [1]
How to Make a Bouncing Ball Animation
Open Canva and select a blank canvas.
Go to Photos or Elements and search for a ball (like a soccer ball), then place it at the top center of your canvas.
Change the background color of your canvas if desired.
Duplicate your page/frame.
Drag the ball to the bottom of the canvas on this second page.
Duplicate the frame again and move the ball back to the top.
Repeat this duplicating and repositioning process as many times as you want the bounce to continue.
Select the transitions between your pages and choose Match and Move.
Increase the transition effect and set the timing of each frame to 0.3 seconds, then apply it to all pages.
Play or download your finished animation as an MP4 video. [1, 2]
Watch this short tutorial to see how to create a bouncing ball animation step-by-step:
1:01
How to create a Bouncing ball Animation in Canva
5K views · 2 years ago
YouTube · MOTION MIX350
Would you like to learn how to use Canva's custom motion path animator tool to draw a freehand bouncing curve instead?
YouTube·Build Lamp
Make an AMAZING Bouncing Ball Logo Animation in Canva!
Apr 26, 2025 — Make an AMAZING Bouncing Ball Logo Animation in Canva! today I'm going to show you how to create this bouncing ball logo animation...
2m
YouTube·MOTION MIX350
How to create a Bouncing ball Animation in Canva
Mar 26, 2024 — this is how you create a bouncing ball animation in Canva open Canva and choose a blank canvas. and go to photos in the search bar...
1:01