home of the spirit bear

okay so this tutorial is due to this anon who requested it:

i am so sorry this took so long anon and you’ve probably unfollowed me by now, but i hope this explains it. the post in question was this:

i don’t think it’s my best quality so i made a new gif to illustrate this tutorial. anydangway, lets get started.

first, have your image open. this is where i crop it and get it down to size (500px wide) and all that, but i don’t actually add any editing layers until i have the gif part done.

if your image is one layer and labeled as background, right click on it and click “layer from background”. then, right click on the layer again and click “duplicate layer”. you’re layers tab should look like this:

okay so now is when you add your blur! you can do several different types of blur and it’s fun to play around with them, but for this tutorial i used a radial zoom blur. make sure you have “layer 0 copy” selected and click on filter>blur>radial blur and a box like this should come up:

you can play around with the amount but i never really set it under 20 because otherwise it looks like there is too little blur. then you can choose spin or zoom, again i am using zoom so click on that and then click okay. this is what you should have right now:

the top layer should be blurred and the bottom layer should be normal

okay so now that that’s done, we can animate it! make sure you have your animation window open (window>animation) and then click on the new layer button (it looks like a little paper with the corner folded) so you have two layers. then, select the first frame in the animation window, and click the little eye on the blurred layer in the layers window so that the layer that shows up in the first frame is the original unblurred layer, like this:

now click on the second frame and make both of the layers visible on this one, so the image does show up blurry:

click on your first frame again, and click on the tween button. it is a little series of dots in a diagonal line:

a box should come up that looks like this:

make sure it says next frame in the “tween with” box. i can’t say how many frames you should put, because it totally depends on you and your image. i actually ended up putting in three instead of five, but yeah it all depends on you. i suggest playing around with it until you get it right.

okay so at this point you can leave it as is, or you can add another tween so the image fades back into it’s original form. to do this, click on your very last frame and then tween, and this box will come up again:

the difference is that with this one you have to make sure that you select “first frame” in the “tween with” box. again this depends on the image, so play with it. i actually added two frames instead of 5.

okay so once you have all your tweening done you can set the time duration if you haven’t already. i set all mine at .1sec except for the first frame which i set at .5sec. the time is another thing you have to mess with for yourself.

so anyway, now you can add all your editing and then click file>save for web and devices like any other gif and you’re done! here’s my finished product again:

thanks to the anon who requested this and again sorry it took so long! you can download the psd of this gif here to see what i did more clearly, and if you have any questions or requests you can ask them here and i hoped this tutorial helped!