Ok so you wanna learn how to make animations/flashing pictures/moving bebo skins what ever you will call it. In this tutorial i will be using the image below of the moving stars then i will explain exactly how its made, trust me its simple:

This can be used for making moving bebo skins aswell and can be any size you like plus you can also use this tutorial to learn how to make your own personal pictures move without having to go to blingy and getting someones logo slapped on your personal pictures.
Well first of all to make this animation you will need 7 images one for each star:
1.
2.
3.
4.
5.
6.
7.
To make these Seperate Images you need to have some form of photo editing software.

You need to go and make your seperate images yourself its quite simple it can be anything at all it doesnt need to be stars, so once you have made all the seperate images its time to put them all together to make one animated image to do this you will need Adobe Image Ready which comes free with Adobe Photoshop and you can download a free trial version by clicking here

All files need to be saved as .GIF or else it will not work for you so remember that when saving them. Ok so if you have all the software you need then your read to go

First you need to open adobe image ready and click on file then open and then find your 7 seperate images you just made then select them all and you will see a screen like below:

ok so now you need to lay the images out proply so u can see them all just so you dont get confussed so get your first image and in this case its the blank one with no stars:

Next you need to make frames for each image, every different image is on its own frame so for this you will need 7 frames to do this you will need to click on the first image its the one with no stars and then click on the duplicate frame button its the button with the red mark around it in my image below and the whole frame thing show below is located down the bottom of the screen its the little box on the bottom left:

Each Frame is equal to one movement on the image so if you had a counter counting from 5 to 0 then you would need 6 images one for 5,4,3,2,1 & 0 so 6 images needs 6 frames just like a movie.So for the first frame you can leave it as it is then onto frame 2 that needs to be the image of one star so select the image then press ctrl and A on your keyboard that selects everything on the canvas then press ctrl and C that copys it then go back to the first image and paste it onto that by pressing ctrl and V then you will see that all the frames have changes to frames with one star dont worry about that because i will deal with it later this happens all the time when you get a new image. So you move along to the next image the one with 2 stars then copy that and paste it onto frame 3 the same way and do it for all images untill the 7 frames are done and then you should have 7 frames with the same picture in all of them and thats the one with 6 stars if thats what you have then great if not then redo this last section cause you missed some part.


Ok next is the “Layers”. Layers are made for each image you paste and in the end you should have 7 of them since you have 7 images they are located down the bottom right hand corner and are in a long box as shown below:

Ok so here is how the layers work, there is 7 layers here now because you have 7 frames and images, each layer is a different image so what you need to do is match them up with the frames. For example layer 1 = frame 1 and layer 2 = frame 2 and so on its the same for all of them. The best way to do it is click on frame one and uncheck all layers except layer one then go to layer 2 and by default layer 1 is selected so unselect that and pic layer 2 and its the same for layer 3,4,5,6,7. Then one you have that done its almost done all you need to do is select a display time for each frame as you can see from this there all selected for 0 seconds:

so you must change them to how ever long you want that frame displayed for before moving onto the next one.You can do this by clicking on the arrow next to where it says 0 secs and then select how long you want from the list, on my image i selected 0.2secs you will need to select a time for each frame it doesnt have to be the same but for this one i picked 0.2 for all frames. Next you will need to decide how many times you want the image to play its animation most images go forever but its up to you, by default its set to play once as you can see on the bottom left of the above image so to change it click on the arrow down next to where it says once and select either forever or custom and thats it for that part.

Next you gotta do some simple settings and you can do them from the panel on the very top right corner in a box that looks like this:

The box i have marked in red is what you need to change, you change it from unnamed to GIF 128 Dithered then thats it you can save the image BUT you must save it properly, you can do this by clicking on file then click on save optimised as and then name it and save it and you got yourself a new cool animated gif that will work on bebo or any other website out there .

Anymore questions? If so then please click here to contact me

Please do not copy this tutorial from this site is it copyright of The Dumber Man. Users are not permitted to copy it, instead you may include a link to this page on your website

© The Dumber Man 2007