Remember those awesome spells when a vortex opened and showed a scrolling vortex? I'll teach you ho to do it!

Things you need before attempting this tutorial:
ºA functional, looping texture.
ºA template. (you can create one yourself, or use the one below.)
ºGraphicsGale (or any other program who can scroll the images for you. Then again you could do it by hand but Graphics Gale is just one click from you...)

Why? Because it serves as a mask.
Here is an example of a fully fleshed out animation, as well:

Basically, what happened here?
There is a solid texture being scrolled every frame, and the mask above it locks the texture inside a circle.
What texture will I be using, asks ye? For the sake of simplicity, a 16x16 grass tile.

Let's begin! Open up the template on graphics gale. Make the red transparent, and make a layer below. Fill it will the grass tile! It'll look like this.
Surprisingly enough we're almost finished.

Now we only have to scroll the textures. If you're using Graphics Gale as I said, you can easily do it by selecting an area $ using the directional buttons while holding Control.
Let's try shifting 1 frame to the right per frame of animation.

So it's now done! Let us look at a GIF to see how it looks like?

So, it's so simple and you can create all sorts of spells with it! Here goes an example:

If you use layers, calculate the frames and the movement of the pixels, you can create many more things!

In the above animation, there are 5 layers of stars, each moving at a different speed, and they loop! Because there are 7 frames for the loop & all tiles are multiple of 8, I can easily tilt the smaller tiles 1 pixel per frame, 16 px ones 2 frames, the 32px ones, four frames, etc... And it'll loop! So what did I get? This extremely cool warping effect. Also I used black as the background color, wich gives a nice effect! What I mean is, play with it. All sorts of cool effects can come out of it! Have fun~~ <3

This tutorial serves for VXP as well, but the procedures could possibly be different due to the different (& better) transparency handler.


Pages: 1
Hm i Wonder if i can pul somethi goff here/
Wait, the different layers are overliad in each section?
Yes, definately! There is the "transparency" layer (where ironically anything not transparent will be transparent) and the texture layer. On the texture layer you move the texture progressively in the direction you'd best!
just because, two recent animations of mine that use a similar, derived effect
(but more elaborate)

And this one is also similar but isn't a circle.

(btw that last one is a commission and is not available for public use. If you want public use animations please check my rmn resources or tumblr.
Pages: 1