動画検索
関連広告
検索結果
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
Intro
Getting started: design inspiration
Creating your character in Illustrator
Drawing eyes: creating layers for animation
Drawing facial features
Drawing hands: quick tips and shortcuts!
Creating highlights and shadows
Creating the rest of the sticker: type on a path tool
Giving the sticker some texture!
Getting our layers ready for After Effects
Moving over from Illustrator to After Effects
Importing your Illustrator file into After Effects
Fixing any small issue on your layers
Parenting layers
Animating the eyes
Animating the sticker background and text layers
Animating the thumbs up!
Creating the sticker peel animation
Using posterize time to create old school animated motion
Intro to Design Fundamentals for Motion Graphics
Weight The concept of understanding how an object would move
Design Appeal Visual appeal is what meets the eye. It's the colors, shapes, pictures, fonts, white space, and overall visual balance of a design. Whether motion graphics appeal to us affects how we perceive, how we use it, and how we remember it.
JOURNEYS
INVESTMENT
Directed By John Kahrs
Visualized By Chromosphere