動画検索
関連広告
検索結果
Intro
Buck | Github
Gove | Jacques - Rien
Reimagine: A Creative Studio Film
Zack Lydon | Crushed
Studio AKA | Queen Charlotte: Bridgerton Story
Buck | Illumina
Tendril | Tendril Refresh
Nerdo | Tencent China Literature
Sarah Beth Morgan | Between Lines
Nicolo Bianchino | Colophon Foundry Animated logos
Fabien Rousseau + Oskars Pavlovskis | Ham Man
Derek Lau
Antibody | Marathon Trailer
Jonathon Djob Nkondo | A Little Taste of Joy
Intro
Roles in Motion Design
Storyboard Artist skillset
Designer skillset
Character Designer skillset
Character Animator skillset
Motion graphics Animator skillset
Places to learn
Where to learn Perspective?
Where to learn Human Anatomy and Proportions?
Where to learn Storyboarding?
Where to learn Design?
Where to learn Frame by frame animation?
Where to learn 2d Character animation?
Where to learn Motion graphics?
Where to learn Cinema4D?
Where to learn VFX?
Conclusion
Welcome to this motion design course
The basics of motion design for the web
Adding videos to a web page
Exercise #2: Hero section with video background
Optimizing video for web performance
Introduction to CSS transitions
Adding motion with CSS transitions
Exercise #4: Simple dropdown menu
Exercise #6: Cool accordion
Introduction to CSS animations
Exercise #7: Simple loading screen
Exploring loading animations
Exercise #8: Site preloader
Exercise #9: SVG text loader
Animating illustrations and icons
Exercise #11: Animated Lottie icon
Exercise #13: Animated illustration
Exercise #14: Animated avatars
Creating accent animations
Exercise #16: Typewriter effect
Playing around with interactive animations
Exercise #17: Mouse follow effect
Adding depth and dimension with parallax
Exercise #19: Parallax animation
Thanks and goodbye!
Intro
Resources
Preparing a New Composition
Creating Shapes from Text & Animation Prep
Using the Graph Editor
Animating the Rest of the Characters
Working with Null Objects for Parent Animation
Tweaking Pre-Comp to fit Main Comp
Setting the Stage
Aligning Objects to Paths with Nulls
Second Animation Pass to Add Details
Adding Squash and Stretch When it Lands
Adding the Bouncing O
Adding it All Into the Main Composition
Setting up the Composition
Animating the Mask Layer
Animating the Effect with a Simple Script
Chapter Four
Working with Gradients
Venetian Blinds Effect on Text
Linking Different Expression Animations Together with Sliders
Chapter Five
Using Warp to Pucker and Bloat the Logo
Adding Texture with Noise and Turbulent Displace
Members Shoutouts
What is motion design?
How is motion design used?
Promotional Motion Graphics
Why don't we see motion design on TV?
Benefits of motion design
What are the goals of a campaign?
When to use motion design
Video can increase the amount of time spent on a page dramatically as well
Motion design can boost marketing efforts