In this tutorial, we'll be using layers and the onion skin feature to quickly create a bouncing ball animation.
The first thing to do is draw the actual ball image at the desired size relative to the overall
canvas size, then right click the line tool and choose "curve mode" and left-click drag and release to set the horizontal distance of the
curve, then drag up and click to set the height of the curve and create a guide for the bouncing movement of the ball
Now press the comma key and then right click on anywhere in the background of the canvas to set that color as your background or
erasing color.. then press the "B" key and right click and drag a selection rectangle to
simultaneously pick up the ball image and erase it from the canvas.
Right-click in the brush container to store a copy of the ball image into one of the brush slots for future use.
Pressing the period, key will bring you back to a single pixel brush. Now we're going to add a previously created
Background image to our animation the first step is to simply drag its thumbnail from its folder into the canvas of Pro Motion.
This will load it in as its, own project you can, now toggle between the animation project and the background image
by pressing the "page up", and "page down", keys or by clicking on their respective tabs below the canvas
Now, let's create a new image layer by
Clicking the "new image layer" icon and left-click and drag it so that it's beneath the original layer in z-order.
Double-click on the new layers name and rename it.
Now select the original layer, right click on the checkerboard box near the top left
Which represents transparent.. press the "F" key for the flood fill tool, make
sure it's "isolated fill" option is not checked on and then right-click on the background of the layer to make it transparent.
Now click on the layer we renamed to background, and right click on its "FX" icon, choose "display other project",
click, "Add" and select the second project, from the drop-down list, which will be the background image we previously loaded.
Let's now save to ensure any problem such as a power outage won't cause us the need to restart from scratch.
Because we set the background layer of our animation project to show the background image file
we need
to save both as projects. If we were only to save the actual animation project and not the background image, the background
would not be displayed when you reload. Choose "file/save project as" and save the actual animation project, then
press "page up" or "page down" to get to the background image and do the same, this time choosing an appropriate
name for the background image project file. Now
you'll see if we check
Back into the layer setting for the background layer it's
Updated the name of the project it's displaying to match whatever you name the background the image project file
Let's rename this layer to guide, by double clicking on its name and then typing the new, name and clicking, ok?
And let's reduce its opacity a bit so we can, still see it but it's a bit less distracting
Create an animation layer
by clicking the "add animation layer" icon and double click on its name and rename it to "ball". Now choose "animation/
Number of frames" and set the number of frames to 24 and click "OK".
You'll notice our guide layer is currently only visible on frame 1.To fix this, right-click the name of the layer and then select
"Turn into image". Now it's properly displayed on all frames. Now
make sure you have the ball layer selected, lock the other layers so you can't accidentally draw
on them, and let's start animating. Left click the ball image from the brush container
and make sure we're on the first frame. You can
Press "Shift" and the "1" key
above the letters on the keyboard to instantly go to the first frame. Left click to draw the ball into the first frame at
the beginning of its movement path, then
Use the "2" key to advance a frame and left click again, to draw the ball a little further
along in the path. You could keep using the "1" key to go
back a frame and the "2" key to advance a frame in order to make sure your positioning of the ball is
progressing correctly, but there's a much better way to do this. Click on the "light table settings" icon here and a pop-up will appear
which lets you control the level of opacity of frames before and after the current frame, as
well as whether or not they are color tinted or displayed as a solid color.
Adjust the settings as you see fit and okay. Now
click the "light table" icon for the ball layer to activate the onionskin mode for the animation layer. Now
we can
see the position of the ball in the previous and future frames,
making proper placement in any given frame much easier to determine. As you place the ball in each frame
remember the motion of the ball
Is slowest toward the peak of the arc and is fastest just before hitting the floor. When
you get to the frames where the ball should hit the floor, hold "shift"
And press the "Z" key in order to get into "Free
Transform" mode for the brush, and left click and drag to change the shape of the ball
So that it's vertically squished and a tiny bit wider than it originally was.
Once you've moved on to the next frame you can
either press "Shift B" to restore the ball brush to its original round shape or left click the unsquished
original in the brush container to restore to that version.
Just follow these same steps until the ball completes the movement path and is off screen.
Now that all the frames for the ball are done, let's turn the onion skin
Aka, light table mode back off and hide the guide layer. The next thing to do
Is set the FPS or "frames per second" for all the frames. Click the small "FPS" icon
near the bottom right set the fps to 12 frames per second click "ALL" and then click, "OK". Now
Press the "4" key, above the letters on the keyboard to play the animation to check it out. You can
stop the animation from playing, by pressing the" escape" key. This animation
Is pretty much done, but will add one more effect to enhance the sense of impact when the ball bounces.
Create another animation layer by clicking the "add a new animation layer" button, and rename it to "impact flash". Now
go to the first frame where the bounce occurs and use the basic drawing and erasing tools on this new impact
flash
Layer and draw a simple impact flash frame. Once you're happy with it, advance one frame
With the "2" key and draw a second frame to make the impact
flash spread and fade away. For the purpose of this animation just the two frames are enough. For a little extra effect
let's reduce the opacity a bit for this impact flash layer. And now for a Little trick to save us some time.
Select "brush/
Animbrush/settings" from Pro Motion NG's menu and set "frames to grab" to 2 and click
"Ok". Now go to the first frame, where the impact flash starts... make sure you
have the impact flash layer selected, press "B" and hold the "Alt" key
while you are left clicking and dragging to select the impact
flash
Layer. You now have a copy of that two frame animation as your brush.
Just use the two key to advance until you find the next frame
where a bounce starts and left-click once where the impact flash needs to be.
You'll see that the Animnbrush has
automatically advanced to its next frame, so just press the 2 key one time to advance to the next frame of the entire
animation
and left click one more time in that same spot. Repeat this process anywhere else in the timeline if there are more
instances of the ball hitting the floor. Press the "4"
key one more time to see how the animation looks. If you're happy with
It, save the entire project one more time and then you're ready to export the animation as a standard, non layered
Animation file. Choose "file/save animation as" and choose whichever animation file format you'd like,
and type a name for your file. Make sure it's set to export all visible layers, along with their effects and click, "OK".
Depending on the file format you selected, you may also have options to choose which codec the animation
uses for graphic compression and then click "OK", again.
Then Pro Motion will save your animation, and you'll be able to play it back in any video or gallery program
which supports that file format. Thanks very much for watching and happy creating with Pro Motion NG!
Không có nhận xét nào:
Đăng nhận xét