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…
Author
Released
9/20/2013- 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
Duration
Views
Related Courses
-
Motion: Principles of Motion Graphics (2011)
with Ian Robinson3h 43m Intermediate
-
Introduction
-
Welcome52s
-
-
1. Getting Started
-
Creating a new Hype document2m 23s
-
Working with elements3m 37s
-
-
2. Timeline Animation
-
Timing and easing animations2m 14s
-
Working with the Capo2m 3s
-
Reusing animations2m 48s
-
Masking and cropping3m 52s
-
Animating CSS filters3m 33s
-
3. Managing Timelines and Interactivity
-
Chaining actions together2m 49s
-
Working with audio3m 17s
-
Developing a slideshow7m 13s
-
4. Working with Scenes
-
Creating and managing scenes3m 18s
-
Adding scene transitions3m 28s
-
The advantages of timelines4m 12s
-
The advantages of scenes3m 5s
-
-
5. Exporting Your Project
-
Adding your own HTML1m 45s
-
Conclusion
-
Next steps33s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake 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.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Masking and cropping