Working with Video Game Sprites in Flash

In this quick tutorial I show you how to apply a tween animation to an imported animated gif.

Advertisement

159 Comments

  1. ToucanSam says:

    lol animated jifs?? Like peanut butter jk jk nice tut bro

  2. Lance Hairdo says:

    Don’t be an idiot. It isn’t pronounced that way.

  3. ISAMAR ZOE says:

    i want the software!!!!!

  4. Jordon Nathan says:

    What Website for the sprites?

  5. SHINBAXTER says:

    INCREDIBLY HELPFUL. INCREDIBLE TUTORIALS INDEED LOL=)

  6. karolekk says:

    Hi guys, I’ve uploaded a new video its a tutorial! Useful for new gamers! I’ve also got a few gameplays on my channel! It would be nice if you had a little look! Thanks everyone!

  7. sierraninjaface ozumar says:

    dos this work in adobe flash CS3 ???

  8. Christos Komis says:

    why are you calling it a character? he’s called Mario!

  9. KPGaming09 says:

    The amount of remedial cunts that didn’t get the joke are killing me.

  10. TheBigbass317 says:

    he means “gif” which is a picture file but it is pronounced like “jif”

  11. BigFatSumoDude says:

    That looks awesome! Thanks alot dude

  12. Alex Brian says:

    hello bro can you give me the tutorial make games super mario bross by adobe flash cs 3 ? thanks your video bro

  13. Tregoone Thren says:

    Thanks a lot ;)

  14. wakeupscreaming says:

    I pronounce “.gif” as you would “gin”. Only ‘tards pronounce it like you would “guitar”.

  15. supersaiyan3062 says:

    brand of peanut butter ma’am or SIR

  16. buneary231 says:

    Can I animate my own character? Or do I have to user from some list…

  17. AngryPongGuy says:

    Pretty sure it’s “Jiff” and it’s a peanut butter BRAND, Not peanut butter itself.

  18. Andy Uribe says:

    how do i make the image bigger or smaller? help!!!

  19. p0ngplay3r says:

    Thank You.

  20. KRAnimationsUK says:

    only create one keyframe on the time line and put you background and character on itconvert your character to a movieclip and type this into the actionsonClipEvent(enterFrame){ speed = 5; if(Key.isDown(Key.RIGHT)){ this._x+=speed; }else if(Key.isDown(Key.LEFT)){ this._x-=speed; } }check out my tutorials for more help

  21. mkkraze says:

    Okay that’s great, everyone keeps showing how to do ONE ANIMATION in their tutorial, but no one explains how do you load a new animation. What if I want mario to turn around and jump to the left side of the screen after he runs to the right? inserting a new blank key frame removes my background completely. Is there a thorough and complete tutorial that anyone can recommend ?!?

  22. KUWAITIGAMER1985 says:

    spritesdomain.blogspot.com/

  23. AdobePhotoshopCS3101 says:

    Awesome thank you!!!

  24. carmz0r says:

    rite, u caut mez0rz. o u and ur grammer wizard wayz.

  25. carmz0r says:

    [..YouTube..] rite, u caut mez0rz. o u and ur grammer wizard wayz.

  26. pedrolioni says:

    right.. u proberly just saw u mispelt Gif and said that

  27. pedrolioni says:

    [..YouTube..] right.. u proberly just saw u mispelt Gif and said that

  28. carmz0r says:

    And two years later, people can’t catch I was joking. lolololo

  29. carmz0r says:

    [..YouTube..] And two years later, people can’t catch I was joking. lolololo

  30. pedrolioni says:

    its Gif what he said…

  31. pedrolioni says:

    [..YouTube..] its Gif what he said…

  32. MrHonkerdoodle says:

    i dont have classic tween

  33. [..YouTube..] i dont have classic tween

  34. [..YouTube..] I have one question. I’m trying to make a animation with gifs by following this tutorial, and everything was going fine, until I noticed that the gifs loop. I don’t want them to loop, I want them to play onlly once. My “Ryu” from “Street Fighter” does a taunt and he makes the taunt like 5 times in 200 frames. I want it to make the taunt 1 time in 200 frames. Can you understand? Hope someone replies, it is really important. Thank you, loved the video!

  35. mojahed suleeman thaheer says:

    tooooooooooooooooo niiiiice :)

  36. [..YouTube..] tooooooooooooooooo niiiiice :)

  37. [..YouTube..] tooooooooooooooooo niiiiice :)

  38. jetsparks17 says:

    wow i have to stop looking at boobs…i thought you wrote “your tits are some of the best” XD

  39. jetsparks17 says:

    [..YouTube..] wow i have to stop looking at boobs…i thought you wrote “your tits are some of the best” XD

  40. Tama Re says:

    wats your name on facebook

  41. Tama Re says:

    [..YouTube..] wats your name on facebook

  42. tama1Re says:

    [..YouTube..] wats your name on facebook

  43. BombBooReviews says:

    is this copyright?

  44. [..YouTube..] is this copyright?

  45. TheTimelsRight says:

    I can’t find my library, also scene, color and components aren’t tabs either, where are they?

  46. [..YouTube..] I can’t find my library, also scene, color and components aren’t tabs either, where are they?

  47. CaptnsCraft says:

    Tell us the website!!!(DISLIKE)(UNSUBSCIBE)

  48. CaptnsCraft says:

    [..YouTube..] Tell us the website!!!(DISLIKE)(UNSUBSCIBE)

  49. TheDeaththereaper says:

    what is that website

  50. [..YouTube..] what is that website

  51. jeuxdemahjong1231 says:

    thanks a lot, i like this game, i often play when i have freetime

  52. [..YouTube..] thanks a lot, i like this game, i often play when i have freetime

  53. shadowkiller1011 says:

    Thanks dude :D

  54. [..YouTube..] Thanks dude :D

  55. Malagaofto says:

    thanx i could use this with my presentation, much obliged i was going to have a heart attack if i didnt find anything soon

  56. Malagaofto says:

    [..YouTube..] thanx i could use this with my presentation, much obliged i was going to have a heart attack if i didnt find anything soon

  57. goodgis30 says:

    Correction “GIF” not Jif.

  58. goodgis30 says:

    [..YouTube..] Correction “GIF” not Jif.

  59. DarkVoid0064 says:

    I can’t fap to that.

  60. DarkVoid0064 says:

    [..YouTube..] I can’t fap to that.

  61. AlythTUBE says:

    One of my gifs contains a lot of images, and instead of showing the gif properly on the animation, it stacks each clip on top of the others.

  62. AlythTUBE says:

    [..YouTube..] One of my gifs contains a lot of images, and instead of showing the gif properly on the animation, it stacks each clip on top of the others.

  63. vegardertilbake1 says:

    If u wanna try a cool flash platformer i made (flash as3), try it out here: tinyurl(dot)com/adventuresOFpu­dde (yeah cant really post urls on youtube anymore) – i got a video on it on my channel and its a link in the video description aswell

  64. [..YouTube..] If u wanna try a cool flash platformer i made (flash as3), try it out here: tinyurl(dot)com/adventuresOFpu­dde (yeah cant really post urls on youtube anymore) – i got a video on it on my channel and its a link in the video description aswell

  65. Hudafck says:

    Helpful.. Thanks.. hope to see more from you Sir.

  66. Hudafck says:

    [..YouTube..] Helpful.. Thanks.. hope to see more from you Sir.

  67. ErardMrGenuis says:

    sounds like mark zuckerberg. mark is that you?

  68. [..YouTube..] sounds like mark zuckerberg. mark is that you?

  69. diGitD0cter says:

    u my friend, are awesome

  70. diGitD0cter says:

    [..YouTube..] u my friend, are awesome

  71. wbjr2189 says:

    [..YouTube..] cool

  72. [..YouTube..] He’s talking about Yiff.

  73. [..YouTube..] @carmz0r He’s talking about Yiff.

  74. DaEvansDude says:

    [..YouTube..] Is that Flash CS5 101

  75. [..YouTube..] your the best man thank you for all the helpful videos you made they help me a lot now i can make my own sprite movie or cartoon im working on a fight with mario and sonic ill show you when im done thank again you rock!

  76. Kyle Is Cool? says:

    who nos wht tre la la

  77. kyle22521 says:

    [..YouTube..] who nos wht tre la la

  78. [..YouTube..] how do u do it from sprite sheets?

  79. Robotrichie9 says:

    [..YouTube..] Oh My God!! I now know how to make a sprite walking. You see, I am new to this. Keep this up. You’re doing great.

  80. [..YouTube..] Where did you get the background?

  81. [..YouTube..] gif, is a type of image file!

  82. [..YouTube..] @carmz0r gif, is a type of image file!

  83. animagamer2 says:

    i already knew this so here my question after i all ready modified it and mad it into a bitmap that alien it so the symbol’s complete i trying to make my charter punch some one so of course i have to make the enemy fling away a symbol too but when i play it before he can even finis punching the enemy already flew away and all i can say is wtf am i so pose to do? Am i so pose to make that frame by frame and if so how can you make a video showing me how i don’t want to know how to make him walk

  84. animagamer2 says:

    [..YouTube..] i already knew this so here my question after i all ready modified it and mad it into a bitmap that alien it so the symbol’s complete i trying to make my charter punch some one so of course i have to make the enemy fling away a symbol too but when i play it before he can even finis punching the enemy already flew away and all i can say is wtf am i so pose to do? Am i so pose to make that frame by frame and if so how can you make a video showing me how i don’t want to know how to make him walk

  85. AxelJox says:

    [..YouTube..] Adobe Flash CS5

  86. AxelJox says:

    [..YouTube..] @shugeprincess788 Adobe Flash CS5

  87. shugeprincess788 says:

    which adobe is it? Fireworks or flash platform???

  88. [..YouTube..] which adobe is it? Fireworks or flash platform???

  89. Crosstone123 says:

    [..YouTube..] what is the website link?

  90. MrAdnan252 says:

    [..YouTube..] wait, so how do you import the gif thats used while hes walking?

  91. Butchurus says:

    i get hung up in paint programs when it comes to animating, the trial of flash looks like its best way to animate i like the bone tool idea so i guess i may invest sometime in it, im thinking a game engine would prolly be the easiest way to program the game i want tho, so is there anyway to export flash objects to png or bmp images? or do i gott screen caoture then paste in paint and repeat for each frame of the animation?

  92. Butchurus says:

    [..YouTube..] i get hung up in paint programs when it comes to animating, the trial of flash looks like its best way to animate i like the bone tool idea so i guess i may invest sometime in it, im thinking a game engine would prolly be the easiest way to program the game i want tho, so is there anyway to export flash objects to png or bmp images? or do i gott screen caoture then paste in paint and repeat for each frame of the animation?

  93. DoodlezNShit says:

    It is easy I’m 14 and I have gone past this I just want to learn to make the game and script it..

  94. DoodlezNShit says:

    [..YouTube..] It is easy I’m 14 and I have gone past this I just want to learn to make the game and script it..

  95. [..YouTube..] JIF!!!!!!!!!!!!!!!!

  96. MazaJesi91 says:

    [..YouTube..] What language is necessary to learn to use the adobe flash editor? And is it difficult to learn?

  97. [..YouTube..] go to sonic2mario.tripod.com for the sprites

  98. cheeto37 says:

    [..YouTube..] I save it as a graphic and it didnt work

  99. NJboi10 says:

    [..YouTube..] what is the website?

  100. hudacheck says:

    [..YouTube..] “Imma saving ah princess peach-a!”

  101. mattxy8 says:

    [..YouTube..] @carmz0r he means Gif lol, its a type of file.

  102. Oliver Gratton says:

    which websites did you use?

  103. [..YouTube..] which websites did you use?

  104. galamotshaku says:

    [..YouTube..] I have a problem, I made some custom sprite gifs in photoshop, I test them and they were ok, but when ever I Import them into flash, it overlay some of the animation frames, hope you can help me with this. Thank you

  105. mcgyvr2009i says:

    [..YouTube..] Long live mario!

  106. TheCreatorsGuild says:

    @MrJoe123652 you click actionscript 2.0

  107. [..YouTube..] @MrJoe123652 you click actionscript 2.0

  108. ic3burnn says:

    this was so helpful im lovin it!!!

  109. ic3burnn says:

    [..YouTube..] this was so helpful im lovin it!!!

  110. MrJoe123652 says:

    [..YouTube..] hi when you open cs5 at the welcome screen what do i click?(Like Animation Or What?) Please Reply

  111. MrJoe123652 says:

    [..YouTube..] hi when you open cs5 at the welcome screen what do i click?(Like Animation Or What?)

  112. hiroblade12 says:

    [..YouTube..] plz more sprite tutorials

  113. DsReLaXc1 says:

    [..YouTube..] i love you!

  114. Zach says:

    Awesome tutorial. It’s very easy to do but you explain it so well, especially the screen pans and animations. Thanks and keep it up!

  115. ALMIGHTY CHEEKS says:

    thanks alot. your tuts are some of the best. keep up the good work

  116. [..YouTube..] thanks alot. your tuts are some of the best. keep up the good work

  117. [..YouTube..] Whats the site you got the sprite from?and whats the site you got the background from?Maybe a link would help a little more?

  118. Matthew Hung says:

    do you know how to upload Flash CS4 videos to youtube? When i try to export in swf, when i try to upload it doesn’t work. When i try to export in .mov, it looks not very good, some of the frame stayed there.

  119. [..YouTube..] do you know how to upload Flash CS4 videos to youtube?When i try to export in swf, when i try to upload it doesn’t work.When i try to export in .mov, it looks not very good, some of the frame stayed there.

  120. IMJACKMADDEN says:

    [..YouTube..] File > Export Movie +choose mov or avi in the s’ave as type’ box instead of swf

  121. hyperhalo123 says:

    [..YouTube..] I cant upload to youtube because when i export the video it is in adobe format there for youtube doesnt reconize sound or video format

  122. carmz0r says:

    “Jif” is a peanut butter!

  123. carmz0r says:

    [..YouTube..] “Jif” is a peanut butter!

  124. minichambre says:

    [..YouTube..] @emrer000 Flash CS5 and yes, it will work on Windows XP

  125. [..YouTube..] Could u send the background to my email plz?s0ld13rfr0nt45@hotmail.com /or if u dont have hotmailstoerdoen@gmail.com

  126. PuffOReilly says:

    [..YouTube..] lucky! you have a mac!

  127. emrer000 says:

    [..YouTube..] Hi,I’m new on this. I don’t even know how to start. Can someone say with what program of Adobe he did it. And will it work on Windows XP ?

  128. ttrreeppo says:

    [..YouTube..] wow really helpful

  129. [..YouTube..] Where u got that background?? Anyway thx a lot anyway…

  130. [..YouTube..] what website did you find the sprite on?

  131. PT Alecz says:

    Good tutorial, Sheldon xDD

  132. [..YouTube..] Good tutorial, Sheldon xDD

  133. [..YouTube..] Thanks man! I did not had time, but when i do it, i’ll put the link.

  134. MBTHR33 says:

    [..YouTube..] @mendezfilms camtasia studio is good for that

  135. [..YouTube..] Thank You

  136. mendezfilms says:

    [..YouTube..] wich software do you use to record the screen?

  137. [..YouTube..] this tutorial is awesome thanks

  138. tormentita13 says:

    [..YouTube..] @ekoscar Type on Google “sonic2mario animated sprites”

  139. tormentita13 says:

    [..YouTube..] @ekoscar Type “sonic2mario animated sprites” on google and then click on the first link. That webpage seems to be the same as the one that appears in the tutorial. Hope it helps.

  140. tormentita13 says:

    [..YouTube..] @ekoscar This webpage seems to be the same as the one that appears in the tutorial. sonic2mario . tripod . com / mario / marioetc . html .Remove the spaces.

  141. maskedmillionaire says:

    cool

  142. ekoscar says:

    [..YouTube..] can you please give the link to the website

  143. thetechall says:

    @Darklinxer12 if your in flash cs3 and below classic tween is just motion tween. in flash cs4 flash has a new type of motion tween so if you want the old tween back you use classic tween

  144. thetechall says:

    [..YouTube..] @Darklinxer12 if your in flash cs3 and below classic tween is just motion tween. in flash cs4 flash has a new type of motion tween so if you want the old tween back you use classic tween

  145. Darklinxer12 says:

    [..YouTube..] i dont get the option classic tween what should i do

  146. molmsted98 says:

    i need help finding a background picture

  147. thecomic100 says:

    [..YouTube..] i need help finding a background picture

  148. [..YouTube..] Great job that is really easy to make! I thought sth like that would be hard :D thanks!

  149. badmonkeyballplayer says:

    Anyway, that’s too simple (I’m not going to use as3 right now, but same) What I expected to learn are Actionscripts 1.0 & 2.0 Or maybe sometimes actionscript 3.0

  150. badmonkeyballplayer says:

    What’s the difference between classic tween and motion tween?

  151. Meh Gusta says:

    I am your 4th view Anyway…AWESOME TUTORIAL!

  152. electromarv says:

    WOW

Leave a Comment

 

— required *

— required *