Motion animation:

ok im gonna show you how to make the motion animation as shown here:


Open up a new photoshop document 400x125px.Background transperant.
Make a simple background.
Fund an image that you would like to move similar to my signature above.

Im going to start off with this pic:


First you want to Copy and paste the image onto a background that you like:

I changed the blending mode of the picture i pasted to luminosity.I would suggest messing around with the blending modes they all pretty much look good.

Ok now you want to duplicate the layer of the image you posted and go to Filter>Blur>Motion Blur
Setings:Distance 25px.

your duplicated layer should look something like this:


Now you should have three different layers.
1.a backgroud image
2.normal image
3.and the blurred image

ok now we are ready to switch over to Imageready.

Now what you want to do is hide the Blurred layer:


Now you want to move down to your animation window and duplicate the first frame:


While you are on the second from of the animation,Hide the narmal layer and then un-hide the blured layer:


Now duplicate the second frame and move the blured layer across the image about a quarter of the way to the otherside:


Now repeat this step until you get to the other side:


Now once you have something like above,you want to duplicate the frame then hide the blurred layer and un-hide the normal layer and move the normal layer over to the left side in the same position the blured layer was in:


Now you need to repeat all these steps but in the opposite direction.hahaha :P

once you finish you should have something like this:

(add a 2 second delay onto both of the nowmal frames.to add a delay to a frame,you click the bottom of the frame wher it says 0 sec.)

Hope this tutorial helped you out and you understood it.If not please tell me and i will re-write it.thnx for reading.

I just wanted to add this:

When you save the file you go to File>Save Otimized as, and choose gif :)

thnx :)

thats what Im here for :)
np

I've always wanted to try this. Thanks for the tutorial. :)

heres what i got....not to bad nice tutorial

I love the effect but im not to keen on Crazys how bout when the render is on the other side he's lookin the other way..? like hes checkin his back?

i dont get it do we do it in photoshop cs or imageready

i dont know how to change it to animation

i finally got it but i cant host it it needs 2 be a jpeg ting but u can only make it photoshop

srry 4 all da spam i just figured it out srry

my fuckin god everytime i try 2 host it wont show it

oh yea finally worked im so srry bout da span

Did you know there is an EDIT button

yeh im a lil stuck.. Now duplicate the second frame and move the blured layer across the image about a quarter of the way to the otherside: how do i move tha image accross? u didnt say how to do that cause in tha pic u put its got like a ruler around it ... when ur doin it plz help

it doesnt have to be exactly a quarter inch jus movie da blurred picture a lil bit at a time

awesome tutroial, wd man :cool:

can you do this with photoshop 7. I know it said photoshop cs tuts but i tryied it and was wondering if i could do it with 7. :blush:

ye i think u can just transfer it 2 imageready

imageready??????????
sorry just started making graphics a little while ago

photoshop comes with image ready that makes the animation :p
it will work with 7

thank you \

Hey.
I'm sorry but I didn't anderstand that... :cry:

I'm from Russia but live in Israel so I don't know English well.. :'(


Can sam 1 explain to me it with Pictures easly please? :cry:



If sam1 wannt too talk with me about it I have Icq:290028674
and MsN:black_cat_gm@walla.co.il


Thank You if sam1 help me... :cry:

A very nicely done Tut! I was able to do a verion of my own, however I was wondering how you managed to blur the image of Vegeta in the middle to that of Vegeta in Saiyan form that are on the edges so fluidly? I've tried experimenting with my own two different pictures, but the animation when they switch seems too sudden and too apparent. :crazy3: