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.