In this Motion 5 tutorial, we will build the third scene of our product trailer. This will require us to duplicate the Bokeh layer in the background BG group, giving us two copies of the same Bokeh animation in the same BG group.

In the third scene of our Motion^R trailer, we will remove or fade out the design elements for scene 2 on the Canvas and fade in the elements for scene 3. The one common element for both scenes is the name of the product. Because it will remain on the Canvas for Scene3, we will extend the length of its layer to the end of Scene3, which will be 00:00:41:00 on the Timeline.

1. Drag the right edge of the product name layer in the Scene2 group to the 00:00:41:00 mark on the Timeline.
   
   Once the product image from Scene 2 fades out, we will have a black Canvas, because we stopped the Bokeh behavior on the bottom BG layer. It would be nice, if we ended the trailer with this same Bokeh effect. To start this animation again, we will add another Bokeh background to the Timeline.
   
   We want this Bokeh animation to start just before the product image in Scene 2 fades out. So we need to start the new Bokeh 2 layer in the Timeline at the 00:00:34:15 mark, which is 34.5 seconds on the Timeline. We want the Bokeh animation to continue to the end of the trailer, which will end at the 00:00:50:00 mark on the Timeline (50 seconds).
   
   
2. Place the Playhead at the 00:00:34:15 mark on the Timeline. Select the BG Group in the Layers pane. Go to Library - Content - Backgrounds - Defocused Wealth. Select this and click Apply. You will get a new layer in the BG Group called Defocused Wealth 1. Rename this to “Bokeh 2”.
   
   
3. As we did when we created the first Bokeh, we need to set the X and Y scale for this new layer to 150%, to cover the entire Canvas. Make this change in the Inspector.
   
   
4. Also as we did to the first Bokeh, remove the yellow from its Gradient layer. Click on the Gradient layer in the Layers pane and click the Add a Filter icon in the Toolbar. Choose Color Correction - Hue/Saturtion. In the Filters tab of the Inspector, move the Saturation slider all the way to the left.
   
   
5. Drag the right edge of the second Bokah layer to the 00:00:50:00 mark on the Timeline, which is the end of our trailer.
   
   

Finished Project

Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie and Mac are trademarks of Apple Inc., registered in the U.S. and other countries. BellaOnline is an independent publication and has not been authorized, sponsored, or otherwise approved by Apple Inc. Screenshots used by permission.