Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Productivity

This chapter is from the book

Adding Multilayer Effects

Creating keyframes and adjusting their timing are all you need to know how to do to fully take advantage of them. Now that you're familiar with using keyframes, you'll learn how to add multiple layers.

Using additional layers doesn't make keyframes any more difficult to use. You still create keyframes, set up what you want your layer to do, and arrange their time values. When working with multiple layers, you just take one layer at a time.

Using Keyframes with Layers

Before you dive in and start adding layers, you need to understand how layers and keyframes work together.

The most important point is that every layer has its own keyframes. This means that you set up the keyframes for every layer you add to a slide, individually. One layer could have four keyframes, while another might have only two.

Because every layer has its own keyframes, you never have to worry about changes to the keyframes on one layer causing problems for another. They all exist in their own vacuums.

Creating a Multilayer Keyframe Effect

We'll jump right in by creating a new slide that uses three layers to create an interesting effect that combines pan and zoom. This will also illustrate how you can control when layers are visible.

If you still have the options dialog open, go ahead and close it. Let's start with a new slide and go from there:

To adjust layer 1:

  1. Create a new slide by dragging an image from the File List to the Slide List.
  2. Now add some layers to the new slide. Choose another image from the File List, hold down Control on the keyboard, and drag it onto the slide you just created (Figure 4.21).
    Figure 4.21

    Figure 4.21 Drag additional images onto the slide by holding down the Control key while dragging and dropping the image on the slide.

  3. Do the same with a third image. Now you should have three layers on the new slide. You'll see only one in the thumbnail (Figure 4.22), but the slide will display a stack icon in the Slide List.
    Figure 4.22

    Figure 4.22 After you drag the additional images onto the slide, the thumbnail will show one image, but you'll see a stack icon added to the slide.

  4. Let's change the time of the slide to something you can work with. Set the slide to six seconds by clicking the time value underneath the thumbnail and entering 6 (Figure 4.23).

    Figure 4.23

    Figure 4.23 The new slide shows a time value of six seconds. The slide now contains three layers, though only one appears in the thumbnail.

    Now you can begin setting up the motion for each layer. The easiest way to do this is to complete one layer at a time and have a plan in mind when you get started for how you'd like each layer motion to look.

  5. Double-click the new slide, and select the Effects tab and then choose the Motion Effects tab. Select layer 1 in the Layers list (Figure 4.24).

    Figure 4.24

    Figure 4.24 With the Motion Effects tab selected, click layer 1 to begin defining the motion for the layer.

    For this motion effect, you'll zoom in on layer 1 to 0 percent on the left side of the slide, pan right and zoom in to fill the slide, and then zoom out again to 0 percent on the right side of the slide. This step will take three keyframes.

  6. Click the Add button addlayer.jpg to create a new keyframe, which will appear in the middle of the Keyframe Timeline as keyframe 2 (Figure 4.25).
    Figure 4.25

    Figure 4.25 Click the Add button to add a keyframe to the layer.

  7. Now you can set up the motion. Select keyframe pair 1 and 2, and in the left pane, change the Zoom values to 0 percent. Then move the layer to the left side of the slide (Figure 4.26).
    Figure 4.26

    Figure 4.26 Adjust keyframe 1 to a zoom of 0 percent, and drag the layer to the left side of the slide.

  8. In the right pane, the keyframe 2 position, recenter the layer on the slide, and change the Zoom values until it fills the slide frame (Figure 4.27).
    Figure 4.27

    Figure 4.27 You can see that layer 1 is zoomed to 0 percent to start keyframe 1, moved to the left in the left pane to end the keyframe and begin keyframe 2, and centered with Zoom values of 107 percent in the right pane.

  9. Select keyframe pair 2 and 3 by clicking the space between them in the Keyframe Timeline. In the right pane, or keyframe 3 position, change the Zoom values for the layer to 0 percent, and move it to the right side of the slide (Figure 4.28).

    Figure 4.28

    Figure 4.28 Select keyframe pair 2 and 3 by clicking the Keyframe Timeline between those frames. Change the zoom and position of the right, or ending, position.

    Click the Play button to see what you have so far. You should see the layer zoom in and pan until it reaches the center of the slide and then begin to zoom out until it's no longer visible on the right side.

    The last step in adding motion to this layer is setting the timing for the keyframes. You want all three layers to quickly come and go during this effect, so you need to make this move fast enough to give room for the others.

    The slide time is set to six seconds and you have three layers, so a total time of two seconds for each layer should be nice and even.

  10. Right-click keyframe 1, and choose Set Time. Change the value to three seconds, which should be the start of the Slide Time area (Figure 4.29).
    Figure 4.29

    Figure 4.29 Set the time of keyframe 1 by choosing the Set Time option and entering 3 as the value.

  11. Right-click keyframe 2, and choose Set Time. Set this to four seconds, which will be the middle of our motion (Figure 4.30).
    Figure 4.30

    Figure 4.30 Set keyframe 2 to four seconds.

  12. Finally, right-click keyframe 3, and choose Set Time. Set keyframe 3 to five seconds (Figure 4.31), which will give you a two-second period from three to five seconds for all three keyframes (Figure 4.32).
    Figure 4.31

    Figure 4.31 The timing for keyframe 3 is set to five seconds.

    Figure 4.32

    Figure 4.32 After you set all the keyframes for layer 1, the motion will occur between the three- and five-second marks of the slide.

Click the Play button to make sure your effect is moving nice and fast. Now that this is done, you can begin setting up the other two layers (Figure 4.33).

Figure 4.33

Figure 4.33 Here is the completed set of three keyframes, with the timing that you created in the previous steps. This will make the layer move quickly through the motions set up for it.

Layer 2 is now ready to configure. You'll start layer 2 on the right side of the slide, where layer 1 disappeared. From there, you'll do the same thing, panning and zooming across the center of the slide, as you did with layer 1.

To adjust layer 2:

  1. Select layer 2 in the Layers list, and click the Add button. You will have three keyframes, spread across the slide time (Figure 4.34).
    Figure 4.34

    Figure 4.34 Select layer 2, and click the Add button to add another keyframe.

  2. Select keyframe pair 1 and 2. In the left, starting pane, change the Zoom values to 0 percent and position the layer on the right side of the slide (Figure 4.35).
    Figure 4.35

    Figure 4.35 Set the starting position to the right side of the slide, and change the zoom to 0 percent.

  3. In the right pane, or keyframe 2 position, move the layer back to the center of the slide, and zoom in until it fills the slide frame (Figure 4.36).
    Figure 4.36

    Figure 4.36 Position the right side, or keyframe 2, to the center of the slide, and zoom to fill the slide.

  4. Select keyframe pair 2 and 3. In the right pane, or keyframe 3 position, change the layer zoom back to 0 percent, and move it to the left side of the slide (Figure 4.37).
    Figure 4.37

    Figure 4.37 Move the layer to the left side of the slide, and set the Zoom values to 0 percent for keyframe 3.

  5. All you have left to do is adjust the timing. Right-click keyframe 1, and choose Set Time. You want keyframe 1 to start immediately after the last keyframe for layer 1 ends. If you recall, this was at five seconds. So, set keyframe 1 for layer 2 to five seconds (Figure 4.38).
    Figure 4.38

    Figure 4.38 This layer should start its motion as soon as layer 1 finishes. Set the time value for keyframe 1 to five seconds, which is the ending time of layer 1.

  6. Keyframe 2 should already be set to six seconds, so right-click keyframe 3, choose Set Time, and set it to seven seconds (Figure 4.39).
    Figure 4.39

    Figure 4.39 Keyframe 3 time is set to seven seconds. This keeps the timing the same as you have in layer 1, but starting at five seconds and ending at seven seconds.

You now have layer 2 set to begin its motion as soon as layer 1 is finished (Figure 4.40).

Figure 4.40

Figure 4.40 Layer 2 has been set up to move in the opposite direction of layer 1. It also uses three keyframes, timed to start as soon as layer 1 ends.

For the final piece of the effect, you need to set layer 3 to begin moving in the same way as layer 1, starting when layer 2 ends at seven seconds.

To adjust layer 3:

  1. Click layer 3 in the Layers list. Click the Add button to prepare three keyframes for the effect (Figure 4.41).
    Figure 4.41

    Figure 4.41 Add another keyframe to layer 3 by clicking the Add button.

  2. Select keyframe pair 1 and 2. In the left pane, or keyframe 1, change the Zoom values for the layer to 0 percent, and position it on the left side of the slide frame (Figure 4.42).
    Figure 4.42

    Figure 4.42 Move the keyframe 1 starting position to the left of the slide, and set the Zoom values to 0 percent.

  3. In the right pane, or keyframe 2, position the layer back in the center of the slide, and increase the Zoom values until it fills the slide frame (Figure 4.43).
    Figure 4.43

    Figure 4.43 Set the keyframe 2 ( in the lower-right pane) back to the center of the slide, and zoom to fill the frame.

  4. Select keyframe pair 2 and 3. In the right pane, or keyframe 3, change the Zoom values to 0 percent, and position the layer on the right side of the slide frame (Figure 4.44).
    Figure 4.44

    Figure 4.44 Select keyframe pair 2 and 3, and then position the layer on the right side of the slide with Zoom values of 0 percent.

  5. The timing is all that's left. Right-click keyframe 2, and choose Set Time. Change the value to eight seconds. You're starting with keyframe 2 this time because it must be moved back to make room to adjust keyframe 1 (Figure 4.45).
    Figure 4.45

    Figure 4.45 To adjust the timing for the final layer, you start with keyframe 2 and set the value to eight seconds.

  6. Right-click keyframe 1, and choose Set Time. Change the value to seven seconds (Figure 4.46), which is when the last keyframe for layer 2 ended. Finally, right-click keyframe 3, choose Set Time, and enter 9 for nine seconds (Figure 4.47). Figure 4.48 shows the completed keyframe adjustments for the slide.

    Figure 4.46

    Figure 4.46 Set the time value for keyframe 1 to seven seconds. This will start the motion as soon as layer 2 is completed.

    Figure 4.47

    Figure 4.47 Set the time value for keyframe 3 to nine seconds, giving it the same duration as the other two layers on the slide.

    Figure 4.48

    Figure 4.48 The last pieces of the effect, the settings for layer 3, are complete, and the slide is ready to go, with motion for each layer beginning at the end of the previous layer motion settings.

    Click the Play button again to see your final motion effect. You should see layer 1 move across the screen from left to right, zooming in and out. Just as layer 1 ends, layer 2 will perform the same movement in the opposite direction. This will repeat with layer 3 to close the effect.

    This dynamic effect is a great way to show off your knowledge of keyframes. That's all there is to using keyframes to create motion and harnessing what you can do with layers.

Peachpit Promotional Mailings & Special Offers

I would like to receive exclusive offers and hear about products from Peachpit and its family of brands. I can unsubscribe at any time.

Overview


Pearson Education, Inc., 221 River Street, Hoboken, New Jersey 07030, (Pearson) presents this site to provide information about Peachpit products and services that can be purchased through this site.

This privacy notice provides an overview of our commitment to privacy and describes how we collect, protect, use and share personal information collected through this site. Please note that other Pearson websites and online products and services have their own separate privacy policies.

Collection and Use of Information


To conduct business and deliver products and services, Pearson collects and uses personal information in several ways in connection with this site, including:

Questions and Inquiries

For inquiries and questions, we collect the inquiry or question, together with name, contact details (email address, phone number and mailing address) and any other additional information voluntarily submitted to us through a Contact Us form or an email. We use this information to address the inquiry and respond to the question.

Online Store

For orders and purchases placed through our online store on this site, we collect order details, name, institution name and address (if applicable), email address, phone number, shipping and billing addresses, credit/debit card information, shipping options and any instructions. We use this information to complete transactions, fulfill orders, communicate with individuals placing orders or visiting the online store, and for related purposes.

Surveys

Pearson may offer opportunities to provide feedback or participate in surveys, including surveys evaluating Pearson products, services or sites. Participation is voluntary. Pearson collects information requested in the survey questions and uses the information to evaluate, support, maintain and improve products, services or sites; develop new products and services; conduct educational research; and for other purposes specified in the survey.

Contests and Drawings

Occasionally, we may sponsor a contest or drawing. Participation is optional. Pearson collects name, contact information and other information specified on the entry form for the contest or drawing to conduct the contest or drawing. Pearson may collect additional personal information from the winners of a contest or drawing in order to award the prize and for tax reporting purposes, as required by law.

Newsletters

If you have elected to receive email newsletters or promotional mailings and special offers but want to unsubscribe, simply email ask@peachpit.com.

Service Announcements

On rare occasions it is necessary to send out a strictly service related announcement. For instance, if our service is temporarily suspended for maintenance we might send users an email. Generally, users may not opt-out of these communications, though they can deactivate their account information. However, these communications are not promotional in nature.

Customer Service

We communicate with users on a regular basis to provide requested services and in regard to issues relating to their account we reply via email or phone in accordance with the users' wishes when a user submits their information through our Contact Us form.

Other Collection and Use of Information


Application and System Logs

Pearson automatically collects log data to help ensure the delivery, availability and security of this site. Log data may include technical information about how a user or visitor connected to this site, such as browser type, type of computer/device, operating system, internet service provider and IP address. We use this information for support purposes and to monitor the health of the site, identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents and appropriately scale computing resources.

Web Analytics

Pearson may use third party web trend analytical services, including Google Analytics, to collect visitor information, such as IP addresses, browser types, referring pages, pages visited and time spent on a particular site. While these analytical services collect and report information on an anonymous basis, they may use cookies to gather web trend information. The information gathered may enable Pearson (but not the third party web trend services) to link information with application and system log data. Pearson uses this information for system administration and to identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents, appropriately scale computing resources and otherwise support and deliver this site and its services.

Cookies and Related Technologies

This site uses cookies and similar technologies to personalize content, measure traffic patterns, control security, track use and access of information on this site, and provide interest-based messages and advertising. Users can manage and block the use of cookies through their browser. Disabling or blocking certain cookies may limit the functionality of this site.

Do Not Track

This site currently does not respond to Do Not Track signals.

Security


Pearson uses appropriate physical, administrative and technical security measures to protect personal information from unauthorized access, use and disclosure.

Children


This site is not directed to children under the age of 13.

Marketing


Pearson may send or direct marketing communications to users, provided that

  • Pearson will not use personal information collected or processed as a K-12 school service provider for the purpose of directed or targeted advertising.
  • Such marketing is consistent with applicable law and Pearson's legal obligations.
  • Pearson will not knowingly direct or send marketing communications to an individual who has expressed a preference not to receive marketing.
  • Where required by applicable law, express or implied consent to marketing exists and has not been withdrawn.

Pearson may provide personal information to a third party service provider on a restricted basis to provide marketing solely on behalf of Pearson or an affiliate or customer for whom Pearson is a service provider. Marketing preferences may be changed at any time.

Correcting/Updating Personal Information


If a user's personally identifiable information changes (such as your postal address or email address), we provide a way to correct or update that user's personal data provided to us. This can be done on the Account page. If a user no longer desires our service and desires to delete his or her account, please contact us at customer-service@informit.com and we will process the deletion of a user's account.

Choice/Opt-out


Users can always make an informed choice as to whether they should proceed with certain services offered by Adobe Press. If you choose to remove yourself from our mailing list(s) simply visit the following page and uncheck any communication you no longer want to receive: www.peachpit.com/u.aspx.

Sale of Personal Information


Pearson does not rent or sell personal information in exchange for any payment of money.

While Pearson does not sell personal information, as defined in Nevada law, Nevada residents may email a request for no sale of their personal information to NevadaDesignatedRequest@pearson.com.

Supplemental Privacy Statement for California Residents


California residents should read our Supplemental privacy statement for California residents in conjunction with this Privacy Notice. The Supplemental privacy statement for California residents explains Pearson's commitment to comply with California law and applies to personal information of California residents collected in connection with this site and the Services.

Sharing and Disclosure


Pearson may disclose personal information, as follows:

  • As required by law.
  • With the consent of the individual (or their parent, if the individual is a minor)
  • In response to a subpoena, court order or legal process, to the extent permitted or required by law
  • To protect the security and safety of individuals, data, assets and systems, consistent with applicable law
  • In connection the sale, joint venture or other transfer of some or all of its company or assets, subject to the provisions of this Privacy Notice
  • To investigate or address actual or suspected fraud or other illegal activities
  • To exercise its legal rights, including enforcement of the Terms of Use for this site or another contract
  • To affiliated Pearson companies and other companies and organizations who perform work for Pearson and are obligated to protect the privacy of personal information consistent with this Privacy Notice
  • To a school, organization, company or government agency, where Pearson collects or processes the personal information in a school setting or on behalf of such organization, company or government agency.

Links


This web site contains links to other sites. Please be aware that we are not responsible for the privacy practices of such other sites. We encourage our users to be aware when they leave our site and to read the privacy statements of each and every web site that collects Personal Information. This privacy statement applies solely to information collected by this web site.

Requests and Contact


Please contact us about this Privacy Notice or if you have any requests or questions relating to the privacy of your personal information.

Changes to this Privacy Notice


We may revise this Privacy Notice through an updated posting. We will identify the effective date of the revision in the posting. Often, updates are made to provide greater clarity or to comply with changes in regulatory requirements. If the updates involve material changes to the collection, protection, use or disclosure of Personal Information, Pearson will provide notice of the change through a conspicuous notice on this site or other appropriate way. Continued use of the site after the effective date of a posted revision evidences acceptance. Please contact us if you have questions or concerns about the Privacy Notice or any objection to any revisions.

Last Update: November 17, 2020