Tutorial: Moving Pictures on Still Icon

Hey hey! Me again. Whee.

Today we're making this icon:



For Photoshop 7 and Image Ready.

And there are a few tactics from other people in this comm, so if I'm not clear you can go check out their tutorials (that I shall link to anyway).

There are a few HUGE images in this, but not many images in total. Still, not for the faint of heart (aka 58 kb modem ;D).

I don't go into huge depth, so try to have some Photoshop experience. ;P



(Note: Will not look exactly like the original, most likely, because I'm reproducing the effects from the top of my head. >_< Don't be alarmed.)


We start with the base image, a screencap I took from Tomb Raider 2 movie.



And we shrink this down into a base. (Note: I won't put up a pic, because A)you need to learn how to do it yourself, B)I can't be bothered to retrace my steps and take a screencap. XD). Go to image>adjustments>auto-levels. Sharpen it once.

Duplicate the layer, and set the second to soft light, 100% opacity. Merge the layers.

Now, take these two screencaps:





Crop them so they are (relatively) the same shape as the left side of this brush by swept_off. I did that by first cropping them in the long shape of the brush, then going Image>Image size>Height=100 Pixels, and turning on Constrained Proportions.

Then, do the effects in this tutorial, by deepslut, starting at "Then set the blending mode to Screen..." at the beginning, to "Duplicate the layer and then set the blending mode to Colour, opacity 43%." on both pictures.

Now, go back to our base.

Paste this brush, by crumblingwalls and edited by deepslut, onto it, and used the magic wand tool on the black areas, then delete them. Now, take the brush from before (http://img.photobucket.com/albums/v156/Iconish/Tutorials/Number%201/4.png) and paste it on as well, again deleting the white areas this time.

I used Times new roman, size...something...with a space inbetween the first words letters (bang bang) on the white blotch of the first brush. Then, below that, without spaces, I wrote the other sentence (baby shot me down). Use a lines brush on a low opacity (probably about 14%) on the brush layer (I can't remember where I got the lines brush, sorry, but they're everywhere), and erase the parts that go over Terry's head, so that only the whiteness has the lines.

Now, copy our picture of Terry (the guy, obviously) and paste it on a new layer, under the second brush of ours. Erase the bits on the right side of the line. Whee. This makes a pretty icon, but we're aiming for something else here.

Go to Filter>Blur>Motion Blur, and do whatever motion blurring you like. If it goes over the brush line, just erase. Go to Save as, and create a new folder wherever you like. Save this image in that folder as '2'. Then, undo the blurring and save in that folder as '1'.

Now, paste Lara (the chick, obviously) over Terry's face and save as '3'. Then, blur her the opposite of what you just did, and save as '4'.

Now we move to Image Ready!

Once in Image Ready, go to File>Import>Folder as frames, and grab our folder of frames. Duplicate the motion blur frames by clicking the button that looks like a post-it note underneath them (hehe, STICK-EMS!), and put them at the end of the frames beside their consecutive characters (so, Terry will go last).

Set the times of the non-blurred frames to 0.7 secs, and the times of the blurred to 0.1 secs. Then, file>save optimized as...

Tadah! You made an icon! XD

If anything confuses, let me know. :) I'll try to explain.