New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Creating drop zones

From: Motion 5 Essential Training

Video: Creating drop zones

Now you've created your graphic and you want to make it easy to use and easy to customize. Well, drop zones are a great place to start. If you press the spacebar here in our comp, you see I have created an animation for a title card, and with drop zones I can set it up so this background image is always easy to customize for anybody who is using the project. So I'm just going to stop playback here and press F5 to open our Layers panel, and in here you'll see how we have things built.

Creating drop zones

Now you've created your graphic and you want to make it easy to use and easy to customize. Well, drop zones are a great place to start. If you press the spacebar here in our comp, you see I have created an animation for a title card, and with drop zones I can set it up so this background image is always easy to customize for anybody who is using the project. So I'm just going to stop playback here and press F5 to open our Layers panel, and in here you'll see how we have things built.

I've got a background layer and a couple of shapes. I have this stroke drawing on, and here's our image. Now, to create a drop zone is pretty simple, but you want to pay attention to how that image was created. As you can see here, I have a mask and I have a behavior, so when I turn this into a drop zone, both the mask and the behavior will transfer to whatever new object I decide to drop in. So with this image selected, go to the Inspector under the Image tab and you'll notice Drop Zone. Select Drop Zone and you'll now notice that we have type in our Canvas as well as other options for the drop zone.

Once you convert something into a drop zone, you'll see the type, and icon will change-- notice this arrow here that pops up--and then we have our options. So to customize our options, you want to go to the Fit area. See, when you click on Fit there are three different ways something can fit inside this drop zone: One, you can have it automatically scaled to fit. Two, you can have it center on the entire drop zone. Or three, you can have it stretch to fit. I'm going to leave this to Fit and show you just how easy this is to customize.

If we go back to the File Browser, in our exercise files, in the Media folder, go to the Stills folder. Let's just choose another image to drop in. I'll select this Amber image, and if we wanted to go into the drop zone, just drag it and drop it. And notice, if I drag and drop over the Layers area, I get this curvy arrow letting me know I'm going to swap that out. Now, if I drop it over the canvas, I get even more of a sign with this outer yellow glow.

Now, when I let go, now we have our new image that's been dropped in. So the animation and everything has automatically transferred. We're all set. I know this image is a little soft. That was the original photo. But as you see, with drop zones it's relatively easy to create an animation and make it extraordinarily simple to customize. There's one last thing you need to understand with drop zones. This still image is a great thing to convert into drop zones, but you can't convert shapes.

So if I go to, let's say, one of our circle shapes here, in the Inspector there is no option for Drop Zone. The only things you can change into drop zones are still images and video. Now, on occasion you may want to create your own drop zone and not use a source image. To do that, you can go up under Object and choose New Drop Zone. Just understand, when you do that, you will get this extraordinarily large drop zone that you'll probably want to resize with the bounding box. There we go.

And if you need to change its shape or anything like that, you want to add a mask to it with one of the Mask tools. But now this is set up as a drop zone and anything that's dropped into here will take on any of the parameters that we apply to this drop zone. So yes, you can animate it using Position, Scale, all that same sort of thing. It's just not giving you the same visual benefit that you get by using an image as your source for your drop zone.

One last thing about drop zones, after they're built, it's very easy to customize within Motion, but when you take this a step further and create templates for Final Cut, the drop zones will transfer into there as well. And don't worry, we're going to be covering how that works as we continue to move through the rest of this chapter.

Show transcript

This video is part of

Image for Motion 5 Essential Training
Motion 5 Essential Training

77 video lessons · 25113 viewers

Ian Robinson
Author

 
Expand all | Collapse all
  1. 14m 18s
    1. Welcome
      1m 6s
    2. Learning important definitions
      8m 13s
    3. Using the exercise files
      1m 37s
    4. Relinking missing media
      3m 22s
  2. 49m 41s
    1. Launching Motion for the first time
      4m 3s
    2. Navigating the interface
      9m 27s
    3. Creating and transforming objects in the Canvas
      6m 9s
    4. Controlling the Timing pane
      6m 29s
    5. Setting essential preferences
      6m 41s
    6. Customizing the keyboard
      5m 5s
    7. Using RAM preview and audio controls to get smooth preview playback
      5m 26s
    8. Introducing markers and audio
      6m 21s
  3. 26m 9s
    1. Adding assets to a project
      7m 56s
    2. Using the Library
      6m 4s
    3. Working with layers and groups
      6m 9s
    4. Understanding and using blend modes
      6m 0s
  4. 31m 15s
    1. Adding and adjusting behaviors
      7m 5s
    2. Adding multiple behaviors
      6m 31s
    3. Trimming and sliding behaviors
      8m 40s
    4. Using custom presets to create a slideshow
      8m 59s
  5. 29m 49s
    1. Animating manually using keyframes
      7m 49s
    2. Using the Record button
      6m 28s
    3. Manipulating keyframes with the Keyframe Editor
      10m 9s
    4. Combining keyframes and behaviors
      5m 23s
  6. 52m 33s
    1. Adding and formatting text
      7m 50s
    2. Using text styles
      10m 36s
    3. Formatting with the Transform Glyph tool
      5m 33s
    4. Animating text
      11m 17s
    5. Working with text on a path
      8m 16s
    6. Creating credit rolls
      9m 1s
  7. 31m 19s
    1. Match Move: Four-corner pin
      7m 25s
    2. Match Move: Transform
      11m 27s
    3. Stabilization
      5m 4s
    4. Retiming footage with behaviors
      7m 23s
  8. 16m 42s
    1. Applying and adjusting filters
      4m 18s
    2. Applying multiple filters
      7m 32s
    3. Timing a style with filters
      4m 52s
  9. 33m 35s
    1. Creating and adjusting shapes
      10m 7s
    2. Using shape behaviors
      7m 40s
    3. Creating and adjusting masks
      10m 47s
    4. Creating masks with objects
      5m 1s
  10. 34m 3s
    1. Using the keyer to composite green screen footage
      7m 28s
    2. Refining a key
      11m 6s
    3. Using masks to refine a green screen composite
      7m 54s
    4. Color-correcting elements to match within a green screen composite
      7m 35s
  11. 50m 2s
    1. Understanding generators
      4m 52s
    2. Applying text generators
      5m 41s
    3. Creating particle systems
      5m 49s
    4. Making adjustments to a particle system
      7m 33s
    5. Using particle behaviors
      5m 18s
    6. Creating paint strokes
      6m 58s
    7. Animating paint strokes
      4m 57s
    8. Using the Replicator
      5m 1s
    9. Replicating video
      3m 53s
  12. 47m 28s
    1. Viewing a scene in different layouts
      7m 17s
    2. Working with lights
      8m 12s
    3. Adjusting lighting and reflectivity
      9m 13s
    4. Creating and adjusting shadows
      4m 3s
    5. Creating replicators in 3D
      7m 50s
    6. Creating particles in 3D
      5m 7s
    7. Creating text in 3D
      5m 46s
  13. 42m 14s
    1. Working with cameras
      9m 3s
    2. Creating depth of field in a composition
      4m 55s
    3. Using camera behaviors
      9m 53s
    4. Create interest with the Focus behavior
      7m 26s
    5. Animating cameras with camera framing
      10m 57s
  14. 16m 36s
    1. Adding and adjusting audio
      9m 29s
    2. Adding audio markers
      7m 7s
  15. 17m 37s
    1. Sharing files
      6m 58s
    2. Creating a pre-render
      7m 5s
    3. Archiving a project
      3m 34s
  16. 26m 5s
    1. Creating drop zones
      4m 21s
    2. Setting up rigs: Slider rigs
      6m 56s
    3. Setting up rigs: Pop-up rigs
      4m 49s
    4. Making templates for Motion
      4m 3s
    5. Making templates for Final Cut Pro
      5m 56s
  17. 1m 32s
    1. Goodbye
      1m 32s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold

Are you sure you want to delete this note?

No

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.