Question

I want to learn Animation of pictures. Please Guide me a Way to Proceed. Your help will be highly appreciated.

Answer 1

hmm, animation is just taking alot of pictures while moving your sprite little by little

Answer 2

if youve ever drawn a "moving picture" in the corner of a book; and then flipped thru it to watch it move .. thats animation right?

Answer 3

I started with pivot animator

Answer 4

If you mean what amistre said

Answer 5

i recall doing a cheesy little program for my niece. she drew the stop cells, and I used a javascript program to increment thru them .... it wasnt half bad :)

Answer 6

And then Sony Vegas PRO or Adobe After Effects ! :)

Answer 7

I am fully excited to learn animation like the following picture. I mean I want to learn how to animate a single picture.

Answer 8

yeah, thats pretty much a stop cell approach

Answer 9

i found it useful to number your picture files in the order you want them presented; and then run a setInterval type command to "flip" thru them.

Answer 10

How to learn it.?

Answer 11

i learned what i know by simply doing it and fixing my mistakes.

Answer 12

there are programs even prebuilt in which all you have to do is enter the gifs you want to process

Answer 13

maybe something like this:

var c=0

function animate()
{setTimeout(flip(),time)}

function flip()
{var img="pic"+c+".jpg"
document.getElementById("holder").src=img
c=c+1
setTimeout(animate(),time)
}

Answer 14

when c = last pic, c=0 again ... just looping it thru. Of course you would have to debug it ;)

Answer 15

ok let me take an image. Please animate it for me.

Answer 16

i am not going to do the tedious process of redrawing its cells.

Answer 17

if you are just going to have a static image, then a shift in its top,left attributes would "move" it

Answer 18

without knowing where your filepath leads i wouldnt know how to complete this ...

</html>
<img id="mover" src="filepath" style="position:absolute; top:350; left:600">
<input type=button value="Click" onClick="qwe()">
<script language=javascript>
var t=350, l=600
function qwe()
{
l=l+10
if (l > 100){l=10}
document.getElementById("mover").style.left=l
}
<\script>
<\html>

Answer 19

Can it be done using Photoshop ?

Answer 20

open that image in photoshop and make a few different versions,
by moving an 'arm' say a little bit

Answer 21

it can be done using paint if need be

Answer 22

How to do it in Photoshop ?

Answer 23

you cant just take a static picture and move parts of it at will; you actually have to make lots of different pictures, or parts of a picture to "flip" thru. This creates the illusion of movement.

Answer 24

Ok then how can we do that ? I am fully excited for it

Answer 25

its not opening please change it to .gif format and post it

Answer 26

put our picture on your desktop, and send me its filename

Answer 27

*put your pic ...

Answer 28

in order for this to html i wrote to operate; you have to have the pic and the file in the same location; and name your file: pic.jpg

Answer 29

ok

Answer 30

we can define the path in a variety of ways; like circlular :)

Answer 31

ok how to do it circular?

Answer 32

</html>
<img id="mover" src="pic.jpg" style="position:absolute; top:300; left:600">

<input type=button value="Click" onclick="qwe()">

<script language="javascript">

var t=300, l=600
var a = 3.14159/180

function qwe()
{ setInterval("animate()",75) }

function animate()
{
a = a+5*3.14159/180
t = 300 + 30*Math.sin(a)*(-1)
l = 600 + 25*Math.cos(a)
if (l > 1000){l=10}
document.getElementById("mover").style.left=l
document.getElementById("mover").style.top=t

}

</script>
</html>

Answer 33

you just define the path that the picture gets placed on by trig functions

Answer 34

where you able to get it moving in a line?

Answer 35

im just writing html/javascript codes in notepad and saving it as an html file

Answer 36

is there any web page where there the codes for it are written ?

Answer 37

probably ...

Answer 38

Okay let me know

Answer 39

um, google can let you know. i dont have any off the top of my head

Answer 40

lol, thats what i lok like when my leg falls asleep

Answer 41

@UnkleRhaukus ya that was the thing I was talking about. Please Teach me . I want to learn it.

Answer 42

break the image into separate layers, a background layer and some cells, each cell is a part that moves,
i only made one cell so far

Answer 43

Where ?

Answer 44

in photoshop

Answer 45

Thanks

Answer 46

I got it :)

Answer 47

lol, yep, i put Unkles animated gif into a circle path

Answer 48

haha... sure ;)

Answer 49

sound effects?

Answer 50

save these files in the same "folder" or on the desktop to see the animation :)

Answer 51

sound effects are just a matter of making a sound file play at the same time as the animation. and depending on the scripting you utilize will depend on how to implement it