Be a Supporter!

Background scrolling?

  • 259 Views
  • 3 Replies
New Topic Respond to this Topic
goochmaster15
goochmaster15
  • Member since: Sep. 17, 2012
  • Offline.
Forum Stats
Member
Level 06
Musician
Background scrolling? 2013-01-09 19:54:13 Reply

I need help on how to make the background scroll for walking sequences in an animation. Any and all help is welcome and greatly appreciated.

Potatoman
Potatoman
  • Member since: Jul. 24, 2011
  • Offline.
Forum Stats
Member
Level 14
Animator
Response to Background scrolling? 2013-01-09 21:58:17 Reply

You can use a Vcam! A Vcam is like a moveible camera for flash
Get one Here: http://www.newgrounds.com/wiki/creator-resources/flash-resou rces/utilities
You can make a motion tween of your character's symbol moving across the backround you drew and make the vcam follow!
Its very simple!

At 1/9/13 07:54 PM, goochmaster15 wrote: I need help on how to make the background scroll for walking sequences in an animation. Any and all help is welcome and greatly appreciated.

BBS Signature
th1rt3en
th1rt3en
  • Member since: Jun. 20, 2003
  • Offline.
Forum Stats
Member
Level 22
Filmmaker
Response to Background scrolling? 2013-01-10 17:24:21 Reply

Make the background larger than the flash's canvas size, turn it into a symbol, then tween it on the main timeline on a layer below the characters.

If you want it to be more complex of a movement that follows characters around, you can animate the characters inside the symbol too, then tween the entire symbol (background plus animated characters) however you wish on the main timeline.

Personally I hate using the Vcam since I enjoy adding in parallax effects where I move the background and foreground together but at different speeds/distances to induce a sense of depth on the 'camera' movement.

dylan
dylan
  • Member since: Jul. 14, 2012
  • Offline.
Forum Stats
Supporter
Level 13
Blank Slate
Response to Background scrolling? 2013-01-11 00:52:53 Reply

To add on to what th1rt3en was saying, add multiple layers into your background symbol.

Bottom layer: Sky/distant mountains/buildings/etc.

middle layer: hills and other semi-close things

top layer: close trees/power lines/grass/etc.

That will all be in your background symbol. Then turn each layer's content into a symbol, tweening across the screen at different speeds (back layer will barely move, middle layer will move further, and top layer will move the most).

Then, back in the main movie, put the background symbol on the bottom layer and your character on a layer above it. To add extra depth, put something (like some grass or rocks) into the layer above your character and tween it across the stage even faster than the top layer of your background symbol. Altogether, you'll end up with a nice illusion of depth.

My latest animation has a ton of side-scrolling across backdrops, check it out if you want to see what the final product of this style might look like (I've skipped ahead to one of the side-scrolling portions. It's also available here on NG, but that might need a good bit of loading as it's over 20MB).

Good luck!