He's kidding.The effect you've linked to is actually pretty tough to achieve. It was probably either made in Flash, or in photoshop CS2, which allows you to set a vanishing point (even so, it would be very work-intensive in photoshop since you'd have to make a new image for every frame that recedes, as you can't animate scaling). My advice is either to use Flash, or to opt for a simpler effect to start with, such as a looping moving background. There are lots of tutorials for those online.
(
mofaha ┐( ˘_˘)┌ ʅ(́◡◝)ʃ,
Thu 2 Mar 2006, 4:56,
archived)
looping moving backgroundsis pretty much what i'm after.. horizontal scrolly wotsit will work for now - the front to back scrolly wotsits can wait.
As much as i would love to run before i can walk :)
(,
Thu 2 Mar 2006, 5:01,
archived)
As much as i would love to run before i can walk :)
OkI'm finding it difficult to locate a tutorial right now so hold on and I'll put some instructions together...
Let's assume you want to make a horizonally scrolling looped background animation which travels from right to left:
1) Make sure the scrolling background is about two times wider than the visible image size
2) Put the background onto the bottom layer - from now on we'll call it BG
3) Cut BG down the middle vertically and swap the left and right sections around, so that what was formerly the left and right edges are now touching each other in the middle of the layer
4) Using the clone tool and merging details from the left and right sections, fix the seam in the center. It doesn't have to be perfect
5) Now copy and paste BG onto a new layer, and move the copy so that the left edge of copy is lined up with the right edge of BG
6) Merge the layers onto BG
7) You now have the option of applying some motion blur to BG. It usually helps a lot
Go to ImageReady if you're not already there
8) Now pull BG so that the right edge is at the right edge of the visible image
9) Make a new frame, and pull BG to the right until exactly the same area is visible in the image
10) Now tween frame 1 to frame 2 - just experiment with the number of frames and the frame speed until it's smooth
11) Throw the last frame away - it will be a copy of the first frame, so you don't need it
12) There's your scrolling looped background :)
(Let's assume you want to make a horizonally scrolling looped background animation which travels from right to left:
1) Make sure the scrolling background is about two times wider than the visible image size
2) Put the background onto the bottom layer - from now on we'll call it BG
3) Cut BG down the middle vertically and swap the left and right sections around, so that what was formerly the left and right edges are now touching each other in the middle of the layer
4) Using the clone tool and merging details from the left and right sections, fix the seam in the center. It doesn't have to be perfect
5) Now copy and paste BG onto a new layer, and move the copy so that the left edge of copy is lined up with the right edge of BG
6) Merge the layers onto BG
7) You now have the option of applying some motion blur to BG. It usually helps a lot
Go to ImageReady if you're not already there
8) Now pull BG so that the right edge is at the right edge of the visible image
9) Make a new frame, and pull BG to the right until exactly the same area is visible in the image
10) Now tween frame 1 to frame 2 - just experiment with the number of frames and the frame speed until it's smooth
11) Throw the last frame away - it will be a copy of the first frame, so you don't need it
12) There's your scrolling looped background :)
mofaha ┐( ˘_˘)┌ ʅ(́◡◝)ʃ,
Thu 2 Mar 2006, 5:03,
archived)
That'd be an Imageready tutorial(or anything that does tweening)
(
Syncubus Yarr! Ye'll be walking Planck's Constant! [GMT-5],
Thu 2 Mar 2006, 5:19,
archived)
most excellentta muchly for that.
Currently sat at work supposedly doing stuff so i can't really try it atm.
I shall though and my results will appear here soon-ish.
(,
Thu 2 Mar 2006, 5:24,
archived)
Currently sat at work supposedly doing stuff so i can't really try it atm.
I shall though and my results will appear here soon-ish.
Here's maiden's one:www.maidenart.co.uk/scrolling-background.html
Man, I should get me some better software. I have to do shit like this by hand, frame by frame!
Rapitinui get in the cage and I'll give you a treat,
Thu 2 Mar 2006, 5:29,
archived)
yaythanks Rapitinui - much like the helpful mofaha's instructions above but with pictures.
Ty folks.. it's all much appreciated :)
(,
Thu 2 Mar 2006, 5:56,
archived)
Ty folks.. it's all much appreciated :)
He steals all my best ideas ;)haha
Although I had meant to update my tutorial to include the tweening technique at the end, as it's a much cleaner way of animating the in-between frames..
(Although I had meant to update my tutorial to include the tweening technique at the end, as it's a much cleaner way of animating the in-between frames..
maiden is filmed before a live studio audience,
Thu 2 Mar 2006, 7:14,
archived)
Here's my example of that method :)
(It's storm troopers racing on space hoppers)
Evil Prof. Pixel Masher I made this!,
Thu 2 Mar 2006, 5:42,
archived)