hello your tech admin here and today I'm
going to be showing you a basic tutorial
on animating with sprites in Macromedia
flash 8 so first off of course you're
going to need some spreadsheets so I'll
show you a couple of sites that I
recommend that you use because they are
awesome ok so the first one is video
game sprites net video game sprites net
now this one doesn't have a very large
collection of sprites but if you don't
want to go through the hassle of having
to go through and separate all your
sprites from the sprite sheet manually
which I'll be showing you how to do
later on the site already has them
separated and you can pretty much just
right click the mass separate in right
click and save them as separate images
and not as a whole bunch so if I right
click this guy saved them it would right
it would save just him nothing else so
that's pretty useful if you're just
getting started but um if you won't hold
sprite sheets then for sure any spriter
knows about on the
it's writers resource so here it is
spiders resource um there's this main
page and this site pretty much has so
many sprites it's ridiculous like almost
in the game you can think of it as
sprites for it so this is a great site
too if you're going to going to want to
be using whole spreadsheets so we'll go
ahead and launch flash 8 and if you're
using Windows 7 with Aero which you see
I was using but on Windows 7
automatically turned off arrow because
our screen recording in my processor
usage was going up and everything so
it's which set off automatically but um
if you're using arrow and you launch
flash 8 inside of Windows 7 it will
automatically turn arrow off because of
some incompatibility with the program I
don't know what that s doing but about a
switch my um I don't really like the
basic theme it kind of hurts my house so
I'm going to switch over to something
I'm pretty sure everybody's pretty
familiar with which is the Luna theme
that was default with Windows XP
so there's that so once you open up a
shade it's gonna look exactly like this
you're gonna want to hit go ahead and
just um create new flash document and
you'll be presented with this and you'll
see your stage right here and your
library which is empty right now so
first as far as you can go ahead and
import your own your sprite sheet or
sprites that you downloaded you're just
going to go to import to library and
here's a Super Mario Brothers sprite
sheet that I downloaded from a surprise
resource you can open that and first
things first I'm going to right click
this and I'm going to go to properties
and I'm going to make sure this allows
smoothing is unchecked and that this
compression is a lossless PNG /give okay
now that you make sure it's on that
you're going to close that and go to
insert you symbol and name this whatever
you want I'm gonna name it Mario
spritesheet
okay and make sure it's the type is set
to graphic just press ok and it's going
to present you with a new page and
you're going to be pretty much editing
inside the symbol you just made we're
going to do is grab your sprite sheet
that you imported and just drag it over
here and the reason I'm doing this this
way is so that I can resize this to
whatever size I need because you can
tell right now the sprite sheet is
pretty small end if you use this on a
movie it would look pretty ridiculous
so we're gonna go ahead and resize this
to a bigger size and what you gonna do
is hover over the corner and you'll see
the little diagonal arrow come up and
you're going to hold down shift and
you'll see it changed a little line in
the middle will go away you're just
going to grab it and drag it out and
what that does is tells it to maintain
the aspect ratio so that doesn't get
stretched in some weird way and looks
all crazy so I'm just going to drag this
out twice
and that looks pretty good so next um
I'm gonna head going to go ahead and
break this apart so that can work with
all the different pieces because right
now it's just acting as one big symbol
as you can see if I try to select some
it just selects the whole thing as one
huge picture so we're going to break it
up into little pieces that can be used
separately and um sorry about that was
my sister coming in to say hi so pretty
much I'm just kind of go to modify and
then dump the bitmap and trace bitmap
and then once you get to this dialog
right here you're going to make sure
that your color threshold is set to 100
your minimum area is set to 1 and your
kerb to fit is set to pixels and your
quarter threshold should already be on
normal so you're going to go ahead and
press okay and then this will come up
and you're going to let that do its
business you have to excuse the music in
the background there uh playing around
in there
okay and once that gets done you're
gonna see everything selected like this
and it's gonna be it's gonna look really
funny but just because it's all selected
so you're just gonna yeah right left
click over it's next to it and it's
gonna clear out and there you go you can
pretty much grab separate parts of this
now like this guy and do whatever you
want to with them which is what we want
so next I'm going to show you how to
animate sprites to do your aha
evil bidding so first I'm just gonna
make Mario run pretty much so I'm going
to slit a-runnin sprites which are these
three right here and I'm gonna
right-click and copy them okay then I'm
going to go up to insert and oops click
something mean to insert new symbol and
I'm going to name it Mario
running you get whatever you want of
course but um I'm just going to stick to
something that I'll be able to recognize
and understand what it is now under here
under type you're gonna make sure that
on the tick box is on movieclip now
you're just going to press ok and once
again it's going to open up a new
editing field now you can go ahead and
paste in what you copied earlier let's
paste that in Center and on if anybody
is animated before you can tell that
these sprites are out of order so I'm
going to go ahead and fix that real
quick this sprite goes first if you
don't know then this one then this one
so I'm just going to drag him out and
select these and cut them okay so I'm
going to turn onion skin on and I'm
going to simply press f7 to insert and
you blank keyframe I'm pretty sure
that's what that does anyway it would
just make a new frame and once you have
onions Knable you'll see a little light
outline where that used to be and that's
going to be very helpful for lining up
these sprites because they're not lined
up right your animation is not going to
look right so then you can just go ahead
and go to paste again those other two
that you cut earlier will come back and
you're just going to grab the other one
that goes next and you're just going to
try to line up a good point of reference
for lining up Mario is his hat because
it never moves it stays in the same
position and the way I'm moving it one
pics a lot of Thomas by using my keys
and if you hold shift and hold down and
press the arrow keys it will move ten
pixels out of time instead of one so
that's a handy little tip for a lot of
things up so once you're pretty sure you
have it lined up you're just going to go
them down here and cut this guy again
first f7 and paste them again the
shortcut for pasting in places ctrl
shift V or you can just press control V
it's up to you really or you can go
through the menu and hit edit like I did
earlier okay so we're just gonna go
ahead and line him up again mmm no look
hang on raise them up one pixel that
looks about right now to test it
you're gonna go to control and then go
to loop playback and then you're just
simply going to hit enter and there
you're going to see the animation as you
see he's not really doing much jumping
around or anything so it looks like I
pretty much did that correctly so now
we're going to go back to scene 1 up
here in the top and it's going to bring
back our stage and I'm just gonna put
Mario running in here and then to test
any movie pretty simply pressing enter
is not going to play on animations that
are on that are posted pasted into the
screen as you see when I was editing
this it was animating when I pressed
enter but now that I'm outside to think
if I press ENTER it does absolutely
nothing so what I'm gonna pretty much do
is hit control enter and there you can
see that's what it looks like so far we
have Mario running in place so that's
pretty easy and I'll probably be making
more guides in the future probably
pertaining to making you like Mario is
running across a screen both by just
simply putting them in here each frame
and also by creating a motion tween with
the ground below him which will actually
move backwards while he stays stationary
to get the illusion that he is running
forward thanks for watching rating
subscription comments are always helpful
and I'll talk to you guys next time