Keyframe animation in the Photoshop timeline
TIME STAMPS BELOW
Keyframe animation basics using the Photoshop video timeline.
||||||||||||||||||||||||||||||||||||||||||||||||||
PHOTOSHOP FILES
Finished animation
https://mat.miracosta.edu/mat120_prio...
Small gear animation
https://mat.miracosta.edu/mat120_prio...
Large gear animation
https://mat.miracosta.edu/mat120_prio...
||||||||||||||||||||||||||||||||||||||||||||||||||
TIME STAMPS
||||||||||||||||||||||||||||||||||||||||||||||||||
0:00 START
0:19 INTRODUCTION
2:00 Convert frame timeline animation to keyframe timeline
2:00 A process overview
7:00 Start new keyframe timeline animation
10:00 Some basic animation terminology
12:00 How to rotate a gear strategy
15:20 Talk about keyframe interpolation meaning/types. Demonstrate velocity and talk about time and space; or, temporal and spatial in animation
18:00 How to move an asset that is rotating in place
19:50 Discus complex animation movement
23:30 Another animation velocity example
24:00 THIS IS COOL | export keyframe animation as a video that you can use in your timeline. This makes moving, scaling, and duplicating animation sequences so much easier.
26:20 Example of the final animation in the timeline
26:35 Organization tips to reduce timeline layer clutter
27:20 Extending the duration of a timeline animation. Easy, if you think about animation as smaller sequences or modular modules
28:00 How to create a countdown effect. Something changing one to the next in a sequence
28:30 Combining multiple transformers to the same asset. Also discus hold and linear interpolation again
30:00 Export the final timeline animation as a movie file. Example of the final animation
||||||||||||||||||||||||||||||||||||||||||||||||||
SHOUT OUT THANK YOU TO
||||||||||||||||||||||||||||||||||||||||||||||||||
Vector Rocket
https://www.freepik.com/vectors/business
Business vector created by macrovector - www.freepik.com
Vector Clouds
https://www.freepik.com/vectors/backg...
Background vector created by alliesinteractive - www.freepik.com
Vector Gears
https://www.freepik.com/vectors/icons
Icons vector created by rawpixel.com - www.freepik.com