Join Jake Ströh for an in-depth discussion in this video Masking and cropping, part of Up and Running with Hype.
Since we now understand grouping, when we work with rotations.…There's one more really great feature that also…utilizes the power of groups, masking and cropping.…In this lesson we're going to reveal a logo with an…animated mask and also look at how to crop an image.…We'll start by opening Samoca mask start.…Next we'll to go to the elements and we'll insert a rectangle.…And create a kind of a lower thirds effect.…We'll turn off the border.…And then we're going to sample a color…from the yellow part of this background painting.…
Next I'll go to the elements icon and insert the image of the Samoca logo.…Over the left side of our lower third bar and resize it slightly.…Next, with the shift key, I select the bar and the…logo and then hit Cmd + Opt + G to group.…You'll notice that we get the magenta box around our grouping.…That signifies that this is a group.…Down on the timeline we get the group layer and the disclosure…triangle and the logo and rectangle that are part of this group.…To animate reveal this from left to right, let's go up to the…
- Creating your first Hype animation
- Understanding the main timeline
- Animating with keyframes
- Modifying keyframes and retiming
- Working with the Capo tool
- Reusing animations
- Masking and cropping
- Animating CSS filters
- Creating buttons and working with mouse actions
- Chaining actions together
- Developing a slideshow
- Creating and managing scenes
- Exporting and embedding Hype documents
Skill Level Beginner
Motion: Principles of Motion Graphicswith Ian Robinson3h 43m Intermediate
1. Getting Started
2. Timeline Animation
3. Managing Timelines and Interactivity
4. Working with Scenes
5. Exporting Your Project
Adding your own HTML1m 45s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.