So today, on Macbreak studio, I thought I'd do something
a little different and bring on a guest artist. Her name is Jenn Jager
and I came across her at the Final Cut Pro
Global Summit last November. We were both teaching sessions
there and I thought what she was doing was great
and I thought, why not have her on the show
and have her do her own tutorial about motion? So here she is to tell
a little bit about herself and check out her tutorial. Hey,
Mark, thank you so much
for having me today. I'm really excited to be
here with you and talk about my favorite program,
Apple Motion, which I've been using
for a lot of years now, ever since I've been
editing on Final Cut, maybe 10 15 years, and I've really just
grown with Apple Motion and grown to love it so much. So much so that I actually
have my own YouTube channel just dedicated to Final Cut
an Apple Motion Tutorials, which you can find under Jenn Jager
Pro tutorials if you guys are curious about that, but I'm really excited to show
you how to make a looping background using
the sequence replicator behavior in Apple motion. OK, here we are,
an Apple motion, I'm working in a 4K project
today in my project, duration is 15 seconds long. The first thing I'm going to do
is head on over to generators. We're going to find the gradient
and drop that here into my project pane. And let me just change these
colors to the color scheme that we're going
to be working on today. The next thing I'm going to do
is head on over to library. We're going to look for shapes
and we're going to select this triangle and drop
it into our project pane on top of my gradient. We're going to change the color
of this triangle to a green that's just a little bit darker
than the green in my gradient. The next thing I'm going
to do is head on over to the shape tools here
in the center of my screen, and I'm going to select the line
option and I'm going to draw a straight line down
through the center of my triangle. I'm going to hold down the shift
key on my keyboard as I do this to make sure that my line
is perfectly vertical and I'm going to head on over
to properties and reset my parameters to make sure that my
line is perfectly centered. Now let's head on over
to shape and that inspector window and make this line
a pink that's slightly darker than the pink in our gradient. And let's change the start
and end caps to square. And let's reduce
the width to 15. The next thing I want
to do is change the anchor point of this line, so I can do that by heading
on over to the tools menu down here at the bottom
left of my canvas, or I can just right click
in the canvas and select Anchor Point. Now I'm going to use this green
arrow here to raise my anchor point on the y axis.
So when we rotate this line, it doesn't rotate right
from dead center. It's going to rotate
more toward the top. OK, so those are all the elements
we need to make. Now let's select this line
in our Project Pane. Head on up to the top right
of the screen and hit this replicator button. And now you can see
we have many different versions of that line, and if you look at my
project pane, I have this replicator here. And then if we look at
the inspector window, we have a replicator tab with a
lot of adjustments that we can make. The default is a rectangle shape
and the arrangement is a tile fill, which is what we're going to be
working on today. But if you haven't played
with the replicator, I definitely recommend
hitting this dropdown and checking out all
the different shapes and arrangements that you can
do with motion. Let's look at that size value.
We are at 300 by default, but if we drop down on size, I can increase the width
and height individually. I want to increase the width
so it's wider than my canvas. And let's do the same
for the height. And now let's play with the
number of columns and rows. The default is five.
If I raise this slider, you can see I get more
versions of my lines. Let's set this one to 10, and let's leave
the rows the same. Now what I want to do
is rotate these lines so that they're more
on a diagonal. What I'm going to do today
is look here in my project pane underneath the replicator. I have this line with this
circle next to it, and the original line
that I drew is actually turned off. So if we select the line
under the replicator and look here in our inspector, I'm going to change the angle
on this to throw. And now you can see the lines
are disconnected, whereas before
they were connected. Let's fix this by heading
over to our project pane selecting Replicator again, and let's look at this setting
here called tile. Offset by changing
the tile offset, I can get those lines
to connect again, which is what I want. And I want to make sure
they're overlapping slightly for this particular design.
All right. The next thing I want
to do is get another set of lines just like this, but going in the
opposite direction. So what I'm going to do
is select this replicator in my project pain. I'm going to right click and I'm
going to hit duplicate, so I have another copy
of that replicator. Now let's head on over
to filter's distortion and select flop. Now we've reversed
that second replicator, so I have this diamond pattern
just to say organized. I'm going to rename these
objects in my project pane so we can keep track
of what we're doing. Let me extend this out a little
bit so you can see, OK, now I'm going to go back
to Replicator Line one and I'm going to duplicate
it again and drag up that copy all the way
to the top of our group. So now we've got a third duplicate of a replicator, but I want to replace
the lines with the green triangle that we created at
the start of this project. The first thing I'm going
to do is just rename this replicator again replicator
triangle so I can keep track of things. And down
below this replicator, you can see we've got
this lined copy one. If I select this, you can see in my object source
there is that pink line. But watch what happens here. If I grab that green
triangle and drop it into that box, we've replaced the pink line
with the green triangle. Now I want to turn off
that original green triangle. Watch what happens in my canvas.
It disappears, and let's rename that object
source just so we stay organized. Back
on the replicator triangle, let's increase the number
of columns to 11 and increase the number of rows to seven. And then let's select
the object source of our green triangle
in that replicator and reduce the scale. And let's change the rotation of these once to 60. Now let's go back
to the replicator triangle level and let's
change the tile offset here. What I'm looking for is for at
least one of the rows of these triangles
to align with one of the diagonal lines. It's going from top to bottom
in our screen. So we know we're working
at the right angles here. All right. So the next thing we need
to do is try to reposition these triangles so they
are centered in our diamonds. And I could see the need to be
spaced out a little bit more. So let's head back to our
replicator on the size value and increase the width
so you could see we're not increasing the number
of columns that we have. We're just spacing them
out more. So you can just keep playing
with that value to make sure that you get your elements
aligned in the way that you want. So now we've created
all of our ailments, now we need to animate
them and have some fun. The first thing we're going
to do is select Replicator Line one. Let's head an up to behaviors
at the top center of the screen. Let's head down to replicator. And then there's only one
behavior in there called the sequence replicator.
Let's select that. Now here, under behaviors in our
inspector window, you can see the sequence
replicator and we can add parameters to the animation
of this line. So for
this particular replicator, I'm going to hit this dropdown
for add, and we're going
to add a rotation. We're going to add an opacity. And we're going
to add a position. And now let's adjust these
values on the rotation, I'm going to set
it to a full 360. And the opacity let's
bring it down to about 25. And the position we're just
going to adjust the Y value, we're going to bring
that to a positive tone. All right, now, let's look below here
under sequence control, under sequencing, we're going to go
from two to through. We're going to leave the unit
size set on object. We're going to change the spread
to 20 on traversal. We're going to change
this to accelerate and for loops, I told you that this project
is 15 seconds long. Let's sit this one to four. So it's going to loop four times
over 15 seconds. All right. Let's look at what we have a run
my play head down the timeline. You can see the action
originates from the center. Let's change that. Let's make sure we're
on the replicator in our project pain. Now let's hit the Replicator
tab in our inspector window and draw attention
to this line here, origin. We're going to change
it from center, which is the default
to lower left. So now let me run my play head
again in my timeline so you can see the action
now originates from the bottom left of the screen. Now let's head down
to our timeline find that sequence
replicator behavior. Let's copy it and paste it to
our replicator line to. But because we flopped that replicator line to some of our actions are going to be backwards, we're going to have to make
some adjustments here. Back in the Behaviors tab. Let's change the rotation
from 360 to Negative 360. And then on the Replicator tab, instead of originating
from the lower left, we're actually going to set
it to lower right because everything's
backwards now because of that flop filter
and now all matches coming from the lower left. Now, let's draw
attention to those green triangles, let's select them
in the project, paint head on over
to behaviors good and a replicator
sequence replicator. And on these parameters,
we're going to go rotation, color and scale. Let's set the rotation to forty five. For the color, let's pick a sort
of darker teal color. And on the scale, we're going to dial it all
the way down to zero. Now on the sequencing, we're going to change
it from two to through. We're going to leave
unit size on object. We're going to change the spread
to twenty four traversal. We're going to go to accelerate
and for loops again, we're going to do four.
And again, let's head on over
to the Replicator tab and go from center on the origin
to lower left. And here's our action,
it looks great, but I do want to make
some other adjustments because this is a background, so I want to soften
things up a little bit. So on the replicator triangle, let's head on over to filters
and we're going to go to blur Gaussian
blur and where to crank that up to see one. Now,
for both of the lines, replicators, let's just dial
down the opacity so they're not quite so bright.
And let's play back. Thanks, Jenn. That was
really great. I love working with Replicators.
Hope you guys enjoyed this. Please leave us a comment below.
We'll see you next time. Here on Macbreak Studio.