In
The property changes assignment, we're trying to get you used to creating symbols
adding motion tweens and then creating multiple property animation changes
And we're gonna do that by asking you to?
Change the properties or animate each of the properties in isolation on different objects with those properties names
So in this particular assignment what you want to do is
You want to lay this out you can choose whatever colors fonts, and how you lay it out
It's up to you. Just make sure you leave kind of a bigger space for
What we're gonna consider the multi property animation this could be a text like this one and it can be whatever word you want it
To be or you can make it a shape or an illustration whatever you want to do
But for each one of these what I would do is choose a chunky font my impact is gonna
Be really great for this so that you can see the animation
Clearly like gradient glow in gradient bevel have a hard time if it's not a chunky font
so create each one of these in their own separate text box and
Make sure that brightness is not white so you could have made these whatever color you want
Just be careful because your drop shadow if your drop shadows black and your stages black
You'll never see it so you can make your drop shadow pink in your stage black
Or you can make your stage a different color and then leave your drop shadow black. Just remember to pay attention to those contrast issues
All right, so what you need to do is once you've laid this all out
Don't worry about layers and names because we're gonna do something that helps this go really fast
So you're gonna click on each one and go to modify convert to symbol and make it a symbol with a unique name
So I've done that for the majority of these here
I have two more left to go and this animation, so I'll do that with you now
So I'll go up to modify and choose convert to symbol the keyboard shortcut is f8
So I'll go ahead and click that and then name this MC
gradient
bevel and
Make sure it's a movie clip and then click OK so the same thing for each of these modify convert to symbol, MC Glow and
For this one my multi property one
Convert to symbol, MC
animation and then click okay
So the great thing is once these are all movie clips what you're gonna want to do is right click and choose
Distribute two layers, that's gonna make each one of those go to its own layer
And the layer will be named based on whatever you called the movie clip so it's already really organized with within
Seconds so get rid of any layers
You don't need after the fact and then each one of these you're gonna actually turn them into animation so it
would make sense to highlight all of them, and then go to modify and
Insert motion or go to insert and then choose motion tween
So that means that each of these now has a motion tween it only lasts for a second though
Which can be kind of crazy and hyperactive so you can highlight all of these?
Let's see
Mmm click and then hold shift
Mm-hmm let's see I'm trying to figure out. What is the best way to do this?
I'm holding shift
To select all of them, so that way I can hover around the right edge
So I can drag it out to the hundred and twentieth frame that means that this is going to be five seconds
So just doing those all at once. That's awesome. You could have done them
each individual
Individually by clicking and dragging out to one hundred and twentieth frame if you want to um, but there we go so
Let's do that one more time
and
Drag it all out. So they all end at the same time now in order to create a perfect loop you want your
first keyframe to look exactly the same as the last keyframe so
You want them to be in the same position same color same size
Etc so that you don't get these weird movement hiccups
So what you can do for that is you can copy this first keyframe
Onto this last keyframe because it'll copy all the properties of that
keyframe onto it so it's going to create a perfect loop and
Since we're here we can highlight
We can go to each one of these
Click on each one and you don't have to worry about
Animation because we might not want that there make sure you play ads on frame 120
Click on each one and hit the f6 key on the keyboard
which
I'm gonna undo cuz I'm gonna way
It's doing that so I'm gonna again click on that and hit f6 so why that did that I have no clue
But I'll click on scale hit f6 rotate f6
brightness f6 so see how it's adding these final keyframes and
Those are the exact same
Settings as what you had on the first keyframe, so it's gonna create an awesome perfect loop
You don't have to do that with animation because that one
You can choose to have a perfect loop or not. It's up to you so for each one of these
You're gonna come in here, and you're gonna change the property
So this one is movement so we want to change the movement of this
We don't want to scale it or rotate it or change the color. We just want to do whatever it's named for
So right now
It's at a specific XY coordinate so I can move to a little bit later in time click on that object
And then I can either change the XY coordinates here, or I can just move it so at this point in time
Maybe I want it to move this far our left this point in time. I want it to be this far, right
This point in time. I want it to be a little bit left again
Maybe a little bit more and then it's gonna go back to its original position so if we watch this
You're gonna see that. It just moves the other stuff hasn't done anything because we haven't made any real property changes. They're all the same
So now with scale we'll click on that one, and we'll say at this point in time
And you can have them perfectly lined up if you want to or they can be you know this first
Sub keyframe can be off center. It's up to you, so let's say this first one
I want to change the width and height so I can make it small that way and then I can make it
big
By clicking on it in going here
What I like to do. I'm gonna undo that is
It kind of gets off-center when you do it that way so by doing command or control Z
I
Think I just moved the movement why the scales not going away
Okay, so now. We've just messed up the movement. I say we but I mean me
So we're gonna move that over
and fix that
Okay
So for the scale what I like to do, and maybe I should just lock all these other layers
You got to get used to locking layers and animate because things really start to mess with each other
So I'm gonna come here, and I like to actually use the transform tool. That way it's gonna actually
Scale in from the center
So I'm gonna hold the shift key to make sure it doesn't do any weird squashing you can do squashing if you want to
Just to see what it looks like but in general. It's not a good idea
so then I'll hold shift to make this a lot bigger and then make this one smaller and
Then finally it's gonna go back to the original size so for rotate you can
Do that transform tool and you can rotate it at an angle
By doing it this way
Or
You can actually I'll undo that
click in the tween
click on the object and then
I'll switch to the move tool click on the tween and then you can see the rotate zero times
So if I choose six times it'll rotate six times within the five seconds that we have in our animation
So let's see what we have so far
Okay, so you're just gonna keep doing that with all of these um the next ones brightness tint and alpha are all color
Effects so I'll show you where you can do those
alpha is
Transparency so it's from 0 to 100 zero is totally transparent. We can't see it 100 is totally opaque
We can see it full strength
Tint is just changing the color so for at int what you want to do is come to color effect
And this is again where you can find brightness and alpha
But I'm gonna choose tint cuz that's the one that sometimes people have a hard time with you can change your tint color here
so I can color pick and choose red and
Sometimes it'll say
0% and so you choose red, and it doesn't turn red, and you think it's not working
And the reason why it's not working is just because of this percentage so make sure you play with those settings
But if I turn it red here, I can come back and say okay at this point. I want it to turn
Blue, and I want it to be a hundred percent and then at this point after red maybe I want it to be
pink or maybe kind of a purple and
There we go so it's changing colors there, and then I can change the last color and
Maybe make it a pink okay
so
For each of those you're gonna. Just have to mess with the settings for brightness tint and alpha
And then you also have these other options
Which are called filters now for each movie clip you can only add one color effect
But you can add multiple filters in this instance though
You just want to add the one filter that it's named for unless you're working on this object up here
Whether it whatever it may be
Because you need to have four for this one or at least four for this one and one has to be a filter and one
Has to be a color effect, but if you want to add two filters, that's absolutely okay
So for drop shadow and all these others up here or all of these
They are all filters, and you add them by going to this filter section and then going to whatever filter
You're wanting to work with and then just know
That even though you've created the first and last keyframes sometimes it gets a little bit weird
So I'm gonna click on this and say okay
I want it to be 0% at this point
And then I want it to get really strong and be a hundred percent and then maybe I want to
drop it back down or
Make it a different color or maybe do a knockout or
do an inner shadow so
It's just a matter of moving this playhead and changing those properties and for each one of these
I need to see a couple of different
animations or property or
Not property like you don't want to add two different properties onto drop shadow
But I shouldn't just see the drop shadow come in and that's it
I should see it come in go out come in and get stronger come in and get blurrier
etc so you should have multiple kind of sub keyframes in here and
Then finally with the animation
This is the last piece you're gonna do and this is where you're gonna do multiple property changes
So let's say for the starting frame. I wanted it to be
Smaller
and
Maybe I wanted it to rotate
So I'm kind of positioning it the way I want it to look at this first keyframe, and maybe I want it to be
blurry, so I'm gonna make it really blurry and
Then maybe I want it to be
Faded out, so I'll do 0% so it looks like it's not even there
And then I click over here to the last keyframe, and I say okay by this point in time
I want it to be fully 100%. I want it to be fully clear. I want it to be
rotated and
I think I'm gonna scale it up and hold shift, so then it should do a fade in
Rotate
Scale and go from blurry to clear so that's your multi property animation
So when you're done, don't forget to publish by testing it out, and you can test it out by doing command return or ctrl enter
Seeing if it works make sure everything's working correctly and when it is then you can come up here and choose
File publish and that will give you the HTML
swf and this Fla file which you need to zip and send in and put into the drop drop box in d2l
So hopefully after this particular assignment, you know how to do all of the different property
animations and how to combine them onto one object