What you learned: Create a custom transition using masks
Masks are used to hide, or reveal, specific areas of a layer.
To apply a mask to a layer:
Select the desired layer in the timeline.
Select the Pen tool or a Shape tool in the Tools panel.
Draw a mask shape in the Composition panel to define the areas to hide.
To animate a mask:
Move the Current Time Indicator (CTI) to a frame in the Timeline for the start of the transition.
Press M to open the Mask Path settings.
Click the stopwatch to the left of the words Mask Path to record the position of the mask path and set the first keyframe.
Move the CTI down the Timeline to mark the end of the transition.
Click the words Mask Path in the Timeline to select the mask path.
Move each anchor point in the path to a new position or press Control+T (Windows) or Command+T (macOS) to apply transform handles to the mask path.
Drag inside the mask handles to move the mask without changing the shape; drag the handles to transform the shape of the mask.
Reposition the mask and press Enter on your keyboard to apply the transformation and automatically record the second keyframe for the transition.
2
Build graphic transitions with Shape layers
Build animated graphics using Shape layers.
What you learned: Create animated transitions
An Adobe Illustrator layer can be converted to a Shape layer.
To convert an Illustrator layer to a Shape layer:
Select the desired layer in the Timeline.
In the main menu, select Layer > Create shapes from vector layer.
Shapes layers can be repeated using a Repeater:
Select the Shape layer to repeat in the Timeline.
Open the layer options by clicking the triangle on the left side of the layer.
To the right of the Contents section on the layer, click the button to the right of the word Add
and choose Repeater.
Open the triangle for Repeater 1 and set the number of Copies.
Open the triangle for Transform: Repeater 1 and change the settings to adjust how each shape will move when it is repeated. (The default setting will move each copy 100 pixels on the X Position.)
To animate the repeated shape, keyframe the Offset for Repeater 1.
3
Create transparency with layers
Create transparency in a layer using a track matte.
What you learned: Create transparency in a layer
The Alpha channel determines the transparency of an image. Anything that is 100% white is 100% opaque and anything that is 100% black is 100% transparent.
To reveal track mattes, toggle the Switches/Modes button in the bottom of the timeline and make sure Switches are hidden and Modes are revealed.
Track mattes look at the next layer directly above in the timeline to determine transparency.
There are five different settings for track mattes in the Track Matte drop-down menu:
No Matte: No transparency created; next layer above acts as normal layer.
Alpha Matte: Opaque when alpha channel pixel value is 100%.
Alpha Inverted Matte: Opaque when alpha channel pixel value is 0%.
Luma Matte: Opaque when the luminance value of a pixel is 100%.
Luma Inverted Matte: Opaque when the luminance value of a pixel is 0%.
You can control how Adobe websites use cookies and similar technologies by making choices below. But note that if you disable cookies and similar technologies entirely, Adobe websites may not function properly.
Cookies are small text files stored by your web browser when you use websites. There are also other technologies that can be used for similar purposes like HTML5 Local Storage and local shared objects, web beacons, and embedded scripts. These technologies help us do things like remembering you and your preferences when you return to our sites, measure how you use the website, conduct market research, and gather information about the ads you see and interact with.
You can make choices in the menu below about what cookies and other technologies you want us to use on Adobe sites when you visit them from this browser. You can always change those choices later by clicking on the Cookie Preferences link at the bottom of the page.
If enabled:
We can improve your experience by tailoring the site and the content to things we think might be of interest
We can better keep track of your preferences — like what language you prefer to use
We will better understand your likely interests so we can provide you more relevant Adobe ads and content on non-Adobe websites and in non-Adobe apps
It will help us improve the performance of our website and those of our partners who use the Adobe Experience Cloud
If disabled:
We won’t be able to remember you from session to session so the experience may not be tailored to your interests
You’ll still have access to the content of the site but certain features that depend on cookies may not function
You’ll still see ads, they just may not be as relevant to you
General information
You can control how Adobe websites use cookies and similar technologies by making choices below. But note that if you disable cookies and similar technologies entirely, Adobe websites may not function properly.
Cookies are small text files stored by your web browser when you use websites. There are also other technologies that can be used for similar purposes like HTML5 Local Storage, web beacons, and embedded scripts. These technologies help us do things like remembering you and your preferences when you return to our sites, measure how you use the website, conduct market research, and gather information about the ads you see and interact with.
You can make choices in the menu below about what cookies and other technologies you want us to use on Adobe sites when you visit them from this browser. You can always change those choices later by clicking on the Cookie Preferences link at the bottom of the page.
If enabled:
We can improve your experience by tailoring the site and the content to things we think might be of interest
We can better keep track of your preferences — like what language you prefer to use
We will better understand your likely interests so we can provide you more relevant Adobe ads and content on non-Adobe websites and in non-Adobe apps
It will help us improve the performance of our website and those of our partners who use the Adobe Experience Cloud
If disabled:
We won’t be able to remember you from session to session so the experience may not be tailored to your interests
We’ll still count your use of our site and services
You’ll still have access to the content of the site but certain features that depend on cookies may not function
You’ll still see ads, they just may not be as relevant to you
Operate the site and core servicesOperate site and measure engagement
Always active
These cookies are required, and they are used to enable the site and related services core functionality. Without them the site could not operate, so they cannot be disabled.
These cookies enable the site and related services’ core functionality and collect statistics about user engagement, such as counting active use to help us understand trends. These cookies cannot be disabled.
Measure performance
These cookies are used to analyze site usage to measure and improve performance. Without them Adobe cannot know what content is most valued and how often unique visitors return to the site, making it hard to improve information we offer to you.
These cookies are used to analyze site usage to measure and improve performance. Without them Adobe cannot know what content is most valued, making it hard to improve information we offer to you.
Extend functionality
These cookies are used to enhance the functionality of Adobe sites such as remembering your settings and preferences to deliver a personalized experience; for example, your username, your repeated visits, preferred language, your country, or any other saved preference.
Personalize advertising
These cookies are used to enable Adobe and our partners to serve ads more relevant to your interests. Without them you will still see ads, but they might not be as relevant to you.
Personalize advertising
These cookies are used to enable Adobe and our partners to serve ads more relevant to your interests. Without them you will still see ads, but they might not be as relevant to you.
