Creating a Scrolling Background in Adobe Flash

Learn how to move an environment around a stationary character with this tutorial.

Advertisement

158 Comments

  1. Adrianne says:

    I was reading some of your posts on this website and I conceive this web site is rattling instructive!
    Continue posting.

  2. ShaggyGriff96 says:

    have to do all this by tomorrow fuck my life- shaggygriff96

  3. mets12100 says:

    thank you for making this simple. will try to impress friends in basic animation at school haha

  4. Alyssa Minko says:

    How do you get your character in your library like that, all put together and constantly looping?

  5. MocaNico says:

    do you know if there are good tutorials on animated backgrounds (maybr a road) Like, with trees. A looping animation?

  6. Nubyrc says:

    LOL I recognize that tree in a bones video

  7. VideoGameDetective says:

    /download/75988/YzFmN#/download/75988/YzFmN#/download/75988/YzFmN#/download/75988/YzFmN#/download/75988/YzFmN#/download/75988/YzFmN#/download/75988/YzFmN#/download/75988/YzFmN#/download/75988/YzFmN#/download/75988/YzFmN#/download/75988/YzFmN#/download/75988/YzFmN#/download/75988/YzFmN#/download/75988/YzFmN#/download/75988/YzFmN#/download/75988/YzFmN#/download/75988/YzFmN#/download/75988/YzFmN#/download/75988/YzFmN#/download/75988/YzFmN#/download/75FmN#/download/75988/YzFmN#/download/75988/YzFmfk

  8. Shane Dalton says:

    Brilliant your explanation and patience are wonderful, bloody well done

  9. dascientiss says:

    How do I save this (or any animation) without the friggin side stuff ?

  10. CBsParanormalSociety says:

    can anyone tell me how to extend it out the sides like that so it actually scrolls?

  11. Suicidemycat says:

    awesome tutorials man!

  12. Wisp Lithe says:

    thanks!

  13. warrengonline says:

    Nice tutorial. It shows what I did wrong in my animation with the background. Thanks!

  14. DingAndDongCartoons says:

    It’s about how far it moves in a certain amount of time. If it moves less in a longer amount of time, it will move slower. Or you could just change one of them. (Speed = space/time)

  15. Rivaxx18 says:

    Check my channel i have the software cracked

  16. Doc. FunkBlack says:

    how i can make it to move slower?

  17. Jan Kobylík says:

    Can PLEASE anybody send me this like a completed file? :( Please, please..

  18. MrDjsoul88 says:

    Thanks for the help!

  19. SSGKK1 says:

    codingflashfast .webs. com/ is a quick website I set up explaining how to code in AS3 for people who have coded in AS2 before. remove the spaces

  20. how2websiteblog says:

    Very nice tutorial. Looking for more videos. I have given this video a plug on my blog, hope that’s okay?

  21. EwesInYourBrainz says:

    your intro is straight from a 6th grade educational intro.

  22. melbourneopera says:

    so it is a guy moving at the initial point while putting the background from right to left. Good

  23. Blackfile07 says:

    probably with ActionScript. I think it’s GoTo (frame number) after the animation

  24. Felician Galgau says:

    Americanii creeaza website-uri, olandezii construiesc masini zburatoare, italienii fac autostrade modserne…SISTEMUL DIN ROMANIA../.manbipuleaza calculatoarele, intercepteaza telefoanele, manipuleazxa oamenii…SISTEM DICTATORIAL FASCIST…tiganii Uniunii Europene…GUNOAIE FASCISTE

  25. GeTSUGAxX9 says:

    looks like a 3-5 layer background

  26. GeTSUGAxX9 says:

    [..YouTube..] looks like a 3-5 layer background

  27. krigana says:

    Awesome tutorial…again! Thank you!!!

  28. krigana says:

    [..YouTube..] Awesome tutorial…again! Thank you!!!

  29. KoumiKorp says:

    agreed

  30. KoumiKorp says:

    [..YouTube..] agreed

  31. Nhube Cabrera says:

    you just have to loop it.

  32. [..YouTube..] you just have to loop it.

  33. questinair90 says:

    I agree!! Is there a way to make it longer, this whole background moving/character walking is a HUGE aspect to a game Im making and I need the whole thing to last at least a minute. Please answer this question :D

  34. questinair90 says:

    [..YouTube..] I agree!! Is there a way to make it longer, this whole background moving/character walking is a HUGE aspect to a game Im making and I need the whole thing to last at least a minute. Please answer this question :D

  35. WillRawgers says:

    How did you create a character to have him already walking?

  36. WillRawgers says:

    [..YouTube..] How did you create a character to have him already walking?

  37. tomalotube says:

    Cartman looks mad….

  38. tomalotube says:

    [..YouTube..] Cartman looks mad….

  39. Diana Prakash says:

    Thank ya so much! u made my day!

  40. [..YouTube..] Thank ya so much! u made my day!

  41. dianaallan says:

    [..YouTube..] Thank ya so much! u made my day!

  42. Luvluvli says:

    is there a way to loop it? keep it going?

  43. Luvluvli says:

    [..YouTube..] is there a way to loop it? keep it going?

  44. LoveiPurple says:

    haha…I got bigger ones!! (o Y o) LOL

  45. LoveiPurple says:

    [..YouTube..] haha…I got bigger ones!! (o Y o) LOL

  46. Oxob6000 says:

    Y U NO move clouds

  47. Oxob6000 says:

    [..YouTube..] Y U NO move clouds

  48. IcyManaStudios says:

    You Can save yourself a lot of time and effort by putting all the layers for your background into one symbol

  49. [..YouTube..] You Can save yourself a lot of time and effort by putting all the layers for your background into one symbol

  50. Jake Long says:

    u r a life saver man thank you thank you i owe u one

  51. Jake Long says:

    [..YouTube..] u r a life saver man thank you thank you i owe u one

  52. NimeniAltu91 says:

    what if I wan’t to make it like 1 min long… I’ll just keep doing this over and over again? that may take me days…do you have any tips on making it faster and longer? I appreciated by the way I kind of seen all of your videos mostly awesome the rest oustanding! (sorry for my english)

  53. NimeniAltu91 says:

    [..YouTube..] what if I wan’t to make it like 1 min long… I’ll just keep doing this over and over again? that may take me days…do you have any tips on making it faster and longer? I appreciated by the way I kind of seen all of your videos mostly awesome the rest oustanding! (sorry for my english)

  54. AndiDrajan says:

    here’s an idea. haven’t tested it out yet, but it should work. try having the last frame exactly the same as your first. then when the animation loops it would seem like the background is scrolling indefinitely.

  55. AndiDrajan says:

    [..YouTube..] here’s an idea. haven’t tested it out yet, but it should work. try having the last frame exactly the same as your first. then when the animation loops it would seem like the background is scrolling indefinitely.

  56. zay712 says:

    i got mine for $70 i recommend you to do the same ! save beauty101.ecrater.com/p/13269159/adobe-cs5-master-collection

  57. zay712 says:

    [..YouTube..] i got mine for $70 i recommend you to do the same ! save beauty101.ecrater.com/p/13269159/adobe-cs5-master-collection

  58. SmileProductionsINC says:

    please help me how do i put a character in a background i made a character and a background but how do i put them together help!

  59. [..YouTube..] please help me how do i put a character in a background i made a character and a background but how do i put them together help!

  60. StraightUpNinjas says:

    (.)(.) ).(i win

  61. [..YouTube..] (.)(.) ).(i win

  62. SpeedDemon2468 says:

    ( . Y . ) ) (( Y )

  63. [..YouTube..] ( . Y . ) ) (( Y )

  64. soulrisk1010 says:

    so once you have a good base backround its very easy to randomize it and keep remaking it.

  65. soulrisk1010 says:

    [..YouTube..] so once you have a good base backround its very easy to randomize it and keep remaking it.

  66. nc0715 says:

    mw3 on computer

  67. nc0715 says:

    [..YouTube..] mw3 on computer

  68. NavonWegen says:

    very well, but what if I am to create a background that scrolls indefinetly, in an endless loop, like in the flintstones?

  69. NavonWegen says:

    [..YouTube..] very well, but what if I am to create a background that scrolls indefinetly, in an endless loop, like in the flintstones?

  70. MisterMarmatote says:

    (.)(.) ) . (( Y ) I win

  71. [..YouTube..] (.)(.) ) . (( Y ) I win

  72. KillaCattt says:

    Interesting chin

  73. KillaCattt says:

    [..YouTube..] Interesting chin

  74. GhostAnjo says:

    hey chad can the this panning work just as well in cs3?

  75. GhostAnjo says:

    [..YouTube..] hey chad can the this panning work just as well in cs3?

  76. metalwolf59 says:

    ( . Y . ) I think I got it.

  77. metalwolf59 says:

    [..YouTube..] ( . Y . ) I think I got it.

  78. Syukran Neji says:

    [..YouTube..] each object of background need to convert to symbols (movie clip or graphic)????

  79. Syukran93 says:

    [..YouTube..] each object of background need to convert to symbols (movie clip or graphic)????

  80. Haztel says:

    @B7571 fail… (-)Y(-)

  81. PumaJawz says:

    [..YouTube..] fail… (-)Y(-)

  82. PumaJawz says:

    [..YouTube..] @B7571 fail… (-)Y(-)

  83. B7571 says:

    [..YouTube..] @mccranky2 ah dangit

  84. mccranky2 says:

    @B7571 didnt work

  85. mccranky2 says:

    [..YouTube..] didnt work

  86. mccranky2 says:

    [..YouTube..] @B7571 didnt work

  87. B7571 says:

    [..YouTube..] no top comments its my time to shine….. AHEM… Boobies

  88. [..YouTube..] thanks nice video

  89. cheeto37 says:

    Your making it way to complicated, but I know most about flash from you,

  90. cheeto37 says:

    [..YouTube..] Your making it way to complicated, but I know most about flash from you,

  91. anatete1 says:

    [..YouTube..] Thank you sooooooooo much. Classic tween ftw. :3

  92. suyoplive says:

    [..YouTube..] thank you so much bro! YOU, and your videos are the BEST..

  93. [..YouTube..] howmuch does Cs4 run for?as in like 100 dollars or what?

  94. FireInTheMorningShow says:

    helped A LOT!! thanks dude!! youre really good at this, cheers”

  95. [..YouTube..] helped A LOT!! thanks dude!! youre really good at this, cheers”

  96. cheeto37 says:

    Your making it so much more comlicated then it needs to be

  97. cheeto37 says:

    [..YouTube..] Your making it so much more comlicated then it needs to be

  98. Melazee01 says:

    [..YouTube..] My way around that would be to copy the background, and place the duplicate right next to the original. Then, tween both of them like normal, but make sure that the end of the tween ends up in the exact same spot on the duplicate as it was at the beginning on the original. This will create a seemless effect. Kinda hard to explain, I hope I explained it well enough, haha XD

  99. Melazee01 says:

    [..YouTube..] @Claymore2408 My way around that would be to copy the background, and place the duplicate right next to the original. Then, tween both of them like normal, but make sure that the end of the tween ends up in the exact same spot on the duplicate as it was at the beginning on the original. This will create a seemless effect. Kinda hard to explain, I hope I explained it well enough, haha XD

  100. uchiha203 says:

    [..YouTube..] just a question guys, i have a weird problem here.why cant i use the classic tween? why is it not clickable?Im sure i did what he did in the vid and still its not available. any answer guys? please i really need answer thanks :)

  101. 000jinx says:

    @Claymore2408 that’s exactly what i would want to know aswell :)

  102. 000jinx says:

    [..YouTube..] that’s exactly what i would want to know aswell :)

  103. 000jinx says:

    [..YouTube..] @Claymore2408 that’s exactly what i would want to know aswell :)

  104. DarkJak143 says:

    [..YouTube..] 4 people have this a thumbs down before watching.

  105. Claymore2408 says:

    how do i make the background loop? so it continiously plays with out the blinking affect comes so people can check where the error is. I’m trying to make a background for a scrolling game where it has to loop.

  106. Claymore2408 says:

    [..YouTube..] how do i make the background loop? so it continiously plays with out the blinking affect comes so people can check where the error is. I’m trying to make a background for a scrolling game where it has to loop.

  107. [..YouTube..] that road looks dangerous to walk on..it’s all rocky o.o

  108. Amr says:

    It is so simple and great
    Thanks

  109. [..YouTube..] you just have to delete the background things you dont want

  110. [..YouTube..] @shadowdachampionpony you just have to delete the background things you dont want

  111. [..YouTube..] Thankyou this was so helpful but I have a question… Or rather a problem :P Okay, Im new to flash so bear with me! Ive finished it all but when I go to save it it saves the extra background aswell – as in the stuff thats off canvas… How do you get it to save purely what is on the canvas??? Thanks, champ. x

  112. Mohammed Babur says:

    lol he could’ve done the moonwalk

  113. mobabur94 says:

    [..YouTube..] lol he could’ve done the moonwalk

  114. Joebags905 says:

    [..YouTube..] Thanks for the tutorial. It’s exactly what I’m looking for :)

  115. [..YouTube..] i have started hearing your voice everywhere. I am making a cartoon thanks to your tutorials!!

  116. Josh Young says:

    Thanks it really helped

  117. whufcjosh says:

    [..YouTube..] Thanks it really helped

  118. soffiethetoffee says:

    arrgh whenever my movie does it, as it scrolls the background everything goes all higldy pigldy and wierd and the layers and shapes don’t move together, they just go all over the place. Any solutions??

  119. [..YouTube..] arrgh whenever my movie does it, as it scrolls the background everything goes all higldy pigldy and wierd and the layers and shapes don’t move together, they just go all over the place. Any solutions??

  120. Mooncowsback says:

    [..YouTube..] @SheerEpicness he he… itiot :3

  121. ethosaur says:

    [..YouTube..] how can i get a looping background.. like make it loop for a long time

  122. SheerEpicness says:

    whoever disliked thsi is an itiot

  123. [..YouTube..] whoever disliked thsi is an itiot

  124. Andrei Ven says:

    i enter in my character symbol and i am editing my character’s walk. when i go back from the simbol, to scene, it still doesn’t walk… what am i doing wrong?

  125. AnTr3Y says:

    [..YouTube..] i enter in my character symbol and i am editing my character’s walk. when i go back from the simbol, to scene, it still doesn’t walk… what am i doing wrong?

  126. mikacurt says:

    [..YouTube..] YOU ARE AWESOME I BEEN SEARCHING FOR HOURS TRYING TO FIND A TUTORIAL FOR THISS I LOVEEE YOUU!! LOL

  127. BLUNTxMAN412 says:

    [..YouTube..] you make great tutorials that are easy to follow along with and extremely helpfull. I wouldnt know what the fuck to do with cs4 if you hadnt taken the time to make them. So i want to thank you for doing this, you are a true dojo master of flash. With that being said…. holy fucking christ is your voice annoying. sorry, but ive been hearing it alot lately.

  128. Jonathan Hart says:

    @MegaSims2Movies Lol

  129. [..YouTube..] @MegaSims2Movies Lol

  130. [..YouTube..] :D excellent tutorial

  131. Alexander the Awesome says:

    This was very helpful, thank you!!

  132. [..YouTube..] This was very helpful, thank you!!

  133. Naresh Kumar says:

    Very nice tutorials. Thank you very much.

  134. Naresh7080 says:

    [..YouTube..] Very nice tutorials. Thank you very much.

  135. tenaya13able says:

    [..YouTube..] Thanks so much for these tutorials…it will really help getting me started!

  136. [..YouTube..] You flash genious, I only know like 1/3rd of what you know!Thanks for this tutorial.

  137. krystledana says:

    [..YouTube..] thank u :P

  138. [..YouTube..] @itsChrisLife he has made animations, alot of them based on all the tutorials, dickhead wanker

  139. Myke1023 says:

    [..YouTube..] I can do this, but when I click test movie, it shows the full background at its full length, and not the usual size of the white canvas, how can I fix this, or will it not be a problem once i export the animation to a file type.

  140. itsChrisLife says:

    [..YouTube..] MAKE AN ANIMATION! NOT A TUTORIAL,ANIMATION!!! :D

  141. thed5production says:

    ty vm but can you make another animation plz :) i always look foward to them

  142. [..YouTube..] ty vm but can you make another animation plz :) i always look foward to them

  143. [..YouTube..] You could of just said to create a path out of the camera, drag it, and create classic tweens but whatever.

  144. morg2k999 says:

    [..YouTube..] Great tutorial ive been wondering how to do that for a while now but same asprizna123 when i make a character in another flsh file i dont know how to put him into oter flash files

  145. badmonkeyballplayer says:

    @DaCukieMonsta For me, it’s no, my primary school got no mac but windows, and also my secondary school. I bet there will be more answer of no to this question For sure

  146. [..YouTube..] @DaCukieMonsta For me, it’s no, my primary school got no mac but windows, and also my secondary school.I bet there will be more answer of no to this questionFor sure

  147. DaCukieMonsta says:

    @badmonkeyballplayer more people using windows becouse macs are expensive. and yes, in my school we have only macs, 14 emacs g4 and 8 imacs g5

  148. [..YouTube..] @badmonkeyballplayer more people using windows becouse macs are expensive. and yes, in my school we have only macs, 14 emacs g4 and 8 imacs g5

  149. MrJesus2You says:

    [..YouTube..] @PurpleConspiracy not everybody knows how to do this stuff. hes just trying to help.

  150. prizna123 says:

    [..YouTube..] Great Tutorial, could you possibly make a tutorial on how to go about bringing a character that has already been assigned armatures from one flash file into another flash file, or possibly how to add multiple animations to a character like talking (moving mouth) blinking and walking, I understand how to do them seperately but am having trouble adding all three animations to the one character together.

  151. [..YouTube..] ……..Thats it? all you did was slightly scroll a background. I figured that out when I was 11….. This was a terrible tutorial…. I at least thought it would be a repeating scrolling background. Fail

  152. DirectorToby says:

    [..YouTube..] Your videos are so god damn helpful! Its like having a little animation tutorial bible here, its very much appreciated – thanks a lot for making them

  153. MrChic02 says:

    [..YouTube..] At the 9:26, how did you make the frames go upto over 100?

  154. [..YouTube..] @DaCukieMonsta but normally more people are using windows than using macMaybe those guys who make flash games are using macBut those are experts, they don’t need these simple tutorialBesides, does your school contains more mac than windows?

  155. [..YouTube..] @badmonkeyballplayer but mac is more compatible, faster and easier to use so usually all animators and graphic editors uses mac

  156. myotubehelp says:

    [..YouTube..] ty so much its very help to me!

  157. [..YouTube..] I think it’s simpleBTW, why you use Mac, not windows? I think windows is more commonLike what I said, I would like to learn as1.0&2.0or maybe as3.0

Leave a Comment

 

— required *

— required *